HTML + CSS: Landing Page
Build a responsive landing page
Intermediate⏱️ 60 minutes
Lesson Content
Project: Responsive Landing Page
Combine HTML and CSS to create a professional landing page.
Requirements:
-
HTML Structure:
- Header with navigation
- Hero section with call-to-action button
- Features section (3 cards)
- Footer with social links
-
CSS Styling:
- Flexbox for layout
- Responsive design (mobile-first)
- Hover effects on buttons
- Color scheme and typography
Skills Applied:
- Semantic HTML (header, nav, main, footer)
- CSS Flexbox
- Media queries
- CSS transitions
Create a complete, responsive landing page!
html
Loading...