-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
192 lines (191 loc) · 8.52 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
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<html>
<head>
<meta charset="utf-8">
<title>yz</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" />
</head>
<body>
<!--ClickMeter.com page views tracking: -->
<script type="text/javascript">
var ClickMeter_pixel_url = 'http://pixel.watch/c9x';
</script>
<script type="text/javascript" id="cmpixelscript" src="https://www.clickmeter.com/js/pixel.js"></script>
<noscript>
<img height="0" width="0" alt="" src="http://pixel.watch/c9x" />
</noscript>
<header>
<div class="column container">
<div class="row align-center">
<img src="yulia.jpg" width="80" height="80" class="circle"/>
<div class="column m-0-20">
<span class="gray">by Yulia Z.</span>
<span class="gray">Northeastern University, 2017</span>
</div>
</div>
<h1>Ponte Rotto</h1>
<h2>The Bridge to Nowhere</h2>
<p>Ponte Rotto, one of the oldest stone bridges in Rome, was constructed in 142 BC and used to connect the Forum Boarium with Trastevere across the river Tiber. Having a rich history of rebuilding and reconstruction, Ponte Rotto has witnessed major events in Roman history: reminding people of the past and carrying its memory through the ages.</p>
</div>
</header>
<main>
<div class="row container">
<div class="column item-1 content border-r">
<div class="separator" style="top: 80px;"></div>
<div class="separator" style="top: 500px;"></div>
<div class="separator" style="top: 1400px;"></div>
<div class="separator" style="top: 2100px;"></div>
<div class="separator" style="top: 2700px;"></div>
<div class="separator" style="top: 3700px;"></div>
<div class="separator" style="top: 4400px;"></div>
<div class="card 1">
<div class="content">
<div class="year">
179 BC
</div>
<h3>Pons Aemilius</h3>
<p>Devastating floods that damaged many buildings and bridges, as well as good political and economic conditions, allowed the authorities to entrust the task of building Pons Aemilius to architects Marco Emilio Lepido and Marco Fulvio Nobiliore.</p>
</div>
</div>
<div class="card m-80 3">
<div class="content">
<div class="image full three"></div>
<div class="year">
2 BC
</div>
<h3>Pons Aemilius</h3>
<p>Restoration and complete makeover completed in 12 BC by Augustus.</p>
</div>
</div>
<div class="card m-220 5">
<div class="content">
<div class="image five"></div>
<div class="year">
9 AD
</div>
<h3>Ponte di Santa Maria</h3>
<p>When one of two ancient temples on the eastern side of the river was turned into a church, called Santa Maria Egiziaca, the people began to use the same name Santa Maria for the bridge.</p>
</div>
</div>
<div class="card m-220 7">
<div class="content">
<div class="year">
13th century
</div>
<h3>Pons Senatorius</h3>
<p>During the Middle Ages the name of the bridge changed often: Pons Fulvius, Pons Lepidus, Pons Lapideus, Pons Consularis, Pons Palatinus. It collapsed and was badly damaged.</p>
</div>
</div>
<div class="card m-220 9">
<div class="content">
<div class="image nine"></div>
<div class="image ten"></div>
<div class="year">
1557
</div>
<h3>Pons Senatorius / Pons Sanctae Mariae</h3>
<p>The stone structure kept suffering damages from the water flow. Destroyed by the floods and rebuilt, probably not too skillfully, in 1575 by pope Gregory XIII.</p>
</div>
</div>
<div class="card m-220 11">
<div class="content">
<div class="image eleven"></div>
<div class="year">
1853
</div>
<h3>Ponte Rotto</h3>
<p>Pius IX had an iron footbridge built using new industrial technologies, to fill the missing part of the ruin. After over 300 years, the bridge spanned once again from side to side and could be crossed.</p>
</div>
</div>
<div class="card m-220 13">
<div class="content">
<div class="image thirteen"></div>
<div class="year">
2012
</div>
<h3>Ponte Rotto</h3>
<p>Major floods in Rome.</p>
</div>
</div>
</div>
<div class="column item-1 content">
<div class="separator-right" style="top: 320px;"></div>
<div class="separator-right" style="top: 1020px;"></div>
<div class="separator-right" style="top: 1800px;"></div>
<div class="separator-right" style="top: 2400px;"></div>
<div class="separator-right" style="top: 3300px;"></div>
<div class="separator-right" style="top: 4000px;"></div>
<div class="separator-right" style="top: 4600px;"></div>
<div class="card m-220 2">
<div class="content">
<div class="year">
142 BC
</div>
<h3>Pons Aemilius</h3>
<p>Arches were added later by Publio Scipione Africanus and Lucio Mummio.</p>
</div>
</div>
<div class="card m-420 4">
<div class="content">
<div class="year">
1 AD
</div>
<h3>Pons Maximus</h3>
<p>Being located next to a river bend, where the water turbulence is stronger, and just past the island, which made the river-bed narrower thus increasing the speed of the current, the bridge was subject to a continuous wear. Major restoration under emperor Augustus. Longest ancient Roman bridge.</p>
</div>
</div>
<div class="card m-420 6">
<div class="content">
<div class="image six"></div>
<div class="year">
Middle Ages
</div>
<h3>Pons Sentarius</h3>
<p>Full restoration at the expense of the Senators.</p>
</div>
</div>
<div class="card m-80 8">
<div class="content">
<div class="image eight"></div>
<div class="year">
1552
</div>
<h3>Pons Senatorius / Pons Sanctae Mariae</h3>
<p><i>Fresco:</i> St.Francesca Romana miraculously heals the badly severed arm of a man encountered on Santa Maria Bridge. After having become unstable due to several floods that took place over the 1400s, in 1552 Julius III commissioned its full restoration to <i>Nanni di Baccio Bigio</i>, who had to entirely rebuild one of the pillars; on the same occasion, the pope had a small shrine added to the centre of the bridge.</p>
</div>
</div>
<div class="card m-220 10">
<div class="content">
<div class="image ten-1"></div>
<div class="year">
Christmas Eve 1598
</div>
<h3>Pons Sanctae Mariae</h3>
<p>Worst floods in Rome's history destroyed the arches of eastern half.</p>
</div>
</div>
<div class="card m-220 12">
<div class="content">
<div class="image half twelve"></div>
<div class="year">
1887
</div>
<h3>Ponte Rotto</h3>
<p>Iron part removed. Western part destroyed to allow for the Palatine bridge.</p>
</div>
</div>
<div class="card m-80 14">
<div class="content">
<div class="image half fourteen"></div>
<div class="year">
2017
</div>
<h3>Ponte Rotto</h3>
<p>Having a rich history of rebuilding and reconstruction Ponte Rotto has witnessed major events in Roman history reminding people of the past and carrying its memory through the ages.</p>
</div>
</div>
</div>
</div>
</main>
</body>
</html>