Skip to content

README.md

Latest commit

 

History

History
138 lines (94 loc) · 3.51 KB

README.md

File metadata and controls

138 lines (94 loc) · 3.51 KB

🎬 Netflix India Clone

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.

📌 Table of Contents

🎯 Introduction

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.

✨ Features

  • 🧑‍💻 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

📁 Directory Structure

netflixclone/
├── index.html
├── style.css
├── README.md
├── contributing.md
└── Screenshots/
  ├── Category.png
  ├── FAQs.png
  └── Main-Page.png

🛠 Tech Stack

  • HTML5 – Markup structure
  • CSS3 – Styling and layout
  • (No JavaScript used) – Pure static front-end project

🧠 System Architecture

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.

📸 Screenshots

  1. Introduction Page introduction Page

  2. Category Page Category Page

  3. Frequently Asked Questions FAQs

🚀 How to Use / Run

🌐 Open in Browser Just open index.html in your favorite browser:

start index.html # Windows

or

open index.html # macOS ✅ No server or dependency installation is required!

🌐 Community & Support

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

🤝 Contributing

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.

📄 License

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

🌟 Acknowledgment

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!