25.1 - Article scroll
A scrollable list of articles
<div class="row"> <div class="scrollsnap-wrapper columns large-12 small-12 medium-12"> <h1 class="headline scrollsnap-title">Tittel går her</h1> <div class="scroll-container"> <div class="snap-scroller"> <article class="inside preview" itemscope="Article" itemtype="http://schema.org/NewsArticle" role="article"> <a href="#" itemprop="url"> <figure style="width: 100%; height: 280px;"> <img height="320" itemprop="image" src="https://dbstatic.no/66584390.jpg?imageId=66584390&width=320&height=320" alt=""> </figure> <h1 itemprop="headline" class="headline">Fredag den 13. på Oslo Børs Fredag den 13. på Oslo Børs</h1> </a> </article> <article class="inside preview" itemscope="Article" itemtype="http://schema.org/NewsArticle" role="article"> <a href="#" itemprop="url"> <figure style="width: 100%; height: 280px;"> <img height="320" itemprop="image" src="https://dbstatic.no/66584390.jpg?imageId=66584390&width=320&height=320" alt=""> </figure> <h1 itemprop="headline" class="headline">Fredag den 13. på Oslo Børs Fredag den 13. på Oslo Børs</h1> </a> </article> <article class="inside preview" itemscope="Article" itemtype="http://schema.org/NewsArticle" role="article"> <a href="#" itemprop="url"> <figure style="width: 100%; height: 280px;"> <img height="320" itemprop="image" src="https://dbstatic.no/66584390.jpg?imageId=66584390&width=320&height=320" alt=""> </figure> <h1 itemprop="headline" class="headline">Fredag den 13. på Oslo Børs</h1> </a> </article> <article class="inside preview" itemscope="Article" itemtype="http://schema.org/NewsArticle" role="article"> <a href="#" itemprop="url"> <figure style="width: 100%; height: 280px;"> <img height="320" itemprop="image" src="https://dbstatic.no/66584390.jpg?imageId=66584390&width=320&height=320" alt=""> </figure> <h1 itemprop="headline" class="headline">Fredag den 13. på Oslo Børs Fredag den 13. på Oslo Børs</h1> </a> </article> <article class="inside preview" itemscope="Article" itemtype="http://schema.org/NewsArticle" role="article"> <a href="#" itemprop="url"> <figure style="width: 100%; height: 280px;"> <img height="320" itemprop="image" src="https://dbstatic.no/66584390.jpg?imageId=66584390&width=320&height=320" alt=""> </figure> <h1 itemprop="headline" class="headline">Fredag den 13. på Oslo Børs Fredag den 13. på Oslo Børs</h1> </a> </article> <article class="inside preview" itemscope="Article" itemtype="http://schema.org/NewsArticle" role="article"> <a href="#" itemprop="url"> <figure style="width: 100%; height: 280px;"> <img height="320" itemprop="image" src="https://dbstatic.no/66584390.jpg?imageId=66584390&width=320&height=320" alt=""> </figure> <h1 itemprop="headline" class="headline">Fredag den 13. på Oslo Børs</h1> </a> </article> </div> </div> </div> </div>