-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (70 loc) · 3.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- fonts -->
<!-- Lexend -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lexend&display=swap" rel="stylesheet">
<!-- lexend deca -->
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap" rel="stylesheet">
<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>Movie Logger</title>
<link rel="stylesheet" href="movie-logger.css">
<script src="/movie-logger.js"></script>
</head>
<body>
<nav>
<div class="left">
<img src="logo.jfif" alt="Logo" width="50px">
</div>
<div class="right">
<ul>
<a href="#" class="btn" id="addMoviesButton">
<li>Add Movies</li>
</a>
<a href="#myMovies">
<li>My Movies</li>
</a>
<a href="#about">
<li>About</li>
</a>
</ul>
</div>
</nav>
<div id="addArea" class="addArea">
<form action="" id="addForm">
<input type="text" id="searchBar" class="searchbar" placeholder="Search Movies" autocomplete='off' required>
<button class="btn search-btn" type="submit">Search</button>
</form>
<div class="flex" id="searchMovies">
<!-- -->
</div>
</div>
<div id="myMovies" class="myMovies">
<h1 id='myMovieHeading'>My Movies</h1>
<div id="moviesDiv">
</div>
</div>
<div id="about">
<h1>About</h1>
<p id="aboutpara">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem expedita illo mollitia eligendi sed
adipisci temporibus officia laudantium ex! Rem vitae nostrum reiciendis unde cum aliquid totam, dolorem
rerum asperiores sit. Vitae libero sint error molestiae sit suscipit reiciendis odio, earum dolor et enim
voluptatum dicta debitis inventore porro harum? Totam laudantium fugit, ut aliquid dicta dolorum. Quidem
excepturi ab eius necessitatibus vero vel, aut dolorem modi autem officiis reiciendis alias labore, cumque
ipsam incidunt amet. Excepturi quam odit fugit harum et est adipisci sequi! Quidem tempora provident,
assumenda explicabo enim nisi quasi culpa quod fugit aliquid placeat minima? Deleniti, sequi. Saepe id esse
beatae fugiat vitae ea iure laboriosam possimus, facere optio? Exercitationem ducimus distinctio sint non
minus libero nisi aperiam dolorem eveniet similique deserunt repellat provident quaerat, in totam temporibus
at est magni quidem? Itaque magni sed numquam perferendis iusto sit laborum necessitatibus sapiente modi
debitis architecto fugit, laboriosam inventore facilis enim reprehenderit impedit, repudiandae deleniti!
Vel, voluptatem dignissimos quos quod aliquid accusantium dolore est nemo quia, quisquam sed asperiores enim
distinctio sequi impedit? Corrupti in corporis labore perferendis ea optio! Cum consequuntur sapiente, sed
laborum veritatis voluptatem minus est consectetur et minima soluta rem enim aliquid! Pariatur!
</p>
</div>
</body>
</html>