Build a Landing Page

Create a professional landing page with hero, features grid, and call-to-action

Capstone Project: Product Landing Page

Build a professional landing page for a product or service. Include hero section (big headline + CTA button), features grid, testimonials, and a final call-to-action.

The hero should be full-width with gradient background, and use min-height 80vh for impact. Add hover effects on buttons with CSS transitions.

Starter Code

Structure your page with these sections: header/nav, hero, features, testimonials, call-to-action, footer.

💡Need a hint? (4 available)

#1Use min-height: 80vh on hero for visual impact

#2Use transition: all 0.3s ease for smooth hover effects

#3Gradient background: linear-gradient(135deg, color1, color2)

#4Use max-width + margin: 0 auto to constrain content width

🌐 HTML Editor

🖼️ Live Preview

🎯 Project mode: try to build the complete solution yourself. Use hints if stuck!

← Build a Personal Page Next: Flexbox Layouts →