-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (127 loc) · 5.78 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
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Martel+Sans:wght@400;600;700;900&family=Roboto+Serif:opsz,[email protected],400;8..144,500;8..144,600&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet"/>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="utility_classes.css">
<link rel="icon" href="Images/netflix-icon.ico">
<title>Netflix India – Watch TV Shows Online, Watch Movies Online</title></head>
<body>
<div class="main">
<nav>
<img width="148" src="Images/netflix_logo.svg" alt="">
<div class="buttons">
<button class="text btn lang br">
<select class="sign-in">
<option value="option1">English</option>
<option value="option2">Hindi</option>
<option value="option3">Marathi</option>
<option value="option3">Bhojpuri</option>
<option value="option3">Bengali</option>
<option value="option3">Tamil</option>
<option value="option3">Telugu</option>
</select>
</button>
<button class="sign-in btn text br h2">Sign In</button>
</div>
</nav>
<div class="box text"></div>
<div class="slogan">
<p class="h1">Unlimited movies, TV shows and more</p>
<p class="h2">Watch anywhere. Cancel anytime.</p>
<p class="h2">Ready to watch? Enter your email to create or restart your membership.</p>
<div class="mail">
<div class="email">
<div>
<input type="email" placeholder="Email Address" class="br font w600">
</div>
<div>
<button style="border: none;"; class="started btn red br p-s w600 text"><a href="" style="padding: 0px 18px;" >Get started<i class="ri-arrow-right-s-line"></i></a></button>
</div>
</div>
</div>
</div>
</div>
<section class="first">
<div>
<p class="text h1">Enjoy on your TV <br></p>
<p class="text h2">Watch on smart TVs, PlayStation, Xbox, <br>Chromecast, Apple TV, Blu-ray players and more.</p>
</div>
<img class="secimg" src="Images/tv.png" alt="">
</section>
<div class="first container"></div>
<section class="second">
<div>
<img class="secimg" src="Images/download.png" alt="">
</div>
<div>
<p class="text h1">Download your shows to watch offline<br></p>
<p class="text h2">Save your favourites easily and always have something to watch.</p>
</div>
</section>
<div class="second container"></div>
<section class="third">
<div>
<p class="text h1">Watch everywhere <br></p>
<p class="text h2">Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV.</p>
</div>
<img class="secimg" src="Images/watch.png" alt="">
</section>
<div class="third container"></div>
<section class="second">
<img class="secimg" src="Images/profile-kids.png" alt="">
<div>
<p class="text h1">Create profiles for kids</p>
<p class="text h2">Send children on adventures with their favourite characters in a space made just for them—free with your membership.</p>
</div>
</section>
<div class="fourth container"></div>
<div class="repeat p-m">
<p class="h2 text" style="text-align: center;">Ready to watch? <br> Enter your email to create or <br> restart your membership.</p>
<div class="mail">
<div class="email">
<div>
<input type="email" placeholder="Email Address" class="br font w600">
</div>
<div>
<button style="border: none;"; class="started btn red br p-s w600 text"><a href="" style="padding: 0px 18px;" >Get started<i class="ri-arrow-right-s-line"></i></a></button>
</div>
</div>
</div>
</div>
<div class="fifth container"></div>
<footer>
<div class="footer">
<div class="footer-item">
<a href="faq">Investor Relations</a>
<a href="faq">Jobs</a>
<a href="faq">Ways to Watch</a>
<a href="faq">Terms of Use</a>
</div>
<div class="footer-item">
<a href="faq">Help Centre</a>
<a href="faq">Account</a>
<a href="faq">Speed Test</a>
<a href="faq">Legal Notices</a>
</div>
<div class="footer-item">
<a href="faq">Media Centre</a>
<a href="faq">Privacy</a>
<a href="faq">Cookie Preferences</a>
<a href="faq">Corporate</a>
</div>
<div class="footer-item">
<a href="faq">Contact Us</a>
<a href="faq">Speed Test</a>
<a href="faq">Legal Notices</a>
<a href="faq">Only on Netflix</a>
</div>
</div>
</footer>
</body>
</html>