Travel Landing Page
Build a modern and visually engaging travel landing page based on the provided design. The page should include a hero section, services section, top destinations cards, statistics/travel points area, key features section, testimonials, newsletter subscription form, and footer. The goal of this challenge is to practice creating a polished marketing page using HTML and CSS, with strong attention to layout structure, spacing, typography, card design, decorative shapes, and responsive behavior. The final result should closely match the provided desktop design and adapt well to smaller screen sizes.
Attention
This challenge does NOT include downloadable assets.
You are expected to:
- Use your own images, icons, and resources when needed
- Recreate the design based on the provided Figma file
- Respect the main brand identity, colors, logo, and key visual elements
- Keep the overall UI structure, layout flow, and important sections consistent with the design
You are NOT required to use the exact same images, text content, or placeholder data from the original design.
Your focus should be on:
- Brand colors
- Logo usage
- Layout structure
- Spacing and alignment
- UI architecture
- Required functionality
Minor differences in content, images, or displayed data are acceptable, but the overall visual identity and core design direction should remain clearly consistent with the challenge.
Project Requirements
- Create the full landing page using semantic HTML5
- Style the page using CSS only
- Match the provided desktop design as closely as possible
- Include a header with logo, navigation links, login, and sign up buttons
- Build a hero section with heading, text, CTA buttons, and image composition
- Add a partners/brands section below the hero area
- Create a services section with at least 3 service cards
- Create a top destinations section with destination cards and pricing
- Add a statistics/travel points section with highlighted numbers
- Build a key features section with feature list and supporting images
- Add a testimonials section with client review content
- Create a newsletter subscription section with input and button
- Add a footer with logo, description, links, and contact information
- Use proper spacing, alignment, and visual hierarchy throughout the page
- Make the layout responsive for mobile devices
- Use hover states for buttons and interactive elements
- Ensure all text remains readable across screen sizes
Ready to submit your solution?
Upload your project for mentor review and showcase your structure, polish, and implementation quality.
Login Required
You need to be logged in to submit your solution for this challenge.