-
Notifications
You must be signed in to change notification settings - Fork 0
/
monopoliLightbox.html
122 lines (119 loc) · 3.78 KB
/
monopoliLightbox.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
<!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" />
<link rel="stylesheet" href="./style.css" />
<title>Monopoli</title>
</head>
<body>
<header>
<nav>
<!-- <div id="myLogo">MyLogo3000</div> -->
<ul id="menu">
<li><a href="./indexLighthouse.html">Home</a></li>
<li><a href="./aboutMe.html"> About me</a></li>
<li><a href="./suggestions.html"> Suggestions</a></li>
<li>
<a
href="https://shop.audiolith.net/Moped-Ascona-Kismet-Habibi-12-Vinyl-Album_1"
>
Shop</a
>
</li>
</ul>
</nav>
</header>
<div id="monopoliHero">
<h1 class="h1Cities">Monopoli, Italy</h1>
<h2>01.06.2023 - 31.06.2023</h2>
<div class="weatherBlock">
<div id="monopoliCurrentTemp"></div>
<div id="monopoliFeelsLike"></div>
<div id="monopoliMaxTemp"></div>
<div id="monopoliHumidity"></div>
</div>
</div>
<div class="galleryWrapperParent">
<div class="galleryWrapper">
<img
class="gallery"
src="./HCS Project Pics/monopoli/monopoli_top.jpeg"
alt="Drinks in Monopoli"
/>
<p class="galleryText">
Monopoli is a town and municipality in Italy, in the Metropolitan City
of Bari and region of Apulia. The town is roughly 156 square
kilometres (60 sq mi) in area and lies on the Adriatic Sea about 40
kilometres (25 miles) southeast of Bari. It has a population of 49,246
(2014)[2] and is important mostly as an agricultural, industrial and
tourist centre. Lorem ipsum dolor sit amet consectetur adipisicing
elit. Totam exercitationem excepturi placeat culpa et reiciendis dolor
dolores praesentium nihil provident qui officiis, earum ipsum odio
veniam accusamus nisi sint quia!
</p>
<!-- <img
class="gallery"
src="./HCS Project Pics/roma/rome_night_building.jpg"
alt="A big city building in rome at night"
/> -->
</div>
</div>
<div class="pictureGallery">
<div class="galleryPictures">
<a
href="./HCS Project Pics/monopoli/monopoli_doves.jpeg"
class="lightbox-link"
>
<img
src="./HCS Project Pics/monopoli/monopoli_doves.jpeg"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/monopoli/monopoli_panino.jpeg"
class="lightbox-link"
>
<img
src="./HCS Project Pics/monopoli/monopoli_panino.jpeg"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/monopoli/monopoli_drinks.jpeg"
class="lightbox-link"
>
<img
src="./HCS Project Pics/monopoli/monopoli_drinks.jpeg"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/monopoli/monopoli_wall.jpeg"
class="lightbox-link"
>
<img
src="./HCS Project Pics/monopoli/monopoli_wall.jpeg"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/monopoli/monopoli_harbour.jpeg"
class="lightbox-link"
>
<img
src="./HCS Project Pics/monopoli/monopoli_harbour.jpeg"
class="lightbox-img"
/>
</a>
</div>
</div>
<footer>
<div id="footer">
<div><a href="./indexLighthouse.html">Home</a></div>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>