2 min read
Step 2: Home Page
Build your introduction and navigation.
Add Your Introduction
Update the home page with:
- My name: [Your Name]
- A brief tagline: [Your tagline, e.g., "Product Designer"]
- A short intro paragraph about what I do
- Navigation to sections (Projects, About, Contact)
Keep it minimal. The projects should be the focus.Style the Header
Style the introduction section:
- Large name as the main heading
- Tagline should be prominent but secondary
- Add comfortable spacing
- Use a clean, readable font
I want it to feel [minimal/bold/friendly — pick one].Add Navigation
Add a simple navigation:
- Link to projects section
- Link to about section
- Link to contact
It can be subtle — just text links is fine.Responsive Check
Resize your browser window.
Make sure the home page looks good on mobile.
The text should stay readable and properly spaced.Checkpoint
- Name and tagline displayed
- Intro paragraph
- Navigation links
- Looks good on mobile
What You Learned
- Building hero/introduction sections
- Typography hierarchy
- Basic responsive adjustments