<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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Fugiat aut eaque 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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Ullam doloribus rerum.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Porro fugit voluptas.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Et tenetur modi molestiae.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Commodi nulla sed rerum dolorem qui.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Quia vel deleniti laboriosam.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Omnis temporibus ex autem nihil distinctio vitae.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Aspernatur ad id sunt aut aut dolor id pariatur.
      </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="Card Card--round Card--withBorder Card--shadow u-color-grey-30 u-background-white">
                    <figure class="Card-image 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="Card-content">
                        <h3 class="Card-title">
                            <a class="u-textClean u-color-black u-textWeight-400 u-text-r-m" href="">
        Architecto aut mollitia et iste.
      </a>
                        </h3>
                    </div>
                </section>

            </div>

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

There are no notes for this item.