🎬 Netflix Clone

A responsive Netflix Landing Page Clone built using HTML5 and CSS3, recreating the look and feel of the official Netflix homepage with a modern, responsive design.

---

📖 Overview

This project is a front-end clone of the Netflix landing page created using only HTML and CSS. It focuses on responsive web design, clean layouts, reusable styling, and recreating a real-world user interface.

---

📸 Project Preview

---

✨ Features

• 🎥 Netflix-inspired landing page
• 📱 Fully responsive layout
• 🎨 Modern UI design
• 🖼 Hero banner with background image
• 📺 Feature showcase sections
• ❓ FAQ section
• 🔘 Styled buttons and forms
• 🦶 Professional footer layout
• ⚡ Clean and semantic HTML

---

🛠️ Built With

• HTML5
• CSS3
• Flexbox
• CSS Grid
• Responsive Design
• Google Fonts

---

📂 Project Structure

Netflix-Clone/
│
├── assets/
│   ├── images/
│   ├── videos/
│   └── screenshots/
│
├── index.html
├── style.css
├── favicon.ico
└── README.md

---

🚀 Getting Started

Clone the repository

git clone https://github.com/yourusername/Netflix-Clone.git

Navigate to the project

cd Netflix-Clone

Open in browser

Simply open index.html in your preferred browser.

---

💡 Learning Outcomes

This project helped me improve my understanding of:

• Semantic HTML
• CSS Flexbox
• CSS Grid
• Responsive Design
• Layout Structuring
• UI Cloning
• CSS Positioning
• Media Queries
• Front-End Development Best Practices

---

🎯 Future Improvements

• Add JavaScript FAQ toggle
• Dark/Light mode
• Smooth animations
• Authentication pages
• Movie slider
• Video previews
• Backend integration

---

👩‍💻 Author

Suhana Parvin

• GitHub: https://github.com/suhanaparvints
• LinkedIn: https://linkedin.com/in/suhanaparvints

---

⭐ Support

If you like this project, please consider giving it a ⭐ on GitHub!

---

Made with ❤️ using HTML & CSS