A modern, responsive Netflix-inspired landing page project — complete with trending shows list and a sign-in page.
This project was built to sharpen my HTML & CSS skills and practice responsive web design with a polished, production-like UI.
This is a front-end-only Netflix clone that replicates the look and feel of Netflix’s homepage while adding my own touches.
The project focuses on layout structure, typography, responsive scaling, and clean design without relying on heavy frameworks.
The landing page includes:
- Hero section with background overlay and email subscription CTA
- Language selection dropdown UI
- FAQ accordion-style section
- Trending shows page with animated cards
- Sign-in / Create Account UI
✅ Landing Page
- Full-screen hero banner with linear gradient overlay
- Language dropdown (UI only)
- Email subscription input with call-to-action button
- FAQ section with hover-expand answers
- Footer with important links
✅ Trending Page
- Top 15 trending shows layout with numbered cards
- Horizontal scroll animation for cards
- Animated "Enjoy it" section with glowing text
✅ Sign In / Create Account Page
- Minimalist, glass-effect form card design
- Input fields for email & password with validation attributes
- Responsive layout for all screen sizes
- HTML5 – Semantic markup for structure
- CSS3 – Custom styling with flexbox, grid, and responsive media queries
- Assets – Optimized images, icons, and background videos
- Google Fonts – Martel Sans & Poppins for modern typography
├── index.html
├── trending.html
├── signin.html
├── style.css
├── trending.css
├── signin.css
├── assets/
│ ├── images/
│ └── videos/
└── README.md
🔄 JavaScript-powered FAQ accordion (keyboard accessible)
🌐 Add multi-language content for dropdown
🎥 Background video hero section
📱 Enhanced mobile animations
💼 LinkedIn
🧠 GitHub
📩 Email: deepraj5915@gmail.com
"Movies move us like nothing else can, whether they scare us, thrill us, or make us laugh." – Netflix