Make it work

Create a page layout with empty divs and other page elements. Don't worry about making all the content correct; focus on the layout.

After this phase, do a git commit and a demo.

Make it right

• Fill in the page content.
• Make interactive elements work correctly.

After this phase, do a git commit and a demo.

Make it better

Experiment with design improvements. For example:

• fonts and typography
• whitespace adjustment
• navigation reorganization
• clearer separation between functional page elements

Links

• Clicking on "Continue Reading" navigates to the continue-reading.html page
• Clicking on "Learn More" navigates to the learn-more.html page
• Clicking on "Just Another Post" navigates to the blog-post.html page
• Clicking on Any Page's Title Header navigates to the index.html page

Highlighting Links

• Hovering over "Button Style" links lightens the color of the link.
• Hovering over "Text Style" links changes the color of the link from grey to red.

Form Inputs

• Entering a form input with an "input device" such as a cursor or a focus changes the color from light grey to white