-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
69 lines (67 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>IamDb</title>
<link rel="stylesheet" href="./assets/css/styles.css">
</head>
<body>
<header>
<a href="index.html"><h1 id="nameplate">IamDb</h1></a>
<nav id="navlinks">
<a href="recommendations.html"><h2>Recommendations.</h2></a>
<a href="reviews.html"><h2>Reviews.</h2></a>
</nav>
</header>
<main>
<div id="spacer">
</div>
<div id="content">
<section id="intro">
<div class="intro-1" id="intro-1-1">
<h3>I have seen a <br>lot of movies.</h3>
<div class="triptych">
<img src="film-assets/inception-art.png" alt="inception art poster">
<img src="film-assets/psycho-art.png" alt="psycho art poster">
<img src="film-assets/clockwork-orange-art.png" alt="clockwork orange art poster">
</div>
</div>
<div class="intro-1" id="intro-1-2">
<div class="triptych">
<img src="film-assets/call-me-by-your-name-art.png" alt="call me by your name art poster">
<img src="film-assets/frances-ha-art.png" alt="frances ha">
<img src="film-assets/dunkirk-art.png" alt="dunkirk">
</div>
<h3>489 <br>to be exact.</h3>
</div>
</section>
<section>
</section>
<section id="carousel">
<button type="button" id="left-carousel" onclick="left()"><h3><</h3></button>
<div id="carousel-images">
<img src="film-assets/fight-club.png" alt="flight club poster" class="carousel-img" id="carousel-img-1">
<img src="film-assets/fight-club.png" alt="flight club poster" class="carousel-img" id="carousel-img-2">
<img src="film-assets/fight-club.png" alt="flight club poster" class="carousel-img" id="carousel-img-3">
<img src="film-assets/fight-club.png" alt="flight club poster" class="carousel-img" id="carousel-img-4">
<img src="film-assets/fight-club.png" alt="flight club poster" class="carousel-img" id="carousel-img-5">
</div>
<button type="button" id="right-carousel" onclick="right()"><h3>></h3></button>
</section>
<section>
</section>
<section id="grace">
<img id="grace-img" src="film-assets/grace.png" alt="grace :)">
<div id="grace-text">
<h3>OH i'm grace btw</h3>
<h4>i’m not qualified whatsoever to review these films, but i can’t seem to keep my opinions to myself
<br><br>
teehee</h4>
</div>
</section>
</div>
</main>
</body>
<!-- <script src="app.js" type="text/javascript"></script> -->
<script src="./assets/js/main.js" type="text/javascript"></script>
<script src="./assets/js/index.js" type="text/javascript"></script>
</html>