https://github.com/trulyaman25/netflix-clone

Explore a frontend clone of Netflix's India landing page, crafted with HTML and CSS. The project features a fixed language (English) and static content, providing an illustrative showcase of frontend design techniques.
https://github.com/trulyaman25/netflix-clone

css html

Last synced: 13 days ago
JSON representation

Explore a frontend clone of Netflix's India landing page, crafted with HTML and CSS. The project features a fixed language (English) and static content, providing an illustrative showcase of frontend design techniques.

• Host: GitHub
• URL: https://github.com/trulyaman25/netflix-clone
• Owner: trulyaman25
• Created: 2024-03-25T20:49:13.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-09-08T10:07:58.000Z (5 months ago)
• Last Synced: 2024-11-13T05:22:43.582Z (2 months ago)
• Topics: css, html
• Language: CSS
• Homepage: https://netflixstudio.vercel.app/
• Size: 3.58 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Netflix Clone Project

This project is a clone of the Netflix website created using HTML and CSS. It aims to replicate the user interface and some functionalities of the original Netflix site, providing a visually appealing and responsive design.

For a firsthand experience, kindly explore the project at [Netflix Clone](https://trulyaman25.github.io/Netflix-Clone/).

## Features

- **Header Section**: Includes a navigation bar with logo, language dropdown, and sign-in button. The header also features a welcome message and a form to enter an email address to start or restart the membership.

- **Main Sections**: Divided into several sections showcasing different aspects of Netflix, such as watching on different devices, downloading shows for offline viewing, creating profiles for kids, and frequently asked questions (FAQs).

- **FAQ Section**: Contains expandable buttons for various common questions about Netflix.

- **Footer**: Includes links to different sections like FAQ, Investor Relations, Privacy, Help Center, Jobs, and more. It also provides language options and mentions Netflix India.

## Technologies Used

- HTML5: For structuring the web page.

- CSS3: For styling and layout design.

- Responsive Design: Ensures the website looks good on various screen sizes and devices.

## How to Use

1. Clone this repository to your local machine.

2. Open the `index.html` file in your web browser.

3. Explore the Netflix clone website and navigate through different sections.

4. Interact with the sign-in button, dropdown menus, and other interactive elements.

5. Enjoy the visually appealing design and responsive layout.

## Credits

- This project was created by Aman Kumar.

- Images, videos, and other assets used in this project are sourced from Netflix or placeholders for demonstration purposes.

## Further Developments

- Enhance the mobile responsiveness for better viewing on smaller devices.

- Add more interactive features such as user authentication and search functionality.

- Enhance design elements for a more polished and professional look.

## Images

![image](prototypeImages/demoOne.png)

![image](prototypeImages/demoTwo.png)

![image](prototypeImages/demoThree.png)

![image](prototypeImages/demoFour.png)

![image](prototypeImages/demoFive.png)

---