-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlanding.html
188 lines (173 loc) · 9.67 KB
/
landing.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Playgon</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/landing.css" />
<link rel="icon" href="images/Logo.svg">
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<script src="https://unpkg.com/[email protected]/dist/boxicons.js"></script>
<script src="js/landing.js" defer></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<header>
<span class="slide">
<a href="#" onclick="openSlideMenu()">
<img class="x" src="images/menu (1).svg"></img>
</a>
</span>
<a href="landing.html">
<svg width="205" height="108" viewBox="0 0 205 108" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M56.2552 40.4832L71.3287 66.5913L56.2552 92.6994L26.1081 92.6994L11.0346 66.5913L26.1081 40.4832L56.2552 40.4832Z" fill="#F1C40F"/>
<path d="M117.841 40.4832L132.915 66.5913L117.841 92.6994L87.6943 92.6994L72.6208 66.5913L87.6943 40.4832L117.841 40.4832Z" fill="#D6AE0E"/>
<path d="M103.199 15.0735L118.272 41.1817L103.199 67.2898L73.0515 67.2898L57.978 41.1816L73.0515 15.0735L103.199 15.0735Z" fill="#D6AE0E"/>
<path d="M178.135 40.4832L193.209 66.5913L178.135 92.6994L147.988 92.6994L132.915 66.5913L147.988 40.4832L178.135 40.4832Z" fill="#F1C40F"/>
<path d="M163.493 15.0735L178.566 41.1817L163.493 67.2898L133.346 67.2898L118.272 41.1816L133.346 15.0735L163.493 15.0735Z" fill="#F1C40F"/>
</svg>
</a>
</form>
<div class="header-links">
<a href="index.html">Movies</a>
<a href="trending.html">Trending</a>
<a href="upcoming.html">Coming Soon</a>
<a href="tvshows.html">TV-Shows</a>
<a href="#">Watch Later</a>
</div>
</header>
<div id="content">
<div id="menu" class="nav">
<a href="#" class="close" onclick="closesSlideMenu()">
<img class="x" src="images/x.svg">
</a>
<ul>
<li><a href="index.html">Movies</a></li>
<li><a href="trending.html">Trending</a></li>
<li><a href="upcoming.html">Coming Soon</a></li>
<li><a href="tvshows.html">TV-Shows</a></li>
<li><a href="#">Watch Later</a></li>
<hr>
<li id="users"><h4>User's Online</h4><span id="user_count">3</span></li>
</ul>
</div>
</div>
<h1 id="title-result">Search Results</h1>
<div class="title" id="titleclass">
<br>
<h2 id="title-text">Popular Movies</h2>
</div>
<main id="main">
<div class="front-image">
<div class="front-text">
<h1>Unlimited movies, TV shows, and more!</h1>
<h3>Watch Anywhere, Any Time!</h3>
<form id="form">
<button><i class="bx bx-search" style="font-size: 2em;"></i></button>
<input type="text" id="search" placeholder="Search Movies" class="search"></input>
</form>
</div>
</div>
<div class="column-1" id="top-column" data-aos="fade-left">
<div class="column-text">
<h1>Enjoy on your TV.</h1>
<p>Smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players and more.</p>
<button onclick="window.location.href='index.html'"><p>View Full Site</p><img id="arrow" src="/images/arrow-right.svg"></button>
</div>
<div class="column-photo">
<img src="images/Group 29yes.png">
</div>
</div>
<div class="br"></div>
<div class="column-1" data-aos="fade-right">
<div class="column-photo">
<img id="phone" src="images/Group 28phone.png">
</div>
<div class="column-text">
<h1>Download your shows to watch on the go.</h1>
<p>Save your data and watch all your favorites offline.</p>
<button onclick="window.location.href='index.html'"><p>View Full Site</p><img id="arrow" src="/images/arrow-right.svg"></button>
</div>
</div>
<div class="br"></div>
<div class="column-1" data-aos="fade-left">
<div class="column-text">
<h1>Watch everywhere.</h1>
<p>Stream unlimited movies and TV shows on your phone, tablet, laptop, and TV without paying more.</p>
<button onclick="window.location.href='index.html'"><p>View Full Site</p><img id="arrow" src="/images/arrow-right.svg"></button>
</div>
<div class="column-photo">
<img id="media" src="images/Group 31media.png">
</div>
</div>
<div class="br"></div>
<!-- <div class="page-1">
<div class="page-1-image">
<div class="page-1-description">
<h1>Watch <span>Everything</span> Anytime, Anywhere. Personlized for You</h1>
</div>
<img src="images/undraw_netflix_q-00-o 1.svg">
</div>
<div class="page-1-row">
<div class="row">
<img src="images/monitor.svg">
<h2>Watch on your Tv</h2>
<p>Smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players and more.</p>
</div>
<div class="row">
<img src="images/server.svg">
<h2>Watch instantly or download</h2>
<p>Available on phone and tablet, wherever you go.</p>
</div>
<div class="row">
<img src="images/smartphone.svg">
<h2>Use any device</h2>
<p>Watch right on Endowy.com.</p>
</div>
</div>
</div>
-->
</main>
<div id="myNav" class="overlay">
<a onclick="closeNav()"><img src="images/x.svg" class="closebtn"></img></a>
<div class="overlay-content" id="overlay-content"></div>
</div>
<div class="footer-line"></div>
<div class="pagenation" id="pagenation">
<div class="page" id="prev">Previous Page</div>
<div class="current" id="current">1</div>
<div class="page" id="next">Next Page</div>
</div>
<footer>
<div class="footer-content">
<div class="footer-logo">
<a href="landing.html"><img src="images/Logo.svg"></a>
</div>
<div class="footer-media">
<a href="https://www.facebook.com/profile.php?id=100012195847913" target="_blank"><svg href="facebook.com" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a>
<a href="https://twitter.com/westorin" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg></a>
<a href="https://www.linkedin.com/in/kristj%C3%A1n-valur-g%C3%ADslason-5a005a225/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a>
<a href="https://www.youtube.com/channel/UCua32Ge4WVykvS7GyIoaHYg" target="blank_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-youtube"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg></a>
</div>
<div class="footer-rights">
<p>© 2021 All Rights Reserved. Terms of Use.</p>
</div>
<div class="footer-rights">
<p>Playgon™®</p>
</div>
</div>
</footer>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init({
offset:300,
duration:1000
});
</script>
</body>
</html>