-
Notifications
You must be signed in to change notification settings - Fork 0
/
florenceLightbox.html
131 lines (127 loc) · 4.61 KB
/
florenceLightbox.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
<!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>Florence</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="florenceHero">
<h1 class="h1Cities">Florence, Italy</h1>
<h2>01.06.2023 - 31.06.2023</h2>
<div class="weatherBlock">
<div id="florenceCurrentTemp"></div>
<div id="florenceFeelsLike"></div>
<div id="florenceMaxTemp"></div>
<div id="florenceHumidity"></div>
</div>
</div>
<div class="galleryWrapperParent">
<div class="galleryWrapper">
<img
class="gallery"
src="./HCS Project Pics/firenze/florence_meat.JPG"
alt="A typical Bistecca Firence before cooking"
/>
<p class="galleryText">
Florence is a city in Central Italy and the capital city of the
Tuscany region. It is the most populated city in Tuscany, with 360,930
inhabitants in 2023, and 984,991 in its metropolitan area.[4] Florence
was a centre of medieval European trade and finance and one of the
wealthiest cities of that era.[5] It is considered by many
academics[6] to have been the birthplace of the Renaissance, becoming
a major artistic, cultural, commercial, political, economic and
financial center.[7] During this time, Florence rose to a position of
enormous influence in Italy, Europe, and beyond.[8] Its turbulent
political history includes periods of rule by the powerful Medici
family and numerous religious and republican revolutions.[9] From 1865
to 1871 the city served as the capital of the Kingdom of Italy. The
Florentine dialect forms the base of Standard Italian and it became
the language of culture throughout Italy[10] due to the prestige of
the masterpieces by Dante Alighieri, Petrarch, Giovanni Boccaccio,
Niccolò Machiavelli and Francesco Guicciardini. The city attracts
millions of tourists each year, and UNESCO declared the Historic
Centre of Florence a World Heritage Site in 1982. The city is noted
for its culture, Renaissance art and architecture and monuments.[11]
The city also contains numerous museums and art galleries, such as the
Uffizi Gallery and the Palazzo Pitti, and still exerts an influence in
the fields of art, culture and politics.
</p>
</div>
</div>
<div class="pictureGallery">
<div class="galleryPictures">
<a
href="./HCS Project Pics/firenze/florence_flower.JPG"
class="lightbox-link"
>
<img
src="./HCS Project Pics/firenze/florence_flower.JPG"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/firenze/florence_dome.JPG"
class="lightbox-link"
>
<img
src="./HCS Project Pics/firenze/florence_dome.JPG"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/firenze/florence_pane.JPG"
class="lightbox-link"
>
<img
src="./HCS Project Pics/firenze/florence_pane.JPG"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/firenze/florence_roof_from_the_side.JPG"
class="lightbox-link"
>
<img
src="./HCS Project Pics/firenze/florence_roof_from_the_side.JPG"
class="lightbox-img"
/>
</a>
<a
href="./HCS Project Pics/firenze/firenze_roof.JPG"
class="lightbox-link"
>
<img
src="./HCS Project Pics/firenze/firenze_roof.JPG"
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>