<section class="comic-entry">
  <div class="title-group">
    <a href="#"><h1 class="hide-for-medium-down">Tegneserier</h1></a><h2>Rocky <span>av Martin Kellerman</span></h2>
  </div>
  <figure>
    <img src="http://www.dagbladet.no/audun/crop/?imageurl=http://gfx.dagbladet.no/styleguide/temp/rocky.jpg" alt="Rocky 19. august">
    <figcaption class="hide-for-medium-down">© <a href="mailto:martin_kellerman@hotmail.com">Martin Kellerman</a></figcaption>
    <ul class="button-group">
      <li><button class="button tiny fb-share"><span class="icon-Facebook"></span></button></li>
      <li><button class="button tiny"><span class="icon-Twitter"></span></button></li>
      <li class="double-width"><button class="button tiny">Dagens striper</button></li>
    </ul>
  </figure>
</section>

<section class="comic-teaser" itemscope itemtype="http://schema.org/ComicSeries">
  <header>
    <h1 class="uppercase">
      <a href="#">Tegneserier</a>
    </h1>
    <h2 class="subheader">
      <span itemprop="name" class="comic-title">Rocky</span> av
      <span itemprop="author copyrightHolder" itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">Martin Kellerman</span>
      </span>
    </h2>
  </header>
  <figure itemprop="image" itemscope itemtype="http://schema.org/ImageObject">
    <a href="#">
      <img itemprop="contentUrl" src="/assets/comics/rocky.jpg" alt="Rocky 19. august">
    </a>
    <figcaption>© <a href="mailto:martin_kellerman@hotmail.com">Martin Kellerman</a></figcaption>
  </figure>
  <footer>
    <ul class="button-group stack-for-small">
      <li><a href="#" class="button tiny facebook show-for-medium-up"><span class="icon-Facebook"></span></a></li>
      <li><a href="#" class="button tiny twitter show-for-medium-up"><span class="icon-Twitter"></span></a></li>
      <li><a href="#" class="button tiny">Dagens striper</a></li>
      <li>
        <a href="#" data-dropdown="js-all-comics" class="button tiny dropdown">Flere striper</a>
        <ul id="js-all-comics" data-dropdown-content class="f-dropdown">
          <li><a href="#">Pondus</a><li>
          <li><a href="#">Rocy</a><li>
          <li><a href="#">Kellermannen</a><li>
          <li><a href="#">Fagprat</a><li>
          <li><a href="#">Lunch</a><li>
        </ul>
      </li>
    </ul>
  </footer>
</section>