Styleguide 0.1.0

23 - Article beat

.primary

Primary

.black

Black

.yellow

Yellow

.blue

Blue

<div class="article-beat {$modifiers} small-12 medium-12 large-12 column">
  <div class="row" data-equalizer>
    <div class="small-12 medium-6 large-6 column cover" data-equalizer-watch>
      <div class="image" style="background-image: url(http://gfx.dagbladet.no/labrador/360/360919/36091986/jpg/active/978x.jpg);"></div>
      <div class="gradient"></div>
      <div class="intro">
        <span class="label">Live</span>
        <h1>I dag starter Premier League</h1>
        <a href="#" class="button round white outline"><span class="icon-Target"></span> Følg kampene direkte</a>
      </div>
    </div>
    <div class="small-12 medium-6 large-6 column copy" data-equalizer-watch>
      <p class="standfirst">La helgen starte og rigg deg til for et skikkelig fotballmaraton.</p>
      <ul class="article-list no-bullet">
        <li><a href="#"><img src="http://placehold.it/60x60" /> Stoke vartet opp med lekre scoringer tok og tre poeng mot Tottenham</a></li>
        <li><a href="#"><img src="http://placehold.it/60x60" /> Mata kom rett fra benken og sikret United-seier </a></li>
        <li><a href="#"><img src="http://placehold.it/60x60" /> Agüero reddet City med offside- og kunstmål</a></li>
        <li><a href="#"><img src="http://placehold.it/60x60" /> Swanseas tre drømmeminutter robbet Arsenal for poengene</a></li>
      </ul>
    </div>
  </div>
</div>