E-Book Landing Page

Build a soft and modern e-book landing page based on the provided design. The page should include a navigation bar, hero section, learning or features section, author showcase, promotional discount banner, and footer. Use HTML for structure and CSS for styling only. Focus on pastel colors, soft shadows, rounded shapes, illustration placement, section spacing, and responsive behavior. The final result should look clean, friendly, and visually balanced.

Core Build

Project Requirements

Build the full landing page based on the provided design
Use semantic HTML5 structure
Style the full interface using CSS only
Create a top navigation bar with logo, links, and action button
Build a hero section with heading, paragraph, search-style call-to-action input, and illustration
Create a learning or features section with text blocks and illustrations
Add a centered section heading for the learning content
Build an authors section with multiple author cards
Display author image, name, role, and short description
Create a promotional discount banner with call-to-action button
Add decorative circles or soft background shapes where appropriate
Create a footer with multiple columns and links
Use proper typography hierarchy and spacing
Add hover states for buttons and links
Make the layout responsive for tablet and mobile devices
Keep code clean and organized across HTML and CSS files

Submission Open

Ready to submit your solution?

Upload your project for mentor review and showcase your structure, polish, and implementation quality.

120+ developers joined

Login Required

You need to be logged in to submit your solution for this challenge.