-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (106 loc) · 4.44 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./style.css" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My movie list</title>
</head>
<body>
<div>
<h1 class="title">My Favorite Movies!</h1>
</div>
<div class="container-movie-cards">
<div class="movie-card">
<img
class="movie-card-image"
src="./assets/AlienvsPredator.jpg"
alt="Alien vs Predator movie poster"
/>
<p class="movie-card-text">
An expedition of archaeologists on Earth discover an Aztec temple
hidden under the Antarctic circle, housing a host of Alien creatures.
A group of coming-of-age Predators have also come to the temple, as it
has long been a training ground for their race. From there on, it's
Aliens vs. Predators, with the humans caught in the middle.
</p>
</div>
<div class="movie-card">
<img
class="movie-card-image"
src="./assets/Batman.jpg"
alt="Batman The Dark Knight movie poster"
/>
<p class="movie-card-text">
Batman: The Dark Knight is a movie that follows the vigilante Batman,
police lieutenant James Gordon, and district attorney Harvey Dent, who
form an alliance to dismantle organized crime in Gotham City.
</p>
</div>
<div class="movie-card">
<img
class="movie-card-image"
src="./assets/Nimona.jpg"
alt="Nimona movie poster"
/>
<p class="movie-card-text">
Nimona is a science fantasy graphic novel by Noelle Stevenson. It
follows the adventures of Nimona, a shapeshifter who joins the
villainous Lord Ballister Blackheart. Blackheart is a disgraced knight
who wants to expose the corruption of the Institute of Law Enforcement
and Heroics, led by his former friend Sir Ambrosius Goldenloin.
Nimona's hair changes color and length throughout the story,
reflecting her character development
</p>
</div>
<div class="movie-card">
<img
class="movie-card-image"
src="./assets/PiratesofCaribbean.jpg"
alt="Pirates of Caribbean Dead Mans Chest movie poster"
/>
<p class="movie-card-text">
Pirates of the Caribbean: Dead Man's Chest is a movie about Captain
Jack Sparrow's quest to find the heart of Davy Jones. According to
legend, whoever possesses the Dead Man's Chest gains control of Davy
Jones, and Beckett intends to use this awesome power to destroy every
last Pirate of the Caribbean once and for all. Meanwhile, Jack's
friends Will Turner and Elizabeth Swann are interrupted in their
wedding plans by the ghostly pirate Davy Jones. Jack and his crew
visit voodoo priestess Tia Dalma, who tells them that the key unlocks
the Dead Man's Chest where Davy Jones' cut-out heart is hidden.
</p>
</div>
<div class="movie-card">
<img
class="movie-card-image"
src="./assets/PussinBoots.jpg"
alt="Puss in Boots The Last Wish movie poster"
/>
<p class="movie-card-text">
The Last Wish is a 2022 animated comedy film that follows the
adventures of Puss in Boots, a cat who seeks a magical Wishing Star to
restore his eight lost lives. Along the way, he reunites with his
former love Kitty Softpaws and meets a cheerful dog named Perrito.
They face various enemies, such as Goldilocks, Jack Horner, and a
mysterious wolf who wants to kill Puss.
</p>
</div>
<div class="movie-card">
<img
class="movie-card-image"
src="./assets/Spiderman.jpg"
alt="Spiderman Across the Universe movie poster"
/>
<p class="movie-card-text">
Across the Spider-Verse is a 2023 animated film that is the sequel to
Spider-Man: Into the Spider-Verse. It follows Miles Morales as he
travels across different dimensions with Gwen Stacy and meets other
Spider-People, such as Spider-Man 2099. They have to face a new
villain called the Spot, who can create portals between universes.
</p>
</div>
</div>
<a href="https://github.com/ibracho">My Github</a>
</body>
</html>