<div class="u-layout-centerContent u-background-grey-20 u-padding-r-bottom">
    <section class="u-layout-wide">
        <h2 class="u-padding-r-bottom u-padding-r-top u-text-r-l">Sed vel itaque</h2>

        <div class="Grid Grid--withGutter">

            <div class="Grid-cell u-nbfc u-md-size3of4 u-lg-size3of4">

                <div class="Grid u-layout-centerContent">
                    <div class="Grid-cell u-sizeFit">
                        <img src="//placehold.it/330x330?text=placeholder" class="u-sizeFit" alt="..." />
                    </div>
                    <div class="Grid-cell u-md-sizeFill u-lg-sizeFill u-padding-r-left">
                        <div class="u-color-grey-30 u-border-top-xxs u-padding-right-xxl u-padding-r-all">
                            <p class="u-padding-r-bottom">
                                <span class="Dot u-background-70"></span>
                                <a class="u-textClean u-textWeight-700 u-text-r-xs u-color-50" href="#">categoria</a>
                                <span class="u-text-r-xxs u-textSecondary u-textWeight-400 u-lineHeight-xl u-cf">12 Maggio 2016</span>
                            </p>
                            <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
    Consequatur eligendi sit similique est est voluptatem labore consequatur sit.
    </a>
                            </h3>
                            <p class="u-lineHeight-l u-text-r-xs u-textSecondary u-padding-r-right">
                                Delectus non est dolore omnis dolorem. Dolor non saepe in minus sit provident cupiditate blanditiis. Libero explicabo magnam sequi molestias quos. Consequatur modi et facere aut repudiandae omnis.
                            </p>
                        </div>

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

            <div class="Grid-cell u-md-size1of4 u-lg-size1of4 u-padding-r-left">
                <div class="u-color-grey-30 u-border-top-xxs u-padding-right-xxl u-padding-r-all">
                    <p class="u-padding-r-bottom">
                        <span class="Dot u-background-70"></span>
                        <a class="u-textClean u-textWeight-700 u-text-r-xs u-color-50" href="#">categoria</a>
                        <span class="u-text-r-xxs u-textSecondary u-textWeight-400 u-lineHeight-xl u-cf">12 Maggio 2016</span>
                    </p>
                    <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
    Omnis adipisci omnis aliquam vel voluptatem veniam iure suscipit.
    </a>
                    </h3>
                    <p class="u-lineHeight-l u-text-r-xs u-textSecondary u-padding-r-right">
                        Quos inventore eum animi non sint dolor sed. Aut nihil delectus voluptas doloremque quibusdam ipsam est quos. Cumque cum doloremque quia aperiam cumque. Autem aut veniam.
                    </p>
                </div>

            </div>

            <div class="Grid-cell u-md-size1of4 u-lg-size1of4 u-padding-r-left">
                <div class="u-color-grey-30 u-border-top-xxs u-padding-right-xxl u-padding-r-all">
                    <p class="u-padding-r-bottom">
                        <span class="Dot u-background-70"></span>
                        <a class="u-textClean u-textWeight-700 u-text-r-xs u-color-50" href="#">categoria</a>
                        <span class="u-text-r-xxs u-textSecondary u-textWeight-400 u-lineHeight-xl u-cf">12 Maggio 2016</span>
                    </p>
                    <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
    Omnis adipisci omnis aliquam vel voluptatem veniam iure suscipit.
    </a>
                    </h3>
                    <p class="u-lineHeight-l u-text-r-xs u-textSecondary u-padding-r-right">
                        Laudantium sed repellendus odit ut perspiciatis vitae id. At nemo velit magnam rerum expedita dolorem. Ex vitae nam maiores excepturi reprehenderit molestiae accusantium ut.
                    </p>
                </div>

            </div>

            <div class="Grid-cell u-md-size1of4 u-lg-size1of4 u-padding-r-left">
                <div class="u-color-grey-30 u-border-top-xxs u-padding-right-xxl u-padding-r-all">
                    <p class="u-padding-r-bottom">
                        <span class="Dot u-background-70"></span>
                        <a class="u-textClean u-textWeight-700 u-text-r-xs u-color-50" href="#">categoria</a>
                        <span class="u-text-r-xxs u-textSecondary u-textWeight-400 u-lineHeight-xl u-cf">12 Maggio 2016</span>
                    </p>
                    <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
    Omnis adipisci omnis aliquam vel voluptatem veniam iure suscipit.
    </a>
                    </h3>
                    <p class="u-lineHeight-l u-text-r-xs u-textSecondary u-padding-r-right">
                        Dolor optio eius qui deleniti dolorum debitis. Neque sapiente dolor corrupti et dignissimos nesciunt deleniti. Et modi expedita nulla voluptatem voluptas iusto laborum. Qui assumenda illo.
                    </p>
                </div>

            </div>

            <div class="Grid-cell u-md-size1of4 u-lg-size1of4 u-padding-r-left">
                <div class="u-color-grey-30 u-border-top-xxs u-padding-right-xxl u-padding-r-all">
                    <p class="u-padding-r-bottom">
                        <span class="Dot u-background-70"></span>
                        <a class="u-textClean u-textWeight-700 u-text-r-xs u-color-50" href="#">categoria</a>
                        <span class="u-text-r-xxs u-textSecondary u-textWeight-400 u-lineHeight-xl u-cf">12 Maggio 2016</span>
                    </p>
                    <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
    Omnis adipisci omnis aliquam vel voluptatem veniam iure suscipit.
    </a>
                    </h3>
                    <p class="u-lineHeight-l u-text-r-xs u-textSecondary u-padding-r-right">
                        Sed quae voluptatem sapiente. Ipsam nemo dicta occaecati sit nemo ut. Doloribus nulla quis.
                    </p>
                </div>

            </div>

            <div class="Grid-cell u-md-size1of4 u-lg-size1of4 u-padding-r-left">
                <div class="u-color-grey-30 u-border-top-xxs u-padding-right-xxl u-padding-r-all">
                    <p class="u-padding-r-bottom">
                        <span class="Dot u-background-70"></span>
                        <a class="u-textClean u-textWeight-700 u-text-r-xs u-color-50" href="#">categoria</a>
                        <span class="u-text-r-xxs u-textSecondary u-textWeight-400 u-lineHeight-xl u-cf">12 Maggio 2016</span>
                    </p>
                    <h3 class="u-padding-r-top u-padding-r-bottom"><a class="u-text-h4 u-textClean u-color-black" href="">
    Omnis adipisci omnis aliquam vel voluptatem veniam iure suscipit.
    </a>
                    </h3>
                    <p class="u-lineHeight-l u-text-r-xs u-textSecondary u-padding-r-right">
                        Aliquid libero sapiente laborum alias itaque vitae. Quaerat nemo tempora. Culpa nesciunt aut dicta dolorem inventore ipsam sit.
                    </p>
                </div>

            </div>

        </div>

        <p class="u-textCenter u-text-md-right u-text-lg-right u-padding-r-top">
            <a href="#" class="u-color-50 u-textClean u-text-h4">
          tutti i contenuti <span class="Icon Icon-chevron-right"></a>
        </p>

    </section>
</div>

There are no notes for this item.