<div class="u-layout-centerContent u-background-grey-20 u-padding-bottom-xxl u-padding-top-xxl">
<section class="u-layout-medium">
<div class="u-layout-centerLeft">
<h2 class="u-text-r-l">Gallerie</h2>
</div>
<div class="Grid Grid--withGutter u-padding-r-top u-text-r-xxl">
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
A architecto qui et veritatis.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Sequi quo rerum velit saepe.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Rerum est laborum quis distinctio.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Praesentium beatae totam iste atque sit quae.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Dolores et itaque voluptas quas laudantium molestias.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Aut exercitationem magni minus eum temporibus.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Officiis dolores dolore.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Iusto inventore asperiores deserunt eum est ut dolores.
</a>
</h3>
</div>
</section>
</div>
<div class="Grid-cell usizefull u-md-size1of3 u-lg-size1of3 u-text-r-m u-margin-r-bottom u-layout-matchHeight">
<section class="u-nbfc u-borderShadow-xxs u-borderRadius-m u-color-grey-30 u-background-white">
<figure class="u-background-grey-60 u-padding-all-s">
<a href="#" class="u-borderFocus u-block u-padding-all-xxs">
<img src="//placehold.it/370x205?text=" class="u-sizeFull" />
</a>
<figcaption class="u-padding-r-top">
<span class="Icon Icon-camera u-color-white u-floatRight u-text-r-l" aria-hidden="true"></span>
<p class="u-color-teal-50 u-text-r-xxs u-textWeight-700 u-padding-bottom-xs">Foto</p>
<p class="u-color-white u-text-r-xxs">13 ottobre 2016</p>
</figcaption>
</figure>
<div class="u-text-r-l u-padding-r-all u-layout-prose">
<h3 class="u-text-h4 u-margin-r-bottom">
<a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
Exercitationem quia deserunt sequi.
</a>
</h3>
</div>
</section>
</div>
</div>
</section>
</div>
There are no notes for this item.