Skip to content

AlfishanShaikh/netflix-clone-html-css

Repository files navigation

🎬 Netflix Clone (HTML + CSS)

Welcome to the Netflix Clone — a clean and responsive front-end replica of the official Netflix landing page, built entirely with HTML5 and CSS3. This project is a static clone designed for learning purposes and showcases modern web design using only core web technologies.

🔗 Live Preview

👉 Click Here to View Live


📁 Project Structure

netflix-clone-html-css/
│
├── index.html          # Main HTML file
├── style.css           # Styling using CSS
└── images/             # Assets used (logo, icons, feature images)

🚀 Features

  • ✅ Clean and minimal design
  • ✅ Fully responsive across all devices
  • ✅ Header with background image and call-to-action
  • ✅ Feature sections with images and descriptions
  • ✅ FAQ accordion using pure CSS
  • ✅ Footer with useful links
  • ✅ Language selection and sign-in buttons

📸 Screenshots

screenshot


screenshot


screenshot


screenshot


🛠️ How to Use

  1. Clone the Repository

    git clone https://github.com/AlfishanShaikh/netflix-clone-html-css.git
  2. Navigate to Project Folder

    cd netflix-clone-html-css
  3. Open in Browser Open index.html with your preferred browser or use a Live Server extension in VS Code.


📌 Learnings & Purpose

This project is meant to:

  • Practice responsive web design with HTML & CSS
  • Understand layout techniques using Flexbox
  • Improve front-end development skills by mimicking a real-world UI

🤝 Contributing

Contributions are welcome! If you'd like to improve the UI or add new features, feel free to fork the repo and submit a pull request.


📃 License

This project is licensed under the MIT License © 2025 Alfishan Shaikh.
You are free to use, modify, and distribute this code for personal and educational purposes.


About

This is the core code from scratch to clone the landing page of Netflix using HTML and CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages