-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (94 loc) · 3.74 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
<!DOCTYPE html>
<!--excited about my second homework site-->
<html>
<head>
<title>Netflix - Watch TV Shows Online, Watch Movies Online</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" zoom="1.0">
<!--for making the website more responsive-->
<meta http-equiv="X-UA-compatible" content="ie=">
<!--for Favicon-->
<link rel="shortcut icon" type="image/png" href="https://img.techpowerup.org/200517/prodipto.png">
<!--for CSS-->
<link rel="stylesheet" type="text/css" href="netflixstyles.css">
<!--link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css"/ -->
</head>
<body>
<header class="showcase">
<div class="showcase-top">
<p>Best of the Week</p>
</div>
<nav>
<a href="#" class="btn btn-m"> Sign in <i class="fas fa-chevron-right btn-icon"></i>
</a>
</nav>
<!--inside the following div we could write : style="background-image: url('https://img.techpowerup.org/200613/netflix-backgroung-image.jpg');"-->
<div class="showcase-content" >
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1>Unlimited movies, TV<br>shows and more...</h1>
<br><br>
<div class="search-box">
<input class="search-txt" type="text" name="box" placeholder="Email address."><a href="#" class="btn btn-x1">TRY IT NOW<i class="fas fa-chevron-right btn-icon"></i>
</a>
</div>
</div>
<div>
<h3>Ready to watch? Enter your Email to create or restart your membership. </h3>
<br><br>
</div>
</header>
<div class="enjoy-tv">
<div>
<h2> Enjoy on your TV. </h2>
<p>Watch on your smart-TV, PlayStation,<br>XBox, ChromeCast, AppleTV, blu-<br>ray players and more.</p>
</div>
<img src="https://t.ctcdn.com.br/hxMIOa4911i56IHic6sETQtHCBg=/1270x714/smart/i541471.jpeg">
</div>
<div class="Watch-offline">
<div>
<h2>Download your shows<br>to watch offline.</h2>
<p>Save your favourites easily and<br>always have something to watch.</p>
</div>
<img src="https://play-lh.googleusercontent.com/4DOuvVtWKp_dcvPvueS-g3tUQw08AtSgumH1b7iNlX4YkcwUyBcAsKWIljaDjxT3hKc=w526-h296-rw">
</div>
<div class="watch-everywhere">
<h2>Watch Everywhere.</h2>
<p>Stream unlimited movies and TV<br>shows on your phon, tablet, laptop,<br>and TV.</p>
</div>
<div class="ask-question">
<h1>Frequently Asked Questions...</h1>
<button>What is Netfiix?</button><br><br>
<button>How much does Netflix costs?</button><br><br>
<button>Where can I watch?</button><br><br>
<button>How do I cancel?</button><br><br>
<button>What can I watch on netflix?</button>
</div>
<div>
<input class="search-txt" type="text" name="box" placeholder="Email address"><a href="#" class="btn btn-x1">TRY IT NOW><i class="fas fa-chevron-right btn-icon"></i></a>
</div>
<br>
<div>
<h3>Ready to watch? Enter your email to create or restart your membership.</h3><br><br>
</div>
<footer class="page-down">
<p style="font-weight: 600;"><a href="#">Quetions? Call 000-800-040-1842</a></p>
<p style="font-weight: 600;"><a href="#">FAQ</a></p>
<p style="font-weight: 600;"><a href="#">Investor Relations.</a></p>
<p style="font-weight: 600;"><a href="#">Privacy.</a></p>
<p style="font-weight: 600;"><a href="#">Speed Test.</a></p>
<p><a href="#">Netflix India</a></p>
<p><a href="#">Help Center.</a></p>
<p><a href="#">Jobs.</a></p>
<p><a href="#">Cookie Preference.</a></p>
<p><a href="#">Legal Notices.</a></p>
<p><a href="#">Account.</a></p>
<p><a href="#">Way to Watch.</a></p>
<p><a href="#">Corporate Information.</a></p>
<p><a href="#">Netflix Originals.</a></p>
<p><a href="#">Media Centre.</a></p>
<p><a href="#">Terms of Use.</a></p>
<p><a href="#">Contact us</a></p>
</footer>
</body>
</html>
<!--end of my shitty priject-->