-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (63 loc) · 2.37 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
<!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">
<title>Manchester United Website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
</head>
<body>
<section>
<div class="circle"></div>
<header>
<a href="#"><img src="/images/vector-logotype-manchester-sign-logo-260nw-1301879431.webp" class="logo"></a>
<ul class="navigation">
<li><a href="#"></a>Home</li>
<li><a href="#"></a>Players</li>
<li><a href="#"></a>Contact</li>
</ul>
</header>
<div class="content">
<div class="textbox">
<h2>The UEFA Championship League</h2>
<p>One of the most popular soccer teams in the world,
the iconic Manchester United Football Club was formed in 1878 and rechristened to
its present name in 1902. The club is lovingly called Red Devils by its ardent supports.
The home ground of the team is Old Trafford.</p>
<a href="#">Learn More</a>
</div>
<div class="imgbox">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="/images/images (9).jpeg"></div>
<div class="swiper-slide"><img src="/images/Manchester-United-emblem.png"></div>
<div class="swiper-slide"><img src="/images/images (5).jpeg"></div>
</div>
</div>
</div>
</div>
</section>
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
<script>
let swiper = new Swiper(".mySwiper", {
effect: "coverflow",
grabCursor: true,
centeredSlides: true,
slidesPerView: "auto",
coverflowEffect: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: true,
},
pagination: {
el: ".swiper-pagination",
},
loop: true
});
</script>
</body>
</html>