🎬 Netflix Clone Landing Page

---

🔗 Live Website

🌐 Click Here to View Live Demo

---

📘 Description

A Netflix Landing Page Clone built using HTML5, CSS3, Bootstrap 5, and JavaScript ES6.
This project is a frontend-only web application that recreates the modern Netflix UI with responsive design, interactive carousels, and smooth animations.

It focuses on:

• Replicating Netflix’s minimalistic dark theme 🎨
• Responsive layouts for mobile, tablet, and desktop 📱
• Showcasing interactive carousels using Bootstrap 🎞️
• Practicing frontend development and UI/UX cloning ⚡

---

⚠️ Disclaimer

This project is a Netflix Homepage Clone created solely for educational and portfolio purposes.
It is not affiliated with, endorsed by, or associated with Netflix, Inc. in any way.

All trademarks, logos, and brand names used in this project belong to their respective owners.
The design and layout were recreated to demonstrate frontend development skills such as responsive design, layout structuring, and user interface replication.

No commercial use is intended, and no copyrighted content (videos, media, or official assets) from Netflix is hosted or distributed through this project.

This clone was built only to showcase technical proficiency and design understanding for personal learning and professional portfolio presentation.

---

📸 Screenshots

• 🎬 Hero Section with Email Signup

• 🎞️ Trending Now Carousel

  

• ❓ FAQ Accordion Section

  

• 📱 Footer Section view

  

---

🛠️ Technologies Used

• HTML5 – Semantic markup
• CSS3 – Custom Netflix-inspired styling
• Bootstrap 5 – Grid system & carousel components
• JavaScript (ES6) – Interactivity & DOM logic
• Git & GitHub – Version control & deployment

---

🌟 Key Features

• 📱 Fully Responsive – Works on mobile, tablet, and desktop
• 🎞️ Bootstrap Carousels – Smooth sliding movie sections
• 🎨 Dark UI Theme – Modern Netflix-style minimalistic design
• 🔽 FAQ Accordion – Expandable questions with smooth toggles
• ⚡ Optimized Layout – Centered alignment & spacing like Netflix
• 🏗️ Scalable Codebase – Clean folder structure for maintainability

---

📱 Responsive Design

Device	Status
Mobile	✅ Tested
Tablet	✅ Tested
Desktop	✅ Tested

---

📂 Folder Structure

Netflix-Clone-Landing-Page/
├── assets/          # Images, icons, static files
├── index.html       # Main landing page
├── style.css        # Custom styles
├── script.js        # JavaScript interactivity
└── README.md        # Documentation

💻 How to Run

1. Clone the repo

git clone https://github.com/Hussainshaik-devv/Netflix-clone-landing-page.git

2. Navigate into the project folder

cd Netflix-Clone-Landing-Page

3. Open index.html in your browser 🚀

---

🎯 Learning Outcomes

✅ Practicing frontend-only web development

✅ Implementing Bootstrap carousels & grids

✅ Styling with CSS3 & responsive layouts

✅ DOM manipulation with JavaScript ES6

✅ Re-creating modern web clones for portfolio

---

🎓 Project Information

Project Type: Frontend Netflix Clone

Purpose: UI/UX practice & frontend skill showcase

Tools: VS Code, Bootstrap, Web Browser

Design: Netflix 2025 homepage reference

---

🏷️ Tags

HTML5 | CSS3 | Bootstrap 5 | JavaScript ES6 | Netflix Clone | Responsive Design | Frontend Project

---

📬 Contact

• 📧 Email: Hussainshaikdev03@gmail.com
• 🧑‍💻 GitHub: Hussainshaik-devv
• 👔 LinkedIn: Shaik Hussain

⭐ Don’t forget to give this repo a star if you like it! ⭐

---

🧑‍💻 Crafted by ⚡

Shaik Mohammed Hussain | Full Stack Web Developer | Bengaluru, Karnataka, India