-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
79 lines (77 loc) · 2.61 KB
/
404.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
<!DOCTYPE html>
<html>
<title>
404 Not Found
</title>
<link rel="stylesheet" href="styles/styles.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.png">
<!--Roboto-->
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!--Reddit Mono-->
<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=Reddit+Mono:wght@200..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!--Sen-->
<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=Sen:wght@400..800&display=swap" rel="stylesheet">
<body>
<div class="nav-bar">
<div class="logo">
<a href="index.html" class="logo-link">MOVIEW</a>
</div>
<div class="options">
<div class="genre-list">
Genre
<div class="genre-items">
<a>Action</a>
<a>Animation</a>
<a>Comedy</a>
<a>Drama</a>
<a>Fantasy</a>
<a>Horror</a>
<a>Mystery</a>
<a>Romance</a>
<a>Sci-Fi</a>
<a>Thriller</a>
</div>
</div>
<div class="trending">
<a>Trending</a>
</div>
</div>
<div class="all-about-search">
<div class="search-bar">
<img src="assets/search_icon.png" class="search-icon" id="search-icon">
<label for="search-bar"><input type="text" id="search-bar" autocomplete="off"></label>
</div>
<ul id="search-results">
</ul>
</div>
<div class="suggestions">
<a href="suggestions.html">Suggestions ?</a>
</div>
<div class="login-options-div" id="login-options-div">
<div class="login-options" id="login-options">
<a href="signin.html" class="signin">Sign in</a>
</div>
<div class="profile-div" id="profile">
<img src="profile.jpg" alt="" class="profile">
<div class="profile-options" id="profile-options">
<a id="username">Username</a>
<a id="email">Email</a>
<a id="signout">Sign out</a>
</div>
</div>
</div>
</div>
<div class="empty-space">
</div>
<div class="not-found">
The Movie you are looking for <br>cannot be found.<br>Sorry! 😔
</div>
<script src="scripts/movie.js"></script>
</body>
</html>