-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (59 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS Positioning In Practice</title>
<!-- This link tag includes FontAwesome in the project (fontawesome.io) -->
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css" integrity="sha384-Wrgq82RsEean5tP3NK3zWAemiNEXofJsTwTyHmNb/iL3dP/sZJ4+7sOld1uqYJtE" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css" charset="utf-8">
</head>
<body>
<article class="film">
<figure class="film-poster">
<!-- Feel free to change this image to whatever you want! -->
<!-- I got this one from themoviedb.org -->
<img src="images/lalaland.jpg" alt="La La Land" />
<div class="action-watch-later">
<i class="fa fa-2x fa-clock-o"></i>
</div>
</figure>
<div class="film-details">
<h1 class="film-title">La La Land</h1>
<p class="film-description">
Mia, an aspiring actress, serves lattes to movie stars in between auditions and
Sebastian, a jazz musician, scrapes by playing cocktail party gigs in dingy
bars, but as success mounts they are faced with decisions that begin to fray the
fragile fabric of their love affair, and the dreams they worked so hard to
maintain in each other threaten to rip them apart.
</p>
<div class="action-like">
<i class="fa fa-lg fa-heart"></i>
<i class="fa fa-lg fa-bookmark"></i>
<i class="fa fa-lg fa-star"></i>
</div>
</div>
</article>
<article class="film">
<figure class="film-poster">
<!-- Feel free to change this image to whatever you want! -->
<!-- I got this one from themoviedb.org -->
<img src="images/rogue-one.jpg" alt="Rogue One" />
<div class="action-watch-later">
<i class="fa fa-2x fa-clock-o"></i>
</div>
</figure>
<div class="film-details">
<h1 class="film-title">Rogue One: A Star Wars Story</h1>
<p class="film-description">
A rogue band of resistance fighters unite for a mission to steal the
Death Star plans and bring a new hope to the galaxy.
</p>
<div class="action-like">
<i class="fa fa-lg fa-heart"></i>
<i class="fa fa-lg fa-bookmark"></i>
<i class="fa fa-lg fa-star"></i>
</div>
</div>
</article>
</body>
</html>