-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (135 loc) · 6.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="shortcut icon" href="./Assets/Netflix_favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./style1.css">
</head>
<body>
<section id="one">
<div>
<nav id="nav">
<aside id="Netflix">
<img src="./Assets/Netflix_logo.png" alt="">
</aside>
<aside id="option">
<!-- <img src="./Assets/netflix_languagetranslate.svg" alt="" id="translate"> -->
<i class="fa-solid fa-language" id="translate"></i>
<select name="English">
<option value="English">English</option>
<option value="हिंदी">हिंदी</option>
</select>
<button id="signin"><a href="./index2.html" id="in">Sign In</a></button>
</aside>
</nav>
<nav id="content">
<h1>Unlimited movies, TV shows and more</h1>
<p id="watch">Watch anywhere. Cancel anytime.</p>
<p id="ready">Ready to watch? Enter your email to create or restart your membership.</p>
<aside id="input">
<input type="text" name="email" placeholder="Email address">
<aside><button id="started"><a href="" id="hand">Get Started</a></button><i class="fa-solid fa-greater-than" id="arrow"></i></aside>
</aside>
</nav>
</div>
</section>
<section id="two" class="border">
<aside id="enjoy">
<h1>Enjoy on your TV</h1>
<p id="smart">Watch on smart TVs, PlayStation, Xbox, Chromecast,
Apple TV, Blu-ray players and more.</p>
</aside>
<aside id="tv">
<video src="./Assets/video-tv-in-0819.m4v" autoplay muted loop></video>
<img src="./Assets/tv.png" alt="" id="tv">
</aside>
</section>
<section id="three" class="border">
<aside id="img">
<img src="./Assets/mobile-0819.jpg" alt="" id="mobile">
<div id="box">
<img src="./Assets/boxshot.png" alt="" id="strangerthings">
<aside id="p"><p>Stranger Things</p>
<p id="blue">Downoading...</p></aside>
<img src="./Assets/download-icon.gif" alt="" id="downloadicon">
</div>
</aside>
<aside id="content1">
<h1 id="download">Download your shows to watch offline</h1>
<p id="save">Save your favourites easily and always have something to watch.</p>
</aside>
</section>
<section id="four" class="border">
<aside id="stream">
<h1 id="every">Watch everywhere</h1>
<p id="unlimited">Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.</p>
</aside>
<aside id="desktop">
<video src="./Assets/DesktopVideo.m4v" autoplay loop id="desktopvideo"></video>
<img src="Assets/Desktop.png" alt="" id="desk">
</aside>
</section>
<section id="five" class="border">
<aside id="children">
<img src="Assets/Children.png" alt="" id="child">
</aside>
<aside id="create">
<h1>Create profiles for kids</h1>
<p id="send">Send children on adventures with their favourite characters in a space made just for them—free with your membership.</p>
</aside>
</section>
<section id="six" class="border">
<aside id="frequent">
<h1 id="asked">Frequently Asked Questions</h1>
<button class="lastone fit"><p class="box">What is Netflix?</p> <i class="fa-solid fa-plus" class="plus" id="is"></i></button >
<button class="lastone fit"><p class="box">How much does Netflix cost?</p> <i class="fa-solid fa-plus" class="plus"></i></button >
<button class="lastone fit"><p class="box">Where can I watch?</p> <i class="fa-solid fa-plus" class="plus" id="can"></i></button >
<button class="lastone fit"><p class="box">How do I cancel?</p> <i class="fa-solid fa-plus" class="plus" id="cancel"></i></button >
<button class="lastone fit"><p class="box">What can I watch on Netflix?</p> <i class="fa-solid fa-plus" class="plus" id="on"></i></button >
<button class="lastone fit"><p class="box">Is Netflix good for kids?</p> <i class="fa-solid fa-plus" class="plus" id="good"></i></button >
<section><p id="to">Ready to watch? Enter your email to create or restart your membership.</p>
</aside>
<aside id="input">
<input type="text" name="email" placeholder="Email address">
<button id="started"><a href="" id="hand">Get Started</a></button><i class="fa-solid fa-greater-than" id="arrow"></i>
</aside>
</section>
<section id="seven">
<aside id="top">
</aside>
<nav id="last">
<aside id="question">
<p>Questions? Call <a href="">000-800-919-1694</a></p>
<a href="" id="faq">FAQ</a>
<a href="">Investor Realtions</a>
<a href="">Privacy</a>
<a href="" id="hindi">Speed Test</a>
<select name="">
<option value="English">English</option>
<option value="हिंदी">हिंदी</option>
</select>
<p id="india">Netflix India</p>
</aside>
<aside id="help">
<a href="">Help Centre</a>
<a href="">Jobs</a>
<a href="">Cookie Preferences</a>
<a href="">Legal Notices</a>
</aside>
<aside id="corporate"><a href="">Account</a>
<a href="">Ways to Watch</a>
<a href="">Corporate Information</a>
<a href="">Only on Netflix</a>
</aside>
<aside id="terms"><a href="">Media Centre</a>
<a href="">Terms of Use</a>
<a href="">Contact Us</a>
</aside>
</nav>
</section>
</body>
</html>