-
Notifications
You must be signed in to change notification settings - Fork 0
/
project3.html
125 lines (123 loc) · 6.03 KB
/
project3.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
<!DOCTYPE html>
<html>
<head>
<title>Netflix Homepage</title>
<link rel="stylesheet" href="project3.css">
</head>
<body>
<div class="container">
<div id="cls">
<div>
<h1> NETFLIX</h1>
</div>
<div>
<input type="button" value="sign in" style="margin-top: 6%;margin-left:135%;font-size: 22px;background-color: red;color:white;border-radius: 5%;box-shadow: 0px 6px 11px 0px black;">
</div>
<div>
<select style="margin-top: 6%;margin-left:60%;font-size: 22px;background-color:black;color:white">
<option>English</option>
<option>Telugu</option>
<option>Hindi</option>
</select>
</div>
</div>
<form >
<div id="text">
<h1 style="font-size:50px">The biggest Indian hits.The best Indian</h1>
<h1 style="font-size:45px">stories.All streaming here.</h1>
<h2 style="font-size:20px">Watch anywhere.Cancel anytime</h2>
<h2 style="font-size:20px">Ready to watch?.Enter your email to create or restart your membership.</h2>
<form action="#">
<input style="font-size:35px;border-color:black;border:thick;" type="text" name="email" placeholder=" Enter your email address">
<button style="font-size:35px;"><a href="#" style="text-decoration: none;">Get started</a></button>
</form>
</div>
</form>
</div>
<div id="second">
<div>
<h1 style="font-size:45px;padding-left:10%;">Enjoy on your TV</h1>
<h3 style="font-size:25px;padding-left:10%;">Watch on smart TVs , Playstation , Xbox ,<br><br> Chromecast ,
Apple TV , Blu-ray players <br><br> and more.
</h3>
<br>
<br>
</div>
<div>
<img src="pu.png" alt="" style="align-items: center;" width="600px">
</div>
</div>
<hr>
<div id="second">
<div>
<img src="Capture.PNG">
</div>
<div>
<h1 style="font-size:45px;padding-left:10%;" >Create profile for kids</h1>
<h2 style="font-size:25px;padding-left:10%;">Send children on adventures with their <br><br>favourite characters in
a space made just for <br><br>them-free with your membership</h2>
</div>
</div>
<hr>
<div id="third">
<h1 style="font-size:45px;padding-left:3%;">Frequently asked questions</h1>
<form >
<div>
<input type="button" style="font-size:25px;padding-left: 10%;padding-right: 10%;" onclick="myfunc(1)" value="What is Netflix? +" >
<p id="demo" style="color:white;font-size: 20px;" ></p>
</div>
<div>
<input type="button" style="font-size:25px;padding-left: 5%;padding-right: 5%;" onclick="myfunc(2)" value="How much does Netflix cost? +">
<p id="demo1" style="color:white;font-size: 20px;"></p>
</div>
<div>
<input type="button" style="font-size:25px;padding-left: 9%;padding-right: 9%;" onclick="myfunc(3)" value="Where can i watch? +">
<p id="demo2" style="color:white;font-size: 20px;"></p>
</div>
<div >
<input type="button" style="font-size:25px;padding-left: 10%;padding-right: 10%;" onclick="myfunc(4)" value="How do i cancel? +">
<p id="demo3" style="color:white;font-size: 20px;"></p>
</div>
<div>
<input type="button" style="font-size:25px;padding-left: 6%;padding-right: 6%;" onclick="myfunc(5)" value="What can i watch on Netflix? +">
<p id="demo4" style="color:white;font-size: 20px;"></p>
</div>
<div style="font-size:25px;padding-left:10%;">
<h4>Ready to watch ? Enter your email to create or restart your membership</h4>
</div >
<div class="third-one">
<input style="font-size:35px;border-color:black;border:thick;"type="email" name="email" placeholder=" Enter your email address">
<button style="font-size:35px;"><a href="#" style="text-decoration: none;">Get started</a></button>
</div>
<br>
<br>
<br>
<hr>
<h5 style="font-size: 30px;">Questions?</h5>
<div class="final">
<div>
<a href="#" >FAQ</a><br>
<br>
<a href="#" >Account</a> <br><br>
<a href="#" >Invester relations</a> <br><br>
<a href="#" >Ways to which</a> <br><br>
<a href="#" >Privacy</a> <br><br>
<a href="#" >Coorporate information</a> <br><br>
<a href="#" >Speed test</a> <br><br>
<a href="#" >Only on Netflix</a> <br><br>
</div>
<div>
<a href="#" >Help center</a> <br><br>
<a href="#" >Media center</a> <br><br>
<a href="#" >Jobs</a><br><br>
<a href="#" >Terms of views</a><br><br>
<a href="#" >Cookie preferences</a><br><br>
<a href="#" >Contractors</a><br><br>
<a href="#" >Legal notices</a><br><br>
</div>
</div>
</form>
</div>
<script src="project3.js"></script>
</body>
</html>