Skip to content

A responsive Netflix clone built using HTML and CSS. This project replicates the front-end design of the Netflix landing page, including banner sections, featured content, and grid-based layouts. Ideal for practicing layout, styling, and responsive design techniques.

Notifications You must be signed in to change notification settings

pavan050505/netflix-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Netflix Clone

A responsive Netflix homepage clone built with HTML and CSS. This project recreates the look and feel of Netflix’s landing page, showcasing modern UI practices, responsive layouts, and engaging visuals.


📺 Demo Video

Watch Demo

🔗 Click the image above to watch the demo video on YouTube.


🚀 Features

  • ✅ Netflix-style homepage layout
  • ✅ Responsive design for desktop and mobile
  • ✅ Hero banner section with background image
  • ✅ Horizontal scrollable movie thumbnails
  • ✅ Hover effects on thumbnails

🚀 Features

  • ✅ Fully responsive Netflix-like layout
  • ✅ Banner section with background image
  • ✅ Movie thumbnails styled in horizontal scroll sections
  • ✅ CSS hover animations
  • ✅ Clean and maintainable code

📁 Folder Structure

netflix-clone/
├── assets/
│ ├── images/ # Image assets used in the UI
│ │ ├── bg.jpg # Background image
│ │ └── logo.svg # Netflix logo
│ └── videos/ # Video assets
│ └── netflix.mp4 # Sample video for background or preview

├── favicon.ico # Website favicon
├── index.html # Main HTML file
├── style.css # Custom CSS styling
├── README.md # Project documentation

💻 How to Run

  1. Clone the repository:

    git clone https://github.com/pavan050505/netflix-clone.git
    
  2. Navigate into the project folder: cd netflix-clone

  3. Open index.html in any web browser: Double-click on the index.html file Or use Live Server in VS Code

👨‍💻 Author Pavan Bhosle 🔗 GitHub Profile 📧 pavanbhosle1616@gmail.com

About

A responsive Netflix clone built using HTML and CSS. This project replicates the front-end design of the Netflix landing page, including banner sections, featured content, and grid-based layouts. Ideal for practicing layout, styling, and responsive design techniques.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published