# HTML Practice Assignment: Build a Blog Mockup
## Learning Objectives
Apply your HTML knowledge by designing and coding a complete blog homepage structure. Dis hand-on assignment go help you sabi semantic HTML concepts, accessibility best practices, and professional code organization skills wey you go dey use throughout your web development journey.
**By completing dis assignment, you go:**
- Practice how to plan website layouts before you start coding
- Use semantic HTML elements well well
- Create accessible, well-structured markup
- Develop professional coding habits with comments and organization
## Project Requirements
### Part 1: Design Planning (Visual Mockup)
**Create visual mockup of your blog homepage wey get:**
- Header with site title and navigation
- Main content area with at least 2-3 blog post previews
- Sidebar with extra information (about section, recent posts, categories)
- Footer with contact information or links
**Mockup Creation Options:**
- **Hand-drawn sketch**: Use paper and pencil, then take picture or scan your design
- **Digital tools**: Figma, Adobe XD, Canva, PowerPoint, or any drawing app
- **Wireframe tools**: Balsamiq, MockFlow, or any like that wireframing software
**Label your mockup sections** with the HTML elements wey you plan to use (e.g., "Header - ``", "Blog Posts - ``").
### Part 2: HTML Element Planning
**Make list wey go map each section of your mockup to the specific HTML elements:**
```
Example:
- Site Header →
- Main Navigation →