forked from LasyaDasaradhi/Netflix-Web-Page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (113 loc) · 5.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="'width=device-width,initial -scale=1.0">
<title>Netflix</title>
<script>
function showMessage() {
var modal = document.getElementById('myModal');
modal.style.display = 'flex';
}
function closeModal() {
var modal = document.getElementById('myModal');
modal.style.display = 'none';
}
document.addEventListener('DOMContentLoaded', function () {
var modalContent = document.querySelector('.modal-content');
modalContent.addEventListener('click', closeModal);
});
</script>
<link rel="stylesheet" href="netflixstyle.css">
</head>
<body>
<div class="img">
<img src=" " alt="">
</div>
<div class="btn">
<button class="eng">ENGLISH</button>
<button class="signin">SIGN IN</button>
</div>
<div class="main">
<h1>The Biggest Indian Hits.The Best Indian Stories.<br>All Streaming Here..</h1>
<h3>Watch Anywhere.Cancel Anytime</h3>
<p>Ready to Watch? Enter your Email Address to create or restart your membership.</p>
<div class="input">
<input type="text"placeholder="Email Address">
<button>Get Started </button>
</div>
</div>
<div class="first">
<div class="text">
<h1><b>Enjoy on your TV</b></h1>
<p>Watch on smart TVs,Playstation,Xbox,Chromecast,Apple TV and more.</p>
</div>
<img src="file:///C:/Users/sriha/OneDrive/Documents/Netflix_Logo2.jpg"alt=''>
</div>
<div class="first">
<img src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/mobile-0819.jpg"alt="">
<div class="text">
<h1><b>Download your shows to watch offline</b></h1>
<p>See your favourites easily and always have something to watch.</p>
</div>
</div>
<div class="first">
<div class="text">
<h1><b>Watch Everywhere</b></h1>
<p>Stream unlimited movies and TV shows on your phone,tablet,laptop,and TV.</p>
</div>
<img src="file:///C:/Users/sriha/OneDrive/Documents/Netflix_Logo3.jpg"alt="">
</div>
<div class="first">
<img src="https://occ-0-6247-2164.1.nflxso.net/dnm/api/v6/19OhWN2dO19C9txTON9tvTFtefw/AAAABYjXrxZKtrzxQRVQNn2aIByoomnlbXmJ-uBy7du8a5Si3xqIsgerTlwJZG1vMpqer2kvcILy0UJQnjfRUQ5cEr7gQlYqXfxUg7bz.png?r=420"alt="">
<div class="text">
<h1><b> Create profiles for kids</b></h1>
<p>Send children on adventures with their favourite characters in a space just made for them free with your membership.</p>
</div>
</div>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">×</span>
<pre><h3>Netflix is a streaming service that offers a wide variety of award-winning TV shows, movies, anime, documentaries and more on thousands of internet-connected devices.
You can watch as much as you want, whenever you want, without a single AD all and There's always something new to discover, and new TV shows and movies are added every week!
</h3></pre>
</div>
</div>
<div class="buttons">
<h1><b>Frequently Asked Questions</b></h1><br><br>
<button onclick="showMessage()">What is Netflix ?</button><br><br>
<button > How much does Netflix Cost?</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><br><br>
<button>Is Netflix Good for kids?</button><br><br>
</div>
<div class="footer">
<div class="list">
<u>FAQ</u><br><br>
<u>Investor Relations</u><br><br>
<u>Privacy</u><br><br>
<u>Speed Test</u><br><br>
<u>Netflix India</u>
</div>
<div class="list">
<u>Help Centre</u><br><br>
<u>Jobs</u><br><br>
<u>Cookie Preferences</u><br><br>
<u>Legal Notices</u>
</div>
<div class="list">
<u>Account</u><br><br>
<u>Ways to Watch</u><br><br>
<u>Corporate Information</u><br><br>
<u>Only on Netflix</u>
</div>
<div class="list">
<u>Media center</u><br><br>
<u>Terms of use</u><br><br>
<u>Contact us</u>
</div>
</div>
</body>
</html>