-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
266 lines (265 loc) · 20.2 KB
/
index.html
File metadata and controls
266 lines (265 loc) · 20.2 KB
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Netflix clone by Aman</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="website" style="height: 0px;">
<header>
<nav>
<div class="container">
<div class="logo">
<svg viewBox="0 0 111 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="default-ltr-cache-1d568uk ev1dnif2"><g><path d="M105.06233,14.2806261 L110.999156,30 C109.249227,29.7497422 107.500234,29.4366857 105.718437,29.1554972 L102.374168,20.4686475 L98.9371075,28.4375293 C97.2499766,28.1563408 95.5928391,28.061674 93.9057081,27.8432843 L99.9372012,14.0931671 L94.4680851,-5.68434189e-14 L99.5313525,-5.68434189e-14 L102.593495,7.87421502 L105.874965,-5.68434189e-14 L110.999156,-5.68434189e-14 L105.06233,14.2806261 Z M90.4686475,-5.68434189e-14 L85.8749649,-5.68434189e-14 L85.8749649,27.2499766 C87.3746368,27.3437061 88.9371075,27.4055675 90.4686475,27.5930265 L90.4686475,-5.68434189e-14 Z M81.9055207,26.93692 C77.7186241,26.6557316 73.5307901,26.4064111 69.250164,26.3117443 L69.250164,-5.68434189e-14 L73.9366389,-5.68434189e-14 L73.9366389,21.8745899 C76.6248008,21.9373887 79.3120255,22.1557784 81.9055207,22.2804387 L81.9055207,26.93692 Z M64.2496954,10.6561065 L64.2496954,15.3435186 L57.8442216,15.3435186 L57.8442216,25.9996251 L53.2186709,25.9996251 L53.2186709,-5.68434189e-14 L66.3436123,-5.68434189e-14 L66.3436123,4.68741213 L57.8442216,4.68741213 L57.8442216,10.6561065 L64.2496954,10.6561065 Z M45.3435186,4.68741213 L45.3435186,26.2498828 C43.7810479,26.2498828 42.1876465,26.2498828 40.6561065,26.3117443 L40.6561065,4.68741213 L35.8121661,4.68741213 L35.8121661,-5.68434189e-14 L50.2183897,-5.68434189e-14 L50.2183897,4.68741213 L45.3435186,4.68741213 Z M30.749836,15.5928391 C28.687787,15.5928391 26.2498828,15.5928391 24.4999531,15.6875059 L24.4999531,22.6562939 C27.2499766,22.4678976 30,22.2495079 32.7809542,22.1557784 L32.7809542,26.6557316 L19.812541,27.6876933 L19.812541,-5.68434189e-14 L32.7809542,-5.68434189e-14 L32.7809542,4.68741213 L24.4999531,4.68741213 L24.4999531,10.9991564 C26.3126816,10.9991564 29.0936358,10.9054269 30.749836,10.9054269 L30.749836,15.5928391 Z M4.78114163,12.9684132 L4.78114163,29.3429562 C3.09401069,29.5313525 1.59340144,29.7497422 0,30 L0,-5.68434189e-14 L4.4690224,-5.68434189e-14 L10.562377,17.0315868 L10.562377,-5.68434189e-14 L15.2497891,-5.68434189e-14 L15.2497891,28.061674 C13.5935889,28.3437998 11.906458,28.4375293 10.1246602,28.6868498 L4.78114163,12.9684132 Z"></path></g></svg>
</div>
<div class="menu-options">
<div class="language">
<div class="language-icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon" data-name="Languages" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7668 5.33333L10.5038 5.99715L9.33974 8.9355L8.76866 10.377L7.33333 14H9.10751L9.83505 12.0326H13.4217L14.162 14H16L12.5665 5.33333H10.8278H10.7668ZM10.6186 9.93479L10.3839 10.5632H11.1036H12.8856L11.6348 7.2136L10.6186 9.93479ZM9.52722 4.84224C9.55393 4.77481 9.58574 4.71045 9.62211 4.64954H6.41909V2H4.926V4.64954H0.540802V5.99715H4.31466C3.35062 7.79015 1.75173 9.51463 0 10.4283C0.329184 10.7138 0.811203 11.2391 1.04633 11.5931C2.55118 10.6795 3.90318 9.22912 4.926 7.57316V12.6667H6.41909V7.51606C6.81951 8.15256 7.26748 8.76169 7.7521 9.32292L8.31996 7.88955C7.80191 7.29052 7.34631 6.64699 6.9834 5.99715H9.06968L9.52722 4.84224Z" fill="currentColor"></path></svg>
</div>
<div class="menu">
<select name="language-selected">
<option value="en" label="English">English</option>
<option value="hi" label="हिन्दी">हिन्दी</option>
</select>
</div>
<div class="drop-icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="default-ltr-cache-4z3qvp e1svuwfo1" data-name="CaretDown" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5976 6.5C11.7461 6.5 11.8204 6.67956 11.7154 6.78457L8.23574 10.2643C8.10555 10.3945 7.89445 10.3945 7.76425 10.2643L4.28457 6.78457C4.17956 6.67956 4.25393 6.5 4.40244 6.5H11.5976Z" fill="currentColor"></path></svg>
</div>
</div>
<div class="sign-in">
<a href="/link.html" class="sign-in-page">Sign In</a>
</div>
</div>
</div>
</nav>
</header>
<main>
<div class="intro">
<img src="media/background_img.jpg" alt="bg_img">
<div class="items">
<div class="heading">
<h1>Laughter. Tears. Thrills. Find it all on Netflix.</h1>
<p>Endless entertainment starts at just ₹149. Cancel anytime.</p>
</div>
<div class="form-input">
<form method="post">
<h3>Ready to watch? Enter your email to create or restart your membership.</h3>
<div class="email-input">
<div class="input">
<input type="email" name="email" id="email" placeholder="Email address">
</div>
<div class="button">
<button>Get Started
<div class="button-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-mirrorinrtl="true" class="default-ltr-cache-4z3qvp e1svuwfo1" data-name="ChevronRight" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5859 12L8.29303 19.2928L9.70725 20.7071L17.7072 12.7071C17.8948 12.5195 18.0001 12.2652 18.0001 12C18.0001 11.7347 17.8948 11.4804 17.7072 11.2928L9.70724 3.29285L8.29303 4.70706L15.5859 12Z" fill="currentColor"></path></svg>
</div>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="sections">
<div class="section">
<div class="content">
<div class="text">
<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="media">
<img src="media/tv.png" alt="tv-image">
<video id="tv-video" src="media/video-tv-in-0819.m4v" muted loop autoplay></video>
</div>
</div>
</div>
<div class="section">
<div class="content">
<div class="text">
<h2>Download your shows to watch offline</h2>
<p>Save your favourites easily and always have something to watch.</p>
</div>
<div class="media" id="mobile-animation">
<img class="mobile-img" src="media/mobile-0819.jpg" alt="mobile-0819">
<div class="mobile-animation">
<img id="movie-image-for-mobile" src="media/boxshot.png" alt="boxshot">
<div class="mobile-animation-text">
<div class="image-name">Stranger Things</div>
<div class="downloading">Downloading...</div>
</div>
<img id="download-icon" src="media/download-icon.gif" alt="download-icon">
</div>
</div>
</div>
</div>
<div class="section">
<div class="content">
<div class="text">
<h2>Watch everywhere</h2>
<p>Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.</p>
</div>
<div class="media">
<img src="media/device-pile-in.png" alt="device-pile-in">
<div id="device-pile-in-video">
<video src="media/video-devices-in.m4v" autoplay loop muted></video>
</div>
</div>
</div>
</div>
<div class="section">
<div class="content">
<div class="text">
<h2>Create profiles for kids</h2>
<p>Send children on adventures with their favourite characters in a space made just for them—free with your membership.</p>
</div>
<div class="media">
<img src="media/children.png" alt="children-img">
</div>
</div>
</div>
<div class="faq-section section">
<h2>Frequently Asked Questions</h2>
<div class="questions">
<ul>
<li class="faq-question">
<button>
<span>What is Netflix?</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="elj7tfr3 e164gv2o4 default-ltr-cache-l7vm9h e1svuwfo1" data-name="Plus" alt=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17V3H19V17H33V19H19V33H17V19H3V17H17Z" fill="currentColor"></path></svg>
</button>
</li>
<li class="faq-question">
<button>
<span>How much does Netflix cost?</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="elj7tfr3 e164gv2o4 default-ltr-cache-l7vm9h e1svuwfo1" data-name="Plus" alt=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17V3H19V17H33V19H19V33H17V19H3V17H17Z" fill="currentColor"></path></svg>
</button>
</li>
<li class="faq-question">
<button>
<span>Where can I watch?</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="elj7tfr3 e164gv2o4 default-ltr-cache-l7vm9h e1svuwfo1" data-name="Plus" alt=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17V3H19V17H33V19H19V33H17V19H3V17H17Z" fill="currentColor"></path></svg>
</button>
</li>
<li class="faq-question">
<button>
<span>How do I cancel?</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="elj7tfr3 e164gv2o4 default-ltr-cache-l7vm9h e1svuwfo1" data-name="Plus" alt=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17V3H19V17H33V19H19V33H17V19H3V17H17Z" fill="currentColor"></path></svg>
</button>
</li>
<li class="faq-question">
<button>
<span>What can I watch on Netflix?</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="elj7tfr3 e164gv2o4 default-ltr-cache-l7vm9h e1svuwfo1" data-name="Plus" alt=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17V3H19V17H33V19H19V33H17V19H3V17H17Z" fill="currentColor"></path></svg>
</button>
</li>
<li class="faq-question">
<button>
<span>Is Netflix good for kids?</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="elj7tfr3 e164gv2o4 default-ltr-cache-l7vm9h e1svuwfo1" data-name="Plus" alt=""><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17V3H19V17H33V19H19V33H17V19H3V17H17Z" fill="currentColor"></path></svg>
</button>
</li>
</ul>
</div>
<div class="form-input">
<form method="post">
<h3>Ready to watch? Enter your email to create or restart your membership.</h3>
<div class="email-input">
<div class="input">
<input type="email" name="email" id="email" placeholder="Email address">
</div>
<div class="button">
<button>Get Started
<div class="button-icon">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" data-mirrorinrtl="true" class="default-ltr-cache-4z3qvp e1svuwfo1" data-name="ChevronRight" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5859 12L8.29303 19.2928L9.70725 20.7071L17.7072 12.7071C17.8948 12.5195 18.0001 12.2652 18.0001 12C18.0001 11.7347 17.8948 11.4804 17.7072 11.2928L9.70724 3.29285L8.29303 4.70706L15.5859 12Z" fill="currentColor"></path></svg>
</div>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="item">
Questions? Call
<a class = "footer-links" href="tel:000-800-919-1694">000-800-919-1694</a>
</div>
<div class="item">
<ul>
<li class="footer-options">
<a class="footer-links" href="/link.html">FAQ</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Help Centre</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Account</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Media Centre</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Investor Relations</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Jobs</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Ways to Watch</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Terms of Use</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Privacy</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Cookie Preferences</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Corporate Information</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Contact Us</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Speed Test</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Legal Notices</a>
</li>
<li class="footer-options">
<a class="footer-links" href="/link.html">Only on Netflix</a>
</li>
</ul>
</div>
<div class="item">
<div class="language">
<div class="language-icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon" data-name="Languages" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7668 5.33333L10.5038 5.99715L9.33974 8.9355L8.76866 10.377L7.33333 14H9.10751L9.83505 12.0326H13.4217L14.162 14H16L12.5665 5.33333H10.8278H10.7668ZM10.6186 9.93479L10.3839 10.5632H11.1036H12.8856L11.6348 7.2136L10.6186 9.93479ZM9.52722 4.84224C9.55393 4.77481 9.58574 4.71045 9.62211 4.64954H6.41909V2H4.926V4.64954H0.540802V5.99715H4.31466C3.35062 7.79015 1.75173 9.51463 0 10.4283C0.329184 10.7138 0.811203 11.2391 1.04633 11.5931C2.55118 10.6795 3.90318 9.22912 4.926 7.57316V12.6667H6.41909V7.51606C6.81951 8.15256 7.26748 8.76169 7.7521 9.32292L8.31996 7.88955C7.80191 7.29052 7.34631 6.64699 6.9834 5.99715H9.06968L9.52722 4.84224Z" fill="currentColor"></path></svg>
</div>
<div class="menu">
<select name="language-selected">
<option value="en" label="English">English</option>
<option value="hi" label="हिन्दी">हिन्दी</option>
</select>
</div>
<div class="drop-icon">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="default-ltr-cache-4z3qvp e1svuwfo1" data-name="CaretDown" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5976 6.5C11.7461 6.5 11.8204 6.67956 11.7154 6.78457L8.23574 10.2643C8.10555 10.3945 7.89445 10.3945 7.76425 10.2643L4.28457 6.78457C4.17956 6.67956 4.25393 6.5 4.40244 6.5H11.5976Z" fill="currentColor"></path></svg>
</div>
</div>
</div>
<div class="item">
<div class="country">
Netflix India
</div>
</div>
</div>
</footer>
</div>
</body>
</html>