For the class project, create a one-page website with just text content.

You can keep things super simple by copying my starter CodePen and completing the Letterville Library example. Each lesson will take you through it step-by-step. By the end, your finished project should look like mine.

For a more creative challenge, use your own design or code up an entirely different page.

Your page should display:

A header with an eye-grabbing title
A main section with a few paragraphs of body text and a subheader or two
A footer with a few links

Use some or all of the following:

Alignment
Color
Fonts (font-family, font-style, font-weight)
Lists (<ul> or <ol>)
Size
Spacing (line height, letter spacing, word spacing, and text-indent)
Wrapping (max-width, overflow-wrap, word-break)

Show off your work by posting screenshots, code snippets, or a link to your CodePen in the Projects Gallery.

If you hit any snags, post your work-in-progress and ask for feedback or ask a question in the “Community” section.

NEED HELP?

If you have any questions or if you're stuck in your project, don't hesitate to ask for help. Here are a few options:

Ask a question in the Community tab here in the class.
Share your work-in-progress as your project and ask for feedback. (You can always swap out your work-in-progress for your finished project later.)
Connect with the teacher via LinkedIn. Send him a direct message or tag him in a post.

LINKS TO RESOURCES

The starting point for the Letterville Library project

The finished Letterville Library project

To learn more about HTML tags

To learn more about lists

To learn more about sizes in CSS

To learn more about typefaces and fonts

To learn more about font faces in CSS

To learn more about breaking and hyphenating long words

To learn more about negative space in web pages

To learn more about colors values in web development

To explore demos and experiment with text shadows

Brent Miller

Web Designer & Developer

27

5