Skip to content

premdood/netflix-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Landing Page Clone

📺 Project Overview

This project is a responsive clone of the Netflix landing page, created using pure HTML, CSS, and JavaScript. It demonstrates the ability to recreate a modern, interactive web interface with attention to design and user experience.

🌟 Features

  • Fully responsive design
  • Animated sections mimicking Netflix's original landing page
  • Interactive FAQ
  • Email validation
  • Smooth transitions and hover effects
  • Modern, clean UI that closely resembles the Netflix landing page

🚀 Technologies Used

  • HTML5
  • CSS3 (Flexbox & Grid)
  • Vanilla JavaScript
  • Responsive Design Techniques

📸 Screenshots

Desktop View

Mobile view

🛠 Installation

Prerequisites

  • Web browser (Chrome, Firefox, Safari, Edge)
  • Text editor (VS Code, Sublime Text, etc.)

Steps

  1. Clone the repository
git clone https://github.com/premdood/netflix-clone.git
  1. Navigate to the project directory
cd netflix-clone
  1. Open index.html in your preferred web browser

🔍 Key Components

HTML Structure

  • Semantic HTML5 markup
  • Responsive layout sections
  • Accessibility considerations

CSS Styling

  • Flexbox and Grid for layout
  • Media queries for responsiveness
  • Hover and transition effects

JavaScript Functionality

  • Email input validation
  • Smooth scrolling
  • Interactive elements

🏆 Challenges Overcome

  • Replicating Netflix's complex layout
  • Creating responsive design
  • Implementing interactive FAQ section

🌐 Live Demo

View Live Demo

📞 Contact

Prem Singh - LinkedIn


Disclaimer: This project is for educational purposes only and is not affiliated with Netflix.

About

Netflix Landing page clone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published