-
Notifications
You must be signed in to change notification settings - Fork 0
/
blogspot.html
140 lines (127 loc) · 6.91 KB
/
blogspot.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
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!-- Icon pack -->
<script src="https://kit.fontawesome.com/46e904d332.js" crossorigin="anonymous"></script>
<!-- Stylesheet and fonts -->
<link rel="Stylesheet" href="style.css" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<link>
</head>
<section class="main">
<body>
<header>
<span class="Travel">Traveller</span>
<nav>
<ul class="nav_links">
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
</header>
<!-- Publish date -->
<div class="Publish_date">
<p>
<div class="posted">Posted on</div> 12/14/2023 06:55 pm
</p>
</div>
<h1>Florence is one of Italy's greatest gems</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
Ut enim ad minim veniamminim veniam.</p>
<!-- Image of Florence -->
<div class="item">
<div class="topImg">
<img src="images/Florence-Italy.webp" class="mainImg">
</div>
</div>
<!-- Author information -->
<div class="information">
<div class="wrapper">
<p>Written By <br>
<b>Ezio Auditore</b>
</p>
<p>
Published on <br>
<b>08 Nov 2021</b>
</p>
<!-- Facebook, 'X', Linked In, Instagram Logos -->
</div>
<div class="logo">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>
<li> <a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa-brands fa-square-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="item">
<div class="left polaroid">
<!-- Santa maria de Fiore -->
<img class="photo" src="images/Santa Maria del Fiore.jpg">
<div class="caption">Santa maria de Fiore</div>
</div>
</div>
<p class="subhead">
<firstletter>S</firstletter>anta Maria del Fiore was built on the site of Florence's second cathedral dedicated to Saint Reparta;
the first was Basillica di San Lorenzo di Firenze, the first building of which was consecrated as a church in 393 by St.
Ambrose of Milan.</p>
<p>The ancient structure, founded in the early 5th century and having undergone many repairs,
was crumbling with age. according to the 14th-century Nuova Cronica of Giovanni Villani and
was no longer large enough to serve the growing population of the city.
Other major Tuscan cities had undertaken ambitious reconstructions of their cathedrals during the Late Medieval period,
such as Pisa and particularly Siena where the enormous proposed extensions were never completed.
</p>
<p>The cathedral of Florence is built as a basilica, having a wide central nave of four square bays, with an aisle on
either side. The chancel and transepts are of identical polygonal plan, separated by two smaller polygonal chapels.</p>
<p>The whole plan forms a Latin cross. The nave and aisles are separated by wide pointed Gothic arches resting on composite piers. The dimensions of the building are enormous: building area 8,300 square metres (89,340 square feet), length 153 metres (502 feet), width 38 metres (125 feet), width at the crossing 90 metres (300 feet). The height of the arches in the aisles is 23 metres (75 feet). The height of the dome is 114.5 metres (375.7 feet).(11) It has the fifth tallest dome in the world.</p>
<div class="item">
<div class="right polaroid">
<!-- Image of Piazza della Signoria -->
<img class="photo" src="images/Piazza-Signoria.jpg">
<div class="caption">Piazza della Signoria</div>
</div>
<p>Piazza della Signoria is an L-shaped square in front of the Palazzo Vecchio in Florence, Italy. It was named after the Palazzo della Signoria, also called Palazzo Vecchio. It is the main point of the origin and history of the Florentine Republic and still maintains its reputation as the political focus of the city. It is the meeting place of Florentines as well as the numerous tourists, located near Palazzo Vecchio and Piazza del Duomo and gateway to Uffizi Gallery.</p>
<p>The impressive 14th-century Palazzo Vecchio is still preeminent with its crenellated tower. The square is also shared with the Loggia della Signoria, the Uffizi Gallery, the Palace of the Tribunale della Mercanzia (1359) (now the Bureau of Agriculture), and the Palazzo Uguccioni (1550. with a facade attributed to Raphael, who however died thirty years before its construction). Located in front of the Palazzo Vecchio is the Palace of the Assicurazioni Generali (1871, built in Renaissance style).</p>
<p>The Palazzo Vecchio ("Old Palace") is the town hall of the city. This massive, Romanesque, crenellated fortress-palace</p>
<p>The Palazzo Vecchio is the town hall of the city. This massive, Romanesque, crenellated fortress-palace is among the most impressive town halls of Tuscany. Overlooking the square with its copy of Michelangelo's David statue as well the gallery of statues in the adjacent Loggia dei Lanzi, it is one of the most significant public places in Italy, and it hosts cultural points and museums.</p>
</div>
</section>
<!-- Buttons section -->
<div class="clickWrap">
<div class="buttons">
<button type="button" class="click">1</button>
<button type="button" class="click">2</button>
<button type="button" class="click">3</button>
<!-- Next button separate -->
</div>
<button type="button" class="next">Next <i class="fa-solid fa-arrow-right"></i></button>
</div>
<!-- Footer -->
<footer>
<div class="footerContainer">
<ul class="socials">
<li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>
<li> <a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa-brands fa-square-instagram"></i></a></li>
</ul>
<ul class="menu">
<li><a href="#">HOME</a></li>
|
<li><a href="#">ABOUT </a></li>
|
<li><a href="#">BLOG</a></li>
</ul>
</div>
<div class="footerBottom">
<p>Copyright © 2021. All rights reserved | This is a <a href="https://dribbble.com/shots/16814418-Daily-Ui-Challenge-Blog-Post" target="_blank">template</a> made by Abhijeet Gonsalves</p>
</div>
</footer>
</body>
</html>