https://github.com/harshavinjamuri/netflix-homepage
https://github.com/harshavinjamuri/netflix-homepage
basic-html-css bharat-intern netflix-homepage netflix-homepage-clone task-3 web-development
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/harshavinjamuri/netflix-homepage
- Owner: HARSHAVINJAMURI
- Created: 2023-09-06T07:57:11.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2025-01-28T07:01:02.000Z (9 months ago)
- Last Synced: 2025-02-10T15:19:11.573Z (8 months ago)
- Topics: basic-html-css, bharat-intern, netflix-homepage, netflix-homepage-clone, task-3, web-development
- Language: CSS
- Homepage: https://netflix-homepage-olive.vercel.app/
- Size: 342 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix Home Page Clone 🎥
A replica of the Netflix homepage featuring a responsive layout, interactive UI elements, and a clean, modern design.
---
## Table of Contents :bookmark_tabs:
- [Overview](#overview)
- [Features](#features)
- [Tech Stack](#tech-stack)
- [Installation](#installation)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [Code and Resources Used](#code-and-resources-used)
- [Requirements](#requirements)
---
## Overview
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.
---
## Features
- **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.
---
## Tech Stack
- **Frontend**: HTML5, CSS3
- **Styling**: Custom CSS with media queries for responsiveness
- **Icons**: Favicon support (`netflix.ico`)
---
## Installation
To run this project locally:
1. Clone the repository to your machine:
```bash
git clone
2.Navigate to the project directory:
```bash
cd netflix-homepage-clone
```
- Open the index.html file in any modern web browser.
---
## Usage
- 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.
---
## Screenshots
- Homepage
- Subscription Form
---
## Code and Resources Used
- HTML/CSS for layout and styling.
- Netflix Logo from online resources.
- Favicon created using Favicon.io.
---
## Requirements
- A modern web browser that supports HTML5 and CSS3.
---
## Directory Structure
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
---
## Author
Harsha Vinjamuri ❤️
- Netflix Homepage Clone crafted with care.
- If you need further changes or enhancements, feel free to ask!