<h1>Header 1</h1> <h2>Header 2</h2> <h3>Header 3</h3> <a href="#" target="_blank">Hyperlink</a> <p>Paragraph</p>
Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<a class="button button-primary" href="#">button primary</a>
<a class="button button-success" href="#">button success</a>
<a class="button button-default" href="#">button default</a>
<div class="banner banner-main">
<div class="container">
<div class="cols">
<div class="xs-12 xsm-9 sm-6 md-5 lg-5">
<div class="banner-content">
<h1>Header h1</h1>
<p>Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque
aliquam.</p>
<a class="button button-success" href="#">Button success</a>
</div>
</div>
</div>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
<div class="cols">
<div class="xs-12 sm-6">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
<div class="xs-12 sm-6">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
<div class="cols">
<div class="xs-12 sm-4">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
<div class="xs-12 sm-4">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
<div class="xs-12 sm-4">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
<div class="cols">
<div class="xs-12 sm-6">
<a href="#"><img alt="" class="img-responsive" src="/media/Geboortekaartjes_1.png"/></a>
</div>
<div class="xs-12 sm-6">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis pretium.
<div class="cols">
<div class="xs-12 sm-6">
<h3>H3 header</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a efficitur velit. Aenean iaculis auctor
urna. Pellentesque cursus sem non tempor dapibus. Duis diam orci, tempor non venenatis a, ultrices et
massa. Sed dignissim lorem sed nunc scelerisque placerat. In ullamcorper id mauris vel congue. Quisque
rutrum justo neque, a aliquet quam laoreet sed. Nam sed consequat magna. Donec sodales ipsum et sagittis
pretium.</p>
</div>
<div class="xs-12 sm-6">
<a href="#"><img class="img-responsive" src="/media/Geboortekaartjes_1.png"/></a>
</div>
</div>
<div class="container">
<div class="cols">
<div class="xs-12 sm-6 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn">Button</span>
</a>
</div>
</div>
</div>
<div class="container">
<div class="cols">
<div class="xs-12 sm-6 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn button button-default">Button</span>
</a>
</div>
<div class="xs-12 sm-6 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn button button-default">Button</span>
</a>
</div>
</div>
</div>
<div class="cols">
<div class="xs-12 sm-6 md-4 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn button button-default">Button</span>
</a>
</div>
<div class="xs-12 sm-6 md-4 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn button button-default">Button</span>
</a>
</div>
<div class="xs-12 sm-6 md-4 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn button button-default">Button</span>
</a>
</div>
</div>
<div class="container">
<div class="cols">
<div class="xs-12 sm-6 md-3 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn">Button</span>
</a>
</div>
<div class="xs-12 sm-6 md-3 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn">Button</span>
</a>
</div>
<div class="xs-12 sm-6 md-3 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn">Button</span>
</a>
</div>
<div class="xs-12 sm-6 md-3 mb-3">
<a class="card" href="#">
<img class="card-img" src="/media/Geboortekaartjes_1.png"/>
<span class="card-btn">Button</span>
</a>
</div>
</div>
</div>
<div class="cols">
<div class="xs-12 sm-4">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_1.png"/>
<span class="card-label">Label</span>
</a>
</div>
</div>
<div class="cols">
<div class="xs-12 sm-6">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_3.png"/>
<span class="card-label">Label</span>
</a>
</div>
<div class="xs-12 sm-6">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_3.png"/>
<span class="card-label">Label</span>
</a>
</div>
</div>
<div class="cols">
<div class="xs-12 sm-4">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_1.png"/>
<span class="card-label">Label</span>
</a>
</div>
<div class="xs-12 sm-4 ">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_1.png"/>
<span class="card-label">Label</span>
</a>
</div>
<div class="xs-12 sm-4">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_1.png"/>
<span class="card-label">Label</span>
</a>
</div>
</div>
<div class="cols">
<div class="xs-12 sm-3">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_2.png"/>
<span class="card-label">Label</span>
</a>
</div>
<div class="xs-12 sm-3">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_2.png"/>
<span class="card-label">Label</span>
</a>
</div>
<div class="xs-12 sm-3">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_2.png"/>
<span class="card-label">Label</span>
</a>
</div>
<div class="xs-12 sm-3">
<a class="card px-5" href="#">
<img class="card-img shadow" src="/media/Kaart_2.png"/>
<span class="card-label">Label</span>
</a>
</div>
</div>
<div class="banner banner-swiper">
<div class="container">
<div class="cols">
<div class="xs-12 sm-12 md-12 lg-12">
<div class="banner-wrapper">
<div class="header-multiple-font">
<span class="header-small text-center">reacties van</span>
<h1 class="header-big text-center">blije klanten</h1>
<div class="border-bottom m-auto"></div>
</div>
<div class="banner-content">
<div class="swiper-container swiper-home" id="swiper-feedback">
<div class="swiper-wrapper" id="customer-reviews">
<div class="swiper-slide">
<div class="swiper-slide_text">
<p>'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Mattis rhoncus urna
neque viverra justo nec. Adipiscing elit duis tristique sollicitudin.
Dui ut ornare lectus sit amet est. In dictum non consectetur a.'</p>
<p class="customer-name"><strong>Blije klant</strong></p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide_text">
<p>'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Mattis rhoncus urna
neque viverra justo nec. Adipiscing elit duis tristique
sollicitudin.'</p>
<p class="customer-name"><strong>Blije klant</strong></p>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide_text">
<p>'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Mattis rhoncus urna
neque viverra justo nec.'</p>
<p class="customer-name"><strong>Blije klant</strong></p>
</div>
</div>
</div>
<div class="swiper-buttons__wrapper">
<div class="swiper-button-next"><i
class="shopicons shopicons-navigate-next"> </i>
</div>
<div class="swiper-button-prev"><i
class="shopicons shopicons-navigate-before"> </i></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cols sm-cols-spacing">
<div class="xs-6 sm-2 mb-14">
<a class="card" href="#">
<img class="card-img" src="/media/Patroon_2.png"/>
</a>
</div>
<div class="xs-6 sm-2 mb-14">
<a class="card" href="#">
<img class="card-img" src="/media/Patroon_2.png"/>
</a>
</div>
<div class="xs-6 sm-2 mb-14">
<a class="card" href="#">
<img class="card-img" src="/media/Patroon_2.png"/>
</a>
</div>
<div class="xs-6 sm-2 mb-14">
<a class="card" href="#">
<img class="card-img" src="/media/Patroon_2.png"/>
</a>
</div>
<div class="xs-6 sm-2 mb-14">
<a class="card" href="#">
<img class="card-img" src="/media/Patroon_2.png"/>
</a>
</div>
<div class="xs-6 sm-2 mb-14">
<a class="card" href="#">
<img class="card-img" src="/media/Patroon_2.png"/>
</a>
</div>
</div>
