Skip to content

mayida12/netflix-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

Netflix Clone

This project is a clone of the Netflix homepage, built using only HTML and CSS. The goal of this project is to replicate the visual design of the Netflix website, focusing on responsive layouts, clean design, and CSS techniques.

Features

  • Responsive Design: The layout adjusts seamlessly across various screen sizes (desktop, tablet, mobile).
  • Navigation Bar: A custom navigation bar similar to Netflix's, with links for browsing content.
  • Hero Section: A full-screen hero section showcasing a featured movie/show.
  • Content Grid: A grid layout for displaying movie/show posters in categories.
  • Footer: Netflix-style footer with social media links and legal information.

Tech Stack

  • HTML5: Structuring the layout and content of the site.
  • CSS3: Styling the clone, including flexbox, grid, animations, and responsive design techniques.

Installation

To run this project locally:

  1. Clone this repository:

    git clone https://github.com/your-username/netflix-clone.git
  2. Navigate to the project folder:

    cd netflix-clone
  3. Open the index.html file in your browser to view the website.

Project Structure

├── index.html       # Main HTML file
├── assets/          # Folder containing images and other media
└── styles.css       # Main CSS file for styling

Future Improvements

  • JavaScript Integration: Add more functionality like interactive sliders or carousels.
  • Backend: Integrate a database and user login system.
  • More Sections: Add additional sections like personalized recommendations.

Releases

No releases published

Packages

No packages published