HTML
<article data-name="article-full-bleed-background">
<div class="cf" style="background: url(http://mrmrs.github.io/photos/12.jpg) no-repeat center center fixed; background-size: cover;">
<div class="fl pa3 pa4-ns bg-white black-70 measure-narrow f3 times">
<header class="bb b--black-70 pv4">
<h3 class="f2 fw7 ttu tracked lh-title mt0 mb3 avenir">Prasat Suor Prat</h3>
<h4 class="f3 fw4 i lh-title mt0">Siem Reap, Cambodia</h4>
</header>
<section class="pt5 pb4">
<p class="times lh-copy measure f4 mt0">
Prasat Suor Prat (Khmer: ប្រាសាទសួព្រ័ត) is a series of twelve towers spanne
north to south lining the eastern side of royal square in Angkor Thom,
near the town of Siem Reap, Cambodia. The towers are made from rugged
laterite and sandstone. The towers are located right in front of
Terrace of the Elephants and Terrace of the Leper King, flanking the
start of the road leading east to the Victory Gate, on either side of
which they are symmetrically arranged. Their function remains unknown.
</p>
</section>
</div>
</div>
</article>
css
.bb {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.b--black-70 {
border-color: rgba(0, 0, 0, .7);
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
.fl {
float: left;
_display: inline;
}
.avenir {
font-family: 'avenir next', avenir, sans-serif;
}
.times {
font-family: times, serif;
}
.i {
font-style: italic;
}
.fw4 {
font-weight: 400;
}
.fw7 {
font-weight: 700;
}
.tracked {
letter-spacing: .1em;
}
.lh-title {
line-height: 1.25;
}
.lh-copy {
line-height: 1.5;
}
.black-70 {
color: rgba(0, 0, 0, .7);
}
.bg-white {
background-color: #fff;
}
.pa3 {
padding: 1rem;
}
.pb4 {
padding-bottom: 2rem;
}
.pt5 {
padding-top: 4rem;
}
.pv4 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.mb3 {
margin-bottom: 1rem;
}
.mt0 {
margin-top: 0;
}
.ttu {
text-transform: uppercase;
}
.f2 {
font-size: 2.25rem;
}
.f3 {
font-size: 1.5rem;
}
.f4 {
font-size: 1.25rem;
}
.measure {
max-width: 30em;
}
.measure-narrow {
max-width: 20em;
}
@media screen and (min-width: 30em) {
.pa4-ns {
padding: 2rem;
}
}