A responsive, modern, and visually stunning Netflix India landing page clone built using HTML and CSS. This project replicates the core front-end design of the Netflix homepage, focusing on layout, responsiveness, user interface, and aesthetics — making it an ideal project for front-end learners and open-source contributors.
- 🎯 Introduction
- ✨ Features
- 📁 Directory Structure
- 🛠 Tech Stack
- 🧠 System Architecture
- 🚀 How to Use / Run
- 🌐 Community & Support
- 🤝 Contributing
- 📄 License
- 🌟 Acknowledgment
This project is a front-end clone of the official Netflix India homepage. It is created to provide hands-on experience with web development fundamentals and give contributors an opportunity to work on pixel-perfect design replication. It is beginner-friendly and ideal for those starting their open-source journey.
- 🧑💻 Responsive navigation bar with logo and sign-in button
- 🎥 Hero section with call-to-action and email capture UI
- 📺 Feature highlights with beautiful imagery
- 📚 Accordion-style FAQ section
- 🔗 Footer with multiple categorized links
- 💡 Clean, well-structured, and easy-to-understand HTML/CSS
netflixclone/
├── .vscode/
│ └── launch.json
├── assets/
│ ├── images/
│ │ ├── favicon.ico
│ │ ├── home_page_banner.png
│ │ ├── logo.svg
│ │ └── language-svgrepo.svg
│ ├── css/
│ │ └── style.css
│ └── fonts/
│ └── NetflixSans-Bold.woff
├── pages/
│ ├── index.html
│ ├── login.html
│ └── signup.html
├── CODE_OF_CONDUCT.md
├── contributing.md
├── LICENSE
└── README.md
- HTML5 – Markup structure
- CSS3 – Styling and layout
- (No JavaScript used) – Pure static front-end project
User
│
▼
index.html
│
▼
style.css
Since this is a static clone, the flow is simple: HTML renders the structure, CSS controls the layout and responsiveness, and image assets enhance visual appeal.
🌐 Open in Browser Just open index.html in your favorite browser:
start index.html # Windows
open index.html # macOS ✅ No server or dependency installation is required!
| Channel | Purpose |
|---|---|
| GitHub Issues | Bug reports, feature requests |
| GitHub Discussions | Q&A, ideas, suggestions |
| Discord | Real-time chat, pair programming |
| GSSoC Mentors | Onboarding help, code reviews |
We welcome contributions of all kinds!
Fork the repository
Create a new branch
Make your changes
Create a pull request with a meaningful description
Please read our CONTRIBUTING.md for detailed guidelines.
This project is open source and available under the MIT License.
This project is a part of GirlScript Summer of Code (GSSoC). We're glad to support first-time contributors and open-source learners!
⭐ If you like this project, don’t forget to star the repo and contribute!