-
Notifications
You must be signed in to change notification settings - Fork 0
/
images.html
139 lines (100 loc) · 4.94 KB
/
images.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!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>Beitar Jerusalem</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="assets/images/icon.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
</head>
<body>
<section class="layout">
<header>
<img src="assets/images/logo.png" class="logo">
Beitar Jerusalem Fans Website
<img src="assets/images/logo.png" class="logo">
</header>
<nav>
<!-- Links of the page: -->
<br><br>
<a href="index.html">Home page</a>
<br><br>
<a href="titles.html">Trophies</a>
<br><br>
<a href="about.html">About Beitar Jerusalem </a>
<br><br>
<a href="statistics.html">Statistics</a>
<br><br>
<a href="images.html">Images</a>
<br><br>
<a href="teddy.html">Teddy Stadium </a>
<br><br>
<a href="logo.html">Club logo </a>
<br><br>
<a href="crowd.html">Crowd videos</a>
<br><br>
<a href="contact-us.html">Contact us</a>
<br><br>
</nav>
<main>
<h3>Photo gallery of Beitar Jerusalem </h3>
<h5>The images change automatically </h5>
<br><br>
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<!-- I put here the "<cite> to design the font that describe the image" -->
<h5><cite>Beitar players celebrate after a victory</cite></h5>
<!-- I put here an error massage if the image didn`t occur -->
<img src="assets/images/img4.jpeg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<h5><cite>Beitar players celebrate after scoring a goal</cite></h5>
<img src="assets/images/img5.jpeg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<h5><cite>Beitar fans commemorate the memory of Zohar Argov</cite></h5>
<img src="assets/images/img6.jpeg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<h5><cite>Beitar fans at Teddy Stadium</cite></h5>
<img src="assets/images/img7.jpeg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<h5><cite>Beitar fans at Bloomfield Stadium</cite></h5>
<img src="assets/images/img8.jpeg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<!-- Image without title: -->
<img src="assets/images/img9.jpeg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<!-- Image without title: -->
<img src="assets/images/img11.jpg" class="d-block w-100" alt="Error">
</div>
<div class="carousel-item">
<h5><cite>Migel Silva with his children</h5></cite>
<img src="assets/images/img12.jpg" class="d-block w-100" alt="Error">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</main>
<footer>All rights reserved to Yogev Bar©️</footer>
</section>
</body>
</html>