🎬 Netflix Clone (Frontend Practice Project)

A simple Netflix-style web interface built using only HTML, CSS, and JavaScript for practice and learning. It includes a login page and a home page with hero sections, navigation, and movie rows.

📁 Project Structure Netflix-Clone/ │ ├── css/ │ └── style.css # Main stylesheet for both login and home pages │ ├── img/ # All placeholder images (logo, hero, thumbnails, etc.) │ ├── js/ │ └── script.js # Handles redirects and simple login/signup logic │ ├── index.html # Login page │ ├── home.html # Main home page after login │ └── README.md # Project description

💡 Features

🔑 Login Page: Styled background, login form, and “Sign In / Sign Up” buttons.

🏠 Home Page:

Netflix-inspired navigation bar

Hero banner section

Horizontal movie rows with hover animations

Responsive layout for different screen sizes

💻 Fully Responsive Design: Adjusts automatically for mobile, tablet, and desktop.

🧰 Technologies Used

HTML5

CSS3 (Flexbox & Media Queries)

JavaScript (Vanilla)

🖼️ Images

All images used in the /img folder are placeholders for demonstration purposes only and are not official Netflix assets.

🚀 How to Run

Download or clone this repository:

git clone https://github.com/yourusername/netflix-clone.git

Open the folder in your code editor.

Open index.html in your browser to view the login page.

You can then navigate to home.html to view the Netflix-style homepage.

⚠️ Disclaimer

This project is for educational purposes only. All branding, logos, and styles are inspired by Netflix but are not affiliated with or endorsed by Netflix, Inc.

👨‍💻 Author

Asalu Sam Junior Web Developer Frontend Developer | HTML • CSS • JavaScript • React 📧 Email: samasalu10@gmail.com