🎬 Netflix Clone (HTML & CSS)

A simple static clone of the Netflix landing page built using only HTML and CSS. This project is meant for front-end practice and UI/UX learning.

🔥 Features

• Netflix-style landing page layout
• Responsive design (mobile-friendly)
• Hero section with background image and CTA
• Navigation bar and footer
• Styled sign-in form (UI only)

💻 Tech Stack

• HTML5
• CSS3
• Google Fonts
• Font Awesome (optional for icons)

🚀 Getting Started

1. Clone the repository

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

2. Navigate to the project directory

cd Netflix-Clone

3. Open the project in your browser

You can simply open the index.html file by double-clicking it or using Live Server in VS Code.

---

📁 Project Structure

Netflix-Clone/ ├── index.html
├── style.css
├── images/
│ └── (assets like logo, background, etc.)
└── README.md

---

📚 Learning Objectives

• HTML/CSS layout design
• Flexbox and responsive media queries
• UI design without frameworks
• Pixel-perfect cloning practice

---

✨ Future Scope

• Add JavaScript for interactive elements
• Create movie cards dynamically
• Connect with a backend or TMDB API
• Expand to a full multi-page clone

---

🧑‍💻 Author

Vansh Mehandru
GitHub: https://github.com/vanshmehandru

---

📄 License

This project is open-source and available under the MIT License.