Skip to content

Muhammad-Taha7/Netflix-Website-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Netflix Homepage Clone

A fully responsive Netflix Homepage UI Clone built with Tailwind CSS and JavaScript. This project replicates the look and feel of Netflix's official landing page, focusing on a clean layout, dark theme, and responsive design.

🚀 Features

  • 🎥 Hero section with background image and gradient overlay
  • 📱 Fully responsive layout using Tailwind's utility classes
  • 🎯 Custom buttons for Sign In and Get Started
  • 🌙 Dark mode inspired design with clean typography
  • 🧠 JavaScript used for basic interactivity and UI control
  • 💻 Optimized for desktop, tablet, and mobile devices

📸 Preview

project image

🛠️ Technologies Used

  • Tailwind CSS – for styling and layout
  • HTML5 – for semantic structure
  • JavaScript – for interactivity (e.g. toggles, sliders)

📂 How to Run

  1. Clone the repository
    git clone https://github.com/yourusername/netflix-clone.git
    
    
  2. Navigate to the project directory

bash Copy Edit cd netflix-clone

Open index.html in your browser or use Live Server in VS Code.

📌 Note This is a frontend-only clone for educational and portfolio purposes. It does not include backend functionalities like login or streaming.

🧑‍💻 Muhammad Taha Zahid

About

This project is a responsive clone of the Netflix homepage, created using Tailwind CSS and JavaScript. It features a modern UI with a hero section, background image, gradient overlay, and login/signup buttons. Tailwind's utility classes make the layout fully mobile-friendly and visually appealing across all devices. JavaScript is used for interacti

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors