This is a clone of the Netflix homepage, built using HTML and CSS. It replicates the layout and design of the Netflix landing page, featuring a navigation bar, banner section, and horizontal movie rows. The project also includes images and videos to simulate the Netflix experience.
- Responsive Layout: The page adjusts to different screen sizes (desktop, tablet, and mobile).
- Navigation Bar: Includes logo, search bar, and menu links.
- Banner Section: A large featured banner with a movie preview, title, and description.
- Horizontal Movie Rows: Scrollable rows displaying movie posters.
- Hover Effects: Interactive hover effects on movie thumbnails and buttons.
- HTML5: For page structure.
- CSS3: For styling and layout.
- Flexbox: Used for creating flexible, responsive layouts for movie rows.
- CSS Grid: Used for alignment of elements in sections.
- Media (Images & Videos): The assets folder contains images and videos used for the project.
/netflix-clone
│
├── index.html # Main HTML file containing the structure
├── style.css # Stylesheet for design and layout
├── /assets # Folder containing images and videos for the project
│
└── README.md # Project documentation
Feel free to fork this project and improve it! If you have suggestions or bug fixes, open an issue or submit a pull request.
This project is open-source and available under the MIT License.