ddddddddddddddddczxc
asasdadasd
.my-horizontal-timeline {
font-family: Arial, sans-serif;
padding: 40px 20px;
overflow-x: auto;
}
.timeline-track {
display: flex;
align-items: center;
position: relative;
min-width: 900px;
}
/* Horizontal center line */
.timeline-track::before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 4px;
background: black;
transform: translateY(-50%);
z-index: 0;
}
/* Timeline event */
.event {
position: relative;
flex: 0 0 300px;
margin: 0 40px;
z-index: 1;
}
/* Circle on line */
.event::before {
content: '';
position: absolute;
left: 50%;
width: 16px;
height: 16px;
background: black;
border-radius: 50%;
transform: translateX(-50%);
z-index: 2;
}
.event.top::before {
bottom: -32px;
}
.event.bottom::before {
top: -32px;
}
/* Positioning above/below line */
.event.top {
margin-bottom: 120px;
}
.event.bottom {
margin-top: 120px;
}
/* Content box */
.content {
background: white;
padding: 15px;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0,0,0,0.15);
text-align: left;
}
.content img {
max-width: 100%;
border-radius: 4px;
margin-top: 8px;
display: block;
}
/* Mobile: stack vertically if needed */
@media (max-width: 768px) {
.timeline-track {
min-width: 700px;
}
}
The buildings have a distinct look and a fascinating heritage. By giving Calcutta House a new lease of life, we will work to honour this.
By the 1970’s the buildings were adapted for education use. Becoming home to the City of London Polytechnic, later London Metropolitan University.
Today the buildings look tired, and the site needs to work harder for the local community.
Share:
.png)
