A replica of the Netflix homepage featuring a responsive layout, interactive UI elements, and a clean, modern design.
This project is a static clone of the Netflix India Homepage, designed using HTML and CSS. The page includes an interactive navbar, language selector, sign-in button, and a subscription form.
It demonstrates responsive web design principles and provides users with an elegant and professional-looking interface.
- Responsive Design: Works seamlessly across desktop, tablet, and mobile devices.
- Language Selector: Dropdown menu to select between English and Telugu languages.
- Subscription Form: Includes a form with an email input field and a "Get Started" button.
- Sign-In Button: A placeholder button for user authentication.
- Dynamic Navbar: Displays the Netflix logo and navigation options.
- Custom Favicon: Displays the Netflix logo icon on the browser tab.
- Frontend: HTML5, CSS3
- Styling: Custom CSS with media queries for responsiveness
- Icons: Favicon support (
netflix.ico)
To run this project locally:
- Clone the repository to your machine:
git clone <repository-url>
2.Navigate to the project directory:
cd netflix-homepage-clone- Open the index.html file in any modern web browser.
- Launch the index.html file in a web browser.
- Explore the page features:
- Language Selector: Switch between English and Telugu.
- Email Input: Enter an email and click "Get Started."
- Sign-In Button: Placeholder for sign-in functionality.
- Homepage
- Subscription Form
- HTML/CSS for layout and styling.
- Netflix Logo from online resources.
- Favicon created using Favicon.io.
- A modern web browser that supports HTML5 and CSS3.
netflix-homepage-clone/
- ├── index.html # Main HTML file
- ├── Netflix.css # CSS styling file
- ├── netflix-logo.png # Netflix logo used in the navbar
- ├── netflix.ico # Favicon for browser tab
Harsha Vinjamuri ❤️
-
Netflix Homepage Clone crafted with care.
-
If you need further changes or enhancements, feel free to ask!