Skip to content

Rasika65581/netflixclone12

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 51.4%
  • CSS 48.6%