-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 4c0fe8b
Showing
5 changed files
with
624 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,133 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>NETFLIX Clone</title> | ||
<link rel="stylesheet" href="style.css"> | ||
</head> | ||
<body> | ||
<div class="main"> | ||
<div class="container"> | ||
<nav> | ||
<div class="logo"> | ||
<span><img src="/assets/logo.svg" alt=""></span> | ||
</div> | ||
<div class="menu"> | ||
<div class="button" id="languagebtn"> | ||
<img src="/assets/language.svg" alt="" > English | ||
</div> | ||
<div class="button">Sign In</div> | ||
</div> | ||
</nav> | ||
<div class="data"> | ||
<h1>Unlimited movies,<br> TV shows and more</h1> | ||
<p>Starts at ₹149. Cancel anytime.</p><br> | ||
<p>Ready to watch? Enter your email to create or restart your membership.</p> | ||
<div class="databox"> | ||
<input type="text" placeholder="Email address"> | ||
<div class="button" id="loginbox">Get Started ⟩</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="line1"></div> | ||
<div class="line"></div> | ||
<div class="main2"> | ||
<div class="plans"> | ||
<h1>A plan to suit your needs</h1> | ||
<div class="planboxes"> | ||
<div class="planbox"> | ||
<h2>PREMIUM</h2> | ||
<p>A cinematic experience with the best picture and audio quality.</p> | ||
₹649/month | ||
</div> | ||
<div class="planbox"> | ||
<h2>STANDARD</h2> | ||
<p>All the entertainment you love, in Full HD video quality.</p> | ||
₹499/month | ||
</div> | ||
<div class="planbox"> | ||
<h2>BASIC</h2> | ||
<p>A great way to enjoy all your favourite shows and movies on a budget.</p> | ||
₹199/month | ||
</div> | ||
<div class="planbox"> | ||
<h2>MOBILE</h2> | ||
<p>A travel-friendly option for your mobile devices.</p> | ||
₹149/month | ||
</div> | ||
</div> | ||
</div> | ||
<div class="subscriptions"> | ||
<h1>More reasons to join</h1> | ||
<div class="subscriptionboxes"> | ||
<div class="subscriptionbox"> | ||
<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="subscriptionbox"> | ||
<h2>Download your shows to watch offline</h2> | ||
<p>Save your favourites easily and always have something to watch.</p> | ||
</div> | ||
<div class="subscriptionbox"> | ||
<h2>Watch everywhere</h2> | ||
<p>Stream unlimited movies and TV shows on your phone, tablet, laptop and TV.</p> | ||
</div> | ||
<div class="subscriptionbox"> | ||
<h2>Create profiles for kids</h2> | ||
<p>Send kids on adventures with their favourite characters in a space made just for them — free with your membership.</p> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="faqs"> | ||
<h1>Frequently Asked Questions</h1><br> | ||
<div class="question">What is Netflix? <span>+</span></div> | ||
<div class="question">How much does Netflix cost? <span>+</span></div> | ||
<div class="question">Where can I watch? <span>+</span></div> | ||
<div class="question">How do I cancel? <span>+</span></div> | ||
<div class="question">What can I watch on Netflix? <span>+</span></div> | ||
<div class="question">Is Netflix good for kids? <span>+</span></div><br> | ||
<p>Ready to watch? Enter your email to create or restart your membership.</p> | ||
<div class="databox"> | ||
<input type="text" placeholder="Email address"> | ||
<div class="button" id="loginbox">Get Started ⟩</div> | ||
</div> | ||
</div> | ||
</div> | ||
<footer> | ||
<div class="container">Questions? Call <span>000-800-919-1694</span></div> | ||
<div class="boxes"> | ||
<div class="box"> | ||
<span>FAQ</span> | ||
<span>Investor Relations</span> | ||
<span>Privacy</span> | ||
<span>Speed Test</span> | ||
</div> | ||
<div class="box"> | ||
<span>Help Centre</span> | ||
<span>Jobs</span> | ||
<span>Cookie Preferences</span> | ||
<span>Legal Notices</span> | ||
</div> | ||
<div class="box"> | ||
<span>Account</span> | ||
<span>Ways to Watch</span> | ||
<span>Corporate Information</span> | ||
<span>Only on Netflix</span> | ||
</div> | ||
<div class="box"> | ||
<span>Media Centre</span> | ||
<span>Terms of Use</span> | ||
<span>Contact Us</span> | ||
</div> | ||
</div> | ||
<div class="container"> | ||
<div class="button" id="languagebtn"> | ||
<img src="/assets/language.svg" alt=""> English | ||
</div> | ||
</div> | ||
<div class="container">Netflix India</div> | ||
</footer> | ||
</body> | ||
</html> |
Oops, something went wrong.