@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
img {
height: auto;
width: 100%;
}
.container {
margin-bottom: 10px;
}
.row > div {
margin-top: 10px;
padding: 0;
}
.content {
background: #ddd;
padding: 20px 15px 120px;
}
.spaces {
margin-bottom: 80px;
margin-top: 80px;
}
.space-both {
padding-left: 16.66666667% !important; /* of the page width */
padding-right: 16.66666667% !important; /* of the page width */
}
.space-right {
padding-right: 25% !important; /* of the page width */
}
.arrow-both {
height: calc(100% + 160px) !important;
position: absolute;
right: 0;
top: -80px;
width: 30% !important; /^ of the block width */
}
.arrow-down,
.arrow-up {
height: calc(100% + 80px + 50%);
position: absolute;
width: 20%; /^ of the block width */
}
.arrow-down {
left: 0;
top: 0;
}
.arrow-up {
bottom: 0;
right: 0;
}
Introduction
Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
List of dates
Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
Content
Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
More content
Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text