-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (84 loc) · 3.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>The most beautiful italian cities</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Nunito&family=Poppins&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<h1>The Most Beautiful Cities in Italy</h1>
<div class="slider">
<div class="slide">
<div class="slider-content">
<img src="img/milan.jpg" alt="milan" />
<h3>
Milan is the capital city of the region of Lombardy in northern
Italy. It is the second largest city by population. It is Italy's
leading financial centre and its most prosperous manufacturing and
commercial city.
</h3>
</div>
</div>
<div class="slide">
<div class="slider-content">
<img src="img/florence.jpg" alt="florence" />
<h3>
Florence is a city rich in cultural heritage, its historic centre
was named a Unesco Site in 1982 and it is known worldwide as a
tourist destination. It is a unique social and urban achievement
which includes the greatest concentration in the world of museums,
churches, buildings and artworks.
</h3>
</div>
</div>
<div class="slide">
<div class="slider-content">
<img src="img/rome.jpg" alt="rome" />
<h3>
Rome is often referred to as the City of Seven Hills due to its
geographic location, and also as the "Eternal City". Rome is
generally considered to be the "cradle of Western civilization and
Christian culture", and the centre of the Catholic Church.
</h3>
</div>
</div>
<div class="slide">
<div class="slider-content">
<img src="img/naples.jpg" alt="naples" />
<h3>
Naples is a city on the sea, a place full of light yet with dark,
hidden foundations. It has a great cultural and artistic identity
which is stamped on the brow of its many museums, castles,
churches, squares, narrow streets and archaeological remains.
</h3>
</div>
</div>
<div class="slide">
<div class="slider-content">
<img src="img/palermo.jpg" alt="palermo" />
<h3>
Palermo is a city of Southern Italy, the capital of both the
autonomous region of Sicily and the Metropolitan City of Palermo.
The city is noted for its history, culture, architecture and
gastronomy, playing an important role throughout much of its
existence.
</h3>
</div>
</div>
<button class="slider__btn slider__btn--left"></button>
<button class="slider__btn slider__btn--right"></button>
<div class="dots"></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>