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.
🔗 Click the image above to watch the demo video on YouTube.
- ✅ Netflix-style homepage layout
- ✅ Responsive design for desktop and mobile
- ✅ Hero banner section with background image
- ✅ Horizontal scrollable movie thumbnails
- ✅ Hover effects on thumbnails
- ✅ Fully responsive Netflix-like layout
- ✅ Banner section with background image
- ✅ Movie thumbnails styled in horizontal scroll sections
- ✅ CSS hover animations
- ✅ Clean and maintainable code
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
-
Clone the repository:
git clone https://github.com/pavan050505/netflix-clone.git
-
Navigate into the project folder: cd netflix-clone
-
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
