acesdit · Tejas-Santosh-Nalawade · Oct 22, 2025 · Oct 22, 2025 · Oct 22, 2025 · Oct 22, 2025
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/Child.png b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/Child.png
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/ST.jpg b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/ST.jpg
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/bg.jpg b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/bg.jpg
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/logo.svg b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/logo.svg
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/tv.png b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Images/tv.png
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Video/video-tv.m4v b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Video/video-tv.m4v
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/Assets/Video/video1.m4v b/Domains/Frontend/MiniProjects/NetflixClone/Assets/Video/video1.m4v
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/README.md b/Domains/Frontend/MiniProjects/NetflixClone/README.md
@@ -0,0 +1,93 @@
+# 🎬 Netflix Frontend Clone – A Cinematic UI Experience 🎥
+
+> ✨ A jaw-dropping Netflix UI clone that will make even Hollywood proud! ✨  
+> Get ready to dive into the world of pixel-perfect design, buttery-smooth interactions, and a frontend experience that screams "Next-Level Web Dev."
+
+---
+
+## 🚀 Project Highlights
+
+🎯 **Netflix-Like Look & Feel**  
+Faithfully recreated with laser precision — from the iconic header and hero banners to slick carousels and hover effects, this clone delivers the **authentic Netflix vibe**.
+
+💅 **Responsive Design**  
+Whether you're binge-scrolling on your desktop, chilling on a tablet, or sneak-peeking from your mobile — this UI adapts **flawlessly** to any screen.
+
+⚡ **Built for Speed**  
+Lightning-fast load times, optimized assets, and clean code. It's not just Netflix-like, it's Netflix-lightning!
+
+🎨 **CSS Craftsmanship**  
+A symphony of gradients, shadows, transitions, and layout finesse — no detail is too small when you're re-creating the king of streaming UIs.
+
+---
+
+## 🛠️ Tech Stack
+
+| Tech            | Why It's Awesome 💡                |
+|-----------------|-------------------------------------|
+| **HTML5**       | The backbone of the structure       |
+| **CSS3**        | Gorgeous styling that stuns         |
+| **Flexbox/Grid**| Pixel-perfect layout control        |
+| **Fonts & Icons** | Aesthetic polish for visual impact |
+
+---
+
+## 📸 Preview
+
+> Here's a sneak peek of the UI magic.  
+> 🎞️ *You may mistake it for the real thing!*  
+
+https://github.com/user-attachments/assets/394e9dfc-7552-4b1a-a219-20484f3516aa
+
+---
+
+## 🧠 Learning Outcomes
+
+- Mastered UI cloning with real-world standards  
+- Explored deep layout techniques using Flexbox & Grid  
+- Practiced responsive and adaptive design patterns  
+- Improved component reusability and file structure organization
+
+---
+
+## 🚧 Future Enhancements
+
+- 🎮 Add authentication & routing
+- 🧠 Integrate TMDB API for dynamic movie data
+- 🌙 Enable Dark/Light theme toggles
+- 🔥 Animate carousels with Swiper.js or Framer Motion
+
+---
+
+## 🌟 Star This Repo If You...
+
+- ❤️ Love Netflix
+- 💻 Love frontend challenges
+- 🧠 Are learning by cloning
+- 💥 Want inspiration for UI builds
+
+> **Your star could be the next spark for innovation.**
+
+---
+
+## 🙌 Acknowledgements
+
+- Original inspiration: **Netflix** (All rights reserved by Netflix, Inc.)
+- Built with pure love for design, code, and binge-worthy experiences.
+
+---
+
+## 📬 Connect with the Developer
+
+Made with 💖 by [Abhishek Sharma](https://github.com/AbhishekSharma-9)  
+📫 Reach out on [LinkedIn](https://www.linkedin.com/in/abhishek-sharma-93b46132a/) for collaboration, feedback, or to just say hi!
+
+---
+
+## 🛡️ Disclaimer
+
+This project is a **non-commercial UI clone** built purely for learning and showcasing frontend skills. All content, logos, and design inspirations are property of their respective owners.
+
+---
+
+🎉 **Happy Cloning! Happy Coding! Happy Streaming UI Vibes!**
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/favicon.ico b/Domains/Frontend/MiniProjects/NetflixClone/favicon.ico
diff --git a/Domains/Frontend/MiniProjects/NetflixClone/index.html b/Domains/Frontend/MiniProjects/NetflixClone/index.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="style1.css">
+</head>
+<body>
+    <div class="main">
+        <nav>
+            <span><img src="Assets/Images/logo.svg" width="23" alt="Netflix"></span>
+            <div>
+                <button class="btn">English</button>
+                <button class="btn btn-red-sm">Sign In</button>
+            </div>
+        </nav>
+        <div class="box"></div>
+        <div class="hero">
+            <span>Enjoy big movies, hit series and more from ₹ 149.</span>
+            <span>Join today. Cancel anytime.</span>
+            <span>Ready to watch? Enter your email to create or restart your membership.</span>
+            <div class="hero-buttons">
+                <input type="text" placeholder="Email Address">
+                <button class="btn btn-red">Get Started &gt;</button>
+            </div>
+        </div>
+        <div class="separation"></div>
+    </div>
+
+    <section class="first">
+        <div>
+            <span>Enjoy on your TV</span>
+            <span>Watch on smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players and more.</span>
+        </div>
+        <div class="secImg">
+            <img src="Assets/Images/tv.png" alt="TV">
+            <video src="Assets/Video/video-tv.m4v"
+            autoplay loop muted></video>
+        </div>
+    </section>
+    <div class="separation"></div>
+
+    <section class="first second">
+        <div>
+            <div class="secImg">
+                <img src="Assets/Images/ST.jpg" alt="ST">
+            </div>
+        </div>
+        <div>
+            <span>Download your shows to watch offline</span>
+            <span>Save your favourites easily and always have something to watch.</span>
+        </div>
+    </section>
+    <div class="separation"></div>
+
+    <section class="first third">
+        <div>
+            <span>Watch everywhere</span>
+            <span>Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.</span>
+        </div>
+
+        <div class="secImg help">
+            <img src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/tv.png" alt="">
+            <video src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/video-devices-in.m4v"
+                autoplay loop muted></video>
+        </div>
+    </section>
+    <div class="separation"></div>
+
+    <section class="first second">
+
+        <div class="secImg">
+            <img src="Assets/Images/Child.png"
+                alt="Child">
+
+        </div>
+        <div>
+            <span>Create profiles for kids</span>
+            <span>Send children on adventures with their favourite characters in a space made just for them—free with
+                your membership.</span>
+        </div>
+    </section>
+
+    <div class="separation"></div>
+
+    <section class="faq">
+        <h2>Frequently Asked Questions</h2>
+        <div class="faqbox">
+            <span>What is Netflix</span>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 4V20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M4 12H20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+
+        </div>
+        <div class="faqbox">
+            <span>How much does Netflix cost?</span>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 4V20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M4 12H20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+
+        </div>
+        <div class="faqbox">
+            <span>What can I watch on Netflix?</span>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 4V20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M4 12H20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+
+        </div>
+        <div class="faqbox">
+            <span>Where can I watch?</span>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 4V20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M4 12H20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+
+        </div>
+        <div class="faqbox">
+            <span>Is Netflix good for kids?</span>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 4V20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M4 12H20" stroke="#141B34" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+            </svg>
+
+        </div>
+    </section>
+    <div class="separation"></div>
+
+    <footer>
+        <div class="questions">
+            Questions? Call 000-800-919-1694
+        </div>
+        <div class="footer">
+            <div class="footer-item"> 
+                <a href="faq">Investor Relations</a>
+                <a href="faq">Jobs</a>
+                <a href="faq">Ways to Watch</a>
+                <a href="faq">Terms of Use</a>
+            </div>
+
+            <div class="footer-item"> 
+                <a href="faq">Help Centre</a>
+                <a href="faq">Account</a>
+                <a href="faq">Speed Test</a>
+                <a href="faq">Legal Notices</a>
+            </div>
+            <div class="footer-item">
+                <a href="faq">Media Centre</a>
+                <a href="faq">Privacy</a>
+                <a href="faq">Cookie Preferences</a> 
+                <a href="faq">Corporate</a>
+            </div>
+
+            <div class="footer-item">
+                <a href="faq">Contact Us</a>
+                <a href="faq">Speed Test</a> 
+                <a href="faq">Legal Notices</a> 
+                <a href="faq">Only on Netflix</a>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>