A responsive Netflix home page clone built using HTML, CSS, and JavaScript. This project replicates the visual design and layout of Netflix's landing page, including smooth poster scrolling and interactive UI components.
Features
-
Stylish and responsive layout with Flexbox and Grid
-
Scrollable movie poster carousel with navigation buttons
-
Subscription and membership form (UI only)
-
Optimized structure for desktop viewing
-
Hover animations and interactive effects
Technologies Used
- HTML5
- CSS3 (with gradients, flex/grid, transitions)
- JavaScript (for carousel functionality)
Project Structure
├── index.html ├── netflix.css ├── netflix.js ├── assets
Screenshot
How It Works
The movie poster section uses a horizontal
- list with overflow-x: auto.
Left and right buttons trigger scrollBy() with smooth behavior via JavaScript.
window.onload initializes the scroll behavior.
Setup Instructions
Click on: https://netflifrontend.netlify.app/
OR
Clone the repository: git clone https://github.com/ESHAYAY/netflix-clone.git
Open index.html in your browser.
No build step or dependencies required.
Author Made by Eshani — feel free to reach out!
License This project is for educational purposes only and not intended for commercial use.