Skip to content

A responsive Netflix UI clone with video hero, interactive movie cards, and profile page – built using HTML, CSS & JS.

License

Notifications You must be signed in to change notification settings

2024yuva/Netflix-clone-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix-clone-

image

A responsive Netflix UI clone with video hero, interactive movie cards, and profile page – built using HTML, CSS & JS.

📁 Project Structure

📦 Netflix-Clone/

├── index.html # Main landing page ├── styles.css # Global styles ├── script.js # JavaScript interactivity ├── videoplayback.mp4 # Hero section background video ├── profile-details.html # Profile page └── profile-details.css # Styles for profile page image

image

🧩 Features

  • 🔥 Hero section with autoplay video background
  • 🎥 Scrollable rows of Netflix-style movie cards
  • 👤 Profile page with membership info & account settings
  • 📱 Fully responsive design
  • 🎨 Smooth transitions, hover effects & modern UI

🛠️ Tech Stack

Frontend Tools
HTML5 VS Code
CSS3 Font Awesome
JavaScript GitHub Pages

🤓 How to Use

  1. Clone this repository
git clone https://github.com/2024yuva/Netflix-clone-.git
Open index.html in your browser

Done! 🎉

💡 What's Next?
Add login/signup with Firebase or localStorage

Movie trailers & hover previews

Dark mode toggle

Connect with me:

💼 GitHub : https://github.com/2024yuva

📬 Email : yuvarrunjithars@gmail.com

📄 License
This project is licensed under the MIT License – feel free to fork & build on it.

About

A responsive Netflix UI clone with video hero, interactive movie cards, and profile page – built using HTML, CSS & JS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published