apna-college · PrajjwalPuri · Sep 15, 2025 · Sep 15, 2025 · Sep 15, 2025
diff --git a/Prajjwal Puri/Assets/images/bg.jpg b/Prajjwal Puri/Assets/images/bg.jpg
diff --git a/Prajjwal Puri/Assets/images/comp.png b/Prajjwal Puri/Assets/images/comp.png
diff --git a/Prajjwal Puri/Assets/images/comp1.png b/Prajjwal Puri/Assets/images/comp1.png
diff --git a/Prajjwal Puri/Assets/images/girl.jpg b/Prajjwal Puri/Assets/images/girl.jpg
diff --git a/Prajjwal Puri/Assets/images/kids.png b/Prajjwal Puri/Assets/images/kids.png
diff --git a/Prajjwal Puri/Assets/images/logo.svg b/Prajjwal Puri/Assets/images/logo.svg
diff --git a/Prajjwal Puri/Index.html b/Prajjwal Puri/Index.html
@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>www.Netflix.com</title>
+    <link rel="stylesheet" href="Style.css">
+</head>
+
+<body>
+
+    <div class="main">
+
+        <div class="nav">
+            <nav>
+                <div class="logo"><img src="Assets/images/logo.svg" alt="Netflix"></div>
+                <div class="menu">
+                    <button class="language">English</button>
+                    <button class="sign">Sign In</button>
+                </div>
+            </nav>
+        </div>
+
+        <div class="mid">
+            <h1>Unlimited movies, TV shows and more</h1>
+            <h3>Starts at ₹149. Cancel at any time.</h3>
+            <h5>Ready to watch? Enter your email to create or restart your membership.</h5>
+            <div class="mid-btn">
+                <input type="email" class="email" placeholder="Email Address">
+                <button>Get Started ></button>
+            </div>
+        </div>
+
+    </div>
+
+    <div class="line"></div>
+
+    <section class="first">
+        <div>
+            <h2>Enjoy on your TV</h2>
+            <p>Watch on smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players and more.</p>
+        </div>
+
+        <div class="secImg">
+            <video src="https://web.archive.org/web/20231123032926im_/https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/video-tv-0819.m4v" autoplay loop muted></video>
+            <img src="Assets/images/comp1.png">
+        </div>
+    </section>
+
+    <div class="line"></div>
+
+    <section class="second">
+
+
+        <div class="secImg">
+            <img src="Assets/images/girl.jpg">
+        </div>
+         <div>
+            <h2>Download your programmes to watch offline</h2>
+            <p>Save your favourites easily and always have something to watch..</p>
+        </div>
+    </section>
+
+     <div class="line"></div>
+
+    <section class="third">
+        <div>
+            <h2>Watch everywhere</h2>
+            <p>Stream unlimited films and TV programmes on your phone, tablet, laptop and TV.</p>
+        </div>
+
+        <div class="secImg">
+             <video src="https://web.archive.org/web/20231122210751im_/https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/video-devices.m4v" autoplay loop muted></video>
+            <img src="Assets/images/comp.png">
+        </div>
+    </section>
+
+
+     <div class="line"></div>
+
+     <section class="second">
+
+
+        <div class="secImg">
+            <img src="Assets/images/kids.png">
+        </div>
+         <div>
+            <h2>Create profiles for children</h2>
+            <p>Send children on adventures with their favourite characters in a space made just for them – free with your membership.</p>
+        </div>
+    </section>
+
+
+    <div class="line"></div>
+
+    <div class="last">
+        <h2>Frequently asked questions</h2>
+        <div class="board">
+            <span>What can I watch on Netflix?</span>
+            <span>+</span>
+        </div>
+        <div class="board">
+            <span>What is Netflix?</span>
+            <span>+</span>
+        </div>
+        <div class="board">
+            <span>How much does Netflix cost?</span>
+            <span>+</span>
+        </div>
+        <div class="board">
+            <span>Where can I watch?</span>
+            <span>+</span>
+        </div>
+        <div class="board">
+            <span>How do I cancel?</span>
+            <span>+</span>
+        </div>
+        <div class="board">
+            <span>Is Netflix good for children?</span>
+            <span>+</span>
+        </div>
+
+        <p>Ready to watch? Enter your email to create or restart your membership.</p>
+
+
+         <div class="mid-btn">
+                <input type="email" class="email" placeholder="Email Address">
+                <button>Get Started ></button>
+            </div>
+
+    </div>
+
+
+
+    <div class="line"></div>
+
+    <footer>
+        <div class="head">Questions? Contact us.</div>
+        <div class="container">
+        <div>
+            <a href="">FAQ</a>
+            <a href="">Investor Relations</a>
+            <a href="">Ways to Watch</a>
+            <a href="">Corporate Information</a>
+            <a href="">Legal Notices</a>
+        </div>
+
+        <div>
+            <a href="">Help Centre</a>
+            <a href="">Jobs</a>
+            <a href="">Terms of Use</a>
+            <a href="">Contact Us</a>
+            <a href="">Only on Netflix</a>
+        </div>
+
+        <div>
+            <a href="">Account</a>
+            <a href="">Redeem gift cards</a>
+            <a href="">Privacy</a>
+            <a href="">Speed Test</a>
+            <a href="">Advert choices</a>
+        </div>
+
+        <div>
+            <a href="">Media Centre</a>
+            <a href="">Buy gift cards</a>
+            <a href="">Cookie Preferences</a>
+            <a href="">Legal Guarantee</a>
+
+        </div>
+        </div>
+        <button class="language">English</button>
+        <div class="head">Netflix India</div>
+
+    </footer>
+</body>
+
+</html>
diff --git a/Prajjwal Puri/README.md b/Prajjwal Puri/README.md
@@ -0,0 +1,8 @@
+# NetFlix
+This website is my first project that i created by my own after completing the html and css chapters from Apna College. 
+This Website is fully responisive with added hover effects, auto play videos and many more.
+
+Technology used :-
+HTML-3
+CSS-5
+