HTML Example

project-folder/
├── index.html
├── about.html
├── css/
│   └── styles.css
└── images/
    └── my-image.jpg

1. Tasks for index.html

• Set up full HTML boilerplate (from section 7).
• Add a main <h1> for the blog title.
• Add a <nav> with a link to about.html.
• Create a <main> container for all posts.
• For each blog post, use an <article class="post"> to wrap it.
• Inside each post, use <h2> for post title, and <p> for metadata (author, date) and content.
• Add at least one <img src="images/my-image.jpg" alt="...">.

2. Tasks for about.html

• Set up full HTML boilerplate.
• Add a main <h1> for the "About Me" title.
• Add a <nav> with a link back to index.html.
• Use <p> tags for your bio.
• Use a <ul> for a list of accomplishments/skills.