-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (60 loc) · 3.27 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
<!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">
<!-- Css -->
<link rel="stylesheet" href="style.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lexend:&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap" rel="stylesheet">
<!-- Scripts -->
<script src="script.js"></script>
<title>Movie-Logger</title>
</head>
<body>
<nav>
<a href="#">
<div class="left">
<img src="logo.jfif" alt="Logo of movie-logger" width="50">
</div>
</a>
<div class="right">
<ul>
<a href="#" class="btn" id="addMovieButton">
<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 type="submit" class="btn search-btn">Search</button>
</form>
<div class="flex" id="searchMovies"></div>
</div>
<div id="mymovies">
<h1 class="title">
My Movies
</h1>
<div class="flex" id="movies"></div>
</div>
<div id="about">
<h1 class="title">
About
</h1>
<h3 class="about-content">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempore placeat ad rerum perspiciatis aut quibusdam consequuntur, soluta earum cupiditate laborum? Quaerat eligendi quisquam corporis, totam deserunt iusto corrupti enim ducimus aspernatur, ipsa tempore vel eveniet aliquid a! Possimus ut a vel eos, recusandae esse? Vel autem voluptatum, omnis necessitatibus harum consequatur provident pariatur repudiandae repellendus error eaque deleniti quasi iure odio laudantium eos sit animi, alias cum beatae itaque eum! Tempora nesciunt neque porro tenetur a voluptatem alias sapiente, inventore laboriosam consequuntur reiciendis nulla saepe, non cum dolorem ex dignissimos molestias officiis. Labore vel repellendus quasi ex non. Quaerat atque tenetur amet suscipit quos rerum nihil itaque laborum pariatur fugiat. Veritatis nobis laborum earum sint sit eligendi provident harum deleniti, nostrum ea ut neque sequi fuga id. Modi unde perspiciatis reiciendis officia enim? Iure nobis delectus maiores quidem, molestias itaque! Sapiente quibusdam voluptates quidem, id commodi cum nulla itaque enim totam, iusto nobis inventore dicta, eum obcaecati doloribus. Saepe iste voluptatum molestias illum quidem sint vero minima facere accusamus eaque nihil at quos voluptates sit necessitatibus illo aut consequatur officiis magnam, non dicta, dolor corrupti. Harum enim consectetur molestias ut corporis qui praesentium, ducimus quam perferendis perspiciatis eius, dolore hic?
</h3>
</div>
</body>
</html>