A static website project that serves as a simplified clone of Netflix, created for educational purposes using HTML and CSS. The project includes responsive design principles for various screen sizes, providing a seamless viewing experience.
-
Header Section:
- Netflix logo
- Language selection button
- Sign-in button
-
Header Content Section:
- Promotional content with a call-to-action for email signup
-
Features Section:
- Multiple sections highlighting key features
- Responsive design for different screen sizes
-
FAQ Section:
- Accordion-style layout for frequently asked questions
-
Footer:
- Contact information
- Links to various sections like FAQ, Investor Relations, Privacy, etc.
- Language selection button
-
Responsive Design:
- Media queries for improved display on small screens (max-width: 600px)
The project structure is organized as follows:
index.html
: The main HTML file containing the structure of the Netflix clone.style.css
: The main stylesheet for styling the HTML elements.images/
: A directory containing images used in the project.
The project includes media queries to ensure a responsive design that adapts to various screen sizes. Elements such as the logo, navigation buttons, and content layout are adjusted for an optimal viewing experience on smaller screens.