Skip to content

Commit

Permalink
Commit done
Browse files Browse the repository at this point in the history
  • Loading branch information
Ishika-Gupta06 committed Jan 30, 2024
0 parents commit f63ee7d
Show file tree
Hide file tree
Showing 33 changed files with 1,113 additions and 0 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
Binary file added netflix/assests/Netflix_Logo_PMS.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/bg.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/boxshot.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/child.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/favicon.ico
Binary file not shown.
Binary file added netflix/assests/girl.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/tv.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/tv1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added netflix/assests/vdo1.m4v
Binary file not shown.
Binary file added netflix/assests/video-devices-in.m4v
Binary file not shown.
Binary file added netflix/assests/video/video-tv-in-0819.m4v
Binary file not shown.
179 changes: 179 additions & 0 deletions netflix/index.html
Original file line number Diff line number Diff line change
@@ -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>Netflix India – Watch TV Shows Online, Watch Movies Online</title>
<link rel="icon" href="assests/favicon.ico">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<nav>
<span><img width="100" src="assests/Netflix_Logo_PMS.png" alt=""></span>
<div>
<button class="btn">&#20803; English &gt;</button>
<button class="btn btn-red-sm">Sign In</button>
</div>
</nav>
<div class="box"></div>
<div class="hero">
<span>Unlimited movies, TV shows and more</span>
<span>Watch anywhere. Cancel anytime.</span>
<span>Ready to watch? Enter your email to create or restart your membership.</span>
<div class="hero-buttons">
<input type="email" 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="assests/tv1.png">
<video src="assests/vdo1.m4v" autoplay loop muted></video>
</div>

</section>
<div class="separation"></div>

<section class="first second">
<div class="secImg">
<img src="assests/girl.jpg">
</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">
<img src="assests/tv.png">
<video src="assests/video-devices-in.m4v" autoplay loop muted></video>
</div>

</section>
<div class="separation"></div>

<section class="first second">
<div class="secImg">
<img src="assests/child.png">
</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">
<h3>Frequently Asked Questions</h3>
<div class="faqbox">
<span>What is Netflix?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M12 4V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 12H20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</div>
<div class="faqbox">
<span>How much does Netflix cost?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M12 4V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 12H20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</div>
<div class="faqbox">
<span>Where can I watch?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M12 4V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 12H20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</div>
<div class="faqbox">
<span>How do I cancel?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M12 4V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 12H20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</div>
<div class="faqbox">
<span>What can I watch on Netflix?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M12 4V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 12H20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</div>
<div class="faqbox">
<span>Is Netflix good for kids?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
<path d="M12 4V20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 12H20" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</div>
</section>
<div class="last">Ready to watch? Enter your email to create or restart your membership.</div>

<div class="hero-btns">
<button class="btnn"><input type="email" placeholder="Email address"></button>
<button class="btn btn-red">Get Started &gt;</button>
</div>

</div class="separation"></div>

<footer>
<div class="questions">
Questions? Call 000-800-919-1694
</footer>div>
<div class="footer">
<div class="footer-item">
<a href="faq">FAQ</a>
<a href="faq">Investor Relations</a>
<a href="faq">Privacy</a>
<a href="faq">Speed Test</a>
</div>

<div class="footer-item">
<a href="faq">Help Centre</a>
<a href="faq">Jobs</a>
<a href="faq">Cookie Preferences</a>
<a href="faq">Legal Notices</a>
</div>

<div class="footer-item">
<a href="faq">Account</a>
<a href="faq">Ways to Watch</a>
<a href="faq">Corporate Information</a>
<a href="faq">Only on Netflix</a>
</div>

<div class="footer-item">
<a href="faq">Media Centre</a>
<a href="faq">Terms of Use</a>
<a href="faq">Contact Us</a>
</div>
</div>
<div class="last-btn"> <button class="btn">&#20803; English &gt;</button>
<p class="copyright-txt">Netflix India</p>
</div>
</footer>
</body>
</html>
Loading

0 comments on commit f63ee7d

Please sign in to comment.