-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (104 loc) · 4.88 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
109
110
111
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from carousel-slider.uiinitiative.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 20 Jun 2023 18:13:25 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="UTF-8" />
<link rel="icon" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Carousel Slider</title>
<script type="module" crossorigin src="assets/index.ef4fdc7a.js"></script>
<link rel="modulepreload" href="assets/vendor.8992d2a8.js">
<link rel="stylesheet" href="assets/index.3e4e39bd.css">
</head>
<body>
<div id="app">
<!-- Carousel slider -->
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<!-- elements with "swiper-carousel-animate-opacity" class will have animated opacity -->
<div class="swiper-carousel-animate-opacity">
<img src="images/guardians-of-the-galaxy.jpg" alt="">
<div class="slide-content">
<h2>Guardians Of The Galaxy</h2>
<p>A group of intergalactic criminals must pull together to stop a fanatical warrior with plans to purge
the universe.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-carousel-animate-opacity">
<img src="images/justice-league.jpg" alt="">
<div class="slide-content">
<h2>Justice League</h2>
<p>Determined to ensure Superman's ultimate sacrifice was not in vain, Bruce Wayne aligns forces with
Diana Prince with plans to recruit a team of metahumans to protect the world from an approaching
threat
of catastrophic proportions.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-carousel-animate-opacity">
<img src="images/spider-man.jpg" alt="">
<div class="slide-content">
<h2>Spider-Man: Far from Home</h2>
<p>Following the events of Avengers: Endgame (2019), Spider-Man must step up to take on new threats in a
world that has changed forever.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-carousel-animate-opacity">
<img src="images/suicide-squad.jpg" alt="">
<div class="slide-content">
<h2>The Suicide Squad</h2>
<p>Supervillains Harley Quinn, Bloodsport, Peacemaker and a collection of nutty cons at Belle Reve
prison
join the super-secret, super-shady Task Force X as they are dropped off at the remote, enemy-infused
island of Corto Maltese.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-carousel-animate-opacity">
<img src="images/thor-ragnarok.jpg" alt="">
<div class="slide-content">
<h2>Thor: Ragnarok</h2>
<p>Imprisoned on the planet Sakaar, Thor must race against time to return to Asgard and stop Ragnarök,
the
destruction of his world, at the hands of the powerful and ruthless villain Hela.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-carousel-animate-opacity">
<img src="images/dr-strange.jpg" alt="">
<div class="slide-content">
<h2>Doctor Strange</h2>
<p>America Chavez and a version of Stephen Strange are chased by a demon in the space between universes
while searching for the Book of Vishanti</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-carousel-animate-opacity">
<img src="images/eternals.jpg" alt="">
<div class="slide-content">
<h2>Eternals </h2>
<p>In 5000 BC, ten superpowered Eternals—Ajak, Sersi, Ikaris, Kingo, Sprite, Phastos, Makkari, Druig,
Gilgamesh, and Thena—are sent by the Celestial Arishem to Earth on their starship, the Domo, to
exterminate the invasive Deviants.</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-pagination"></div>
</div>
<!-- Cloudflare Pages Analytics --><script defer src='../static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "07e9b2efafbd4b458690b79234a62148"}'></script><!-- Cloudflare Pages Analytics --></body>
<!-- Mirrored from carousel-slider.uiinitiative.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 20 Jun 2023 18:13:36 GMT -->
</html>