Drone Product Landing Page

A landing page for a drone product built using HTML5 and CSS3.

This project was created to practice traditional CSS layout techniques using float, while recreating a modern product landing page design.

Live Demo

https://drone-product-page.vercel.app/

Features

• Semantic HTML5 structure
• CSS float-based layouts
• Product showcase section
• Specifications section
• Features section
• Modern landing page design

Technologies Used

• HTML5
• CSS3
• CSS Float
• Font Awesome

Learning Objectives

This project was built to strengthen my understanding of:

• Float positioning
• Clearing floated elements
• Layout structuring with CSS
• Section organization
• Recreating real-world landing page designs

Project Structure

project/
│
├── css/
│   └── style.css
│
├── img/
│   └── project images
│
├── index.html
└── README.md