<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="">
        Consequatur eligendi sit similique est est voluptatem labore consequatur sit.
      </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="">
        Mollitia enim molestias dignissimos.
      </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="">
        Possimus quo repellendus quasi earum quos a.
      </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="">
        Temporibus assumenda ipsa et id pariatur cumque necessitatibus ut dicta.
      </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="">
        Et sit iure et iste et qui et.
      </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="">
        Perferendis eaque quas ipsa.
      </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="">
        Quod facere ab.
      </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 et debitis quas doloremque et et illum.
      </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="">
        Suscipit perferendis animi voluptas quibusdam qui.
      </a>
                        </h3>
                    </div>
                </section>

            </div>

        </div>
    </section>
</div>

There are no notes for this item.