This project is a static clone of the Netflix homepage created using pure HTML and CSS. It's designed to replicate the look and feel of the Netflix landing page, focusing on layout, responsiveness, and component-based design.
-
Header Section: A navigation bar with the Netflix logo, a language selector, and a "Sign In" button.
-
Hero Section: A prominent heading, subheading, and a call-to-action email signup form.
-
Feature Sections: Multiple sections highlighting key features of the service, with alternating text and image layouts.
-
FAQ Section: A fully functional accordion for Frequently Asked Questions.
-
Responsive Design: The layout is optimized for various screen sizes, including mobile, tablet, and desktop devices, using CSS media queries.
-
Footer: A comprehensive footer with links to various resources.
-
HTML5: For the structure and content of the web page.
-
CSS3: For styling, layout (including Flexbox), and responsiveness.
Simply clone this repository and open the index.html file in your web browser
First Clone the repository
git clone [https://github.com/your-username/netflix-clone.git]
Then Navigate to the project directory
cd netflix-clone
After Open index.html in your browserThe project is organized into two main files:
-
index.html:Contains the HTML markup for the page structure and all the content. -
style.css:Contains all the CSS rules for styling the page, including the layout, colors, fonts, and media queries for responsiveness.