<div class="u-background-grey-20 u-layout-centerContent u-cf">
    <section class="js-Masonry-container u-layout-medium" data-columns>

        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Fugiat aut eaque molestias.</a></h3>
                    <p class="Card-text">
                        Quasi tempora occaecati eum dolorem modi enim maiores et. Autem et magnam eos non qui ut dignissimos. Sit consequatur dolores voluptas nobis omnis consequatur. Quaerat explicabo autem quod dolores. Ab dolorem praesentium. Quo minus doloribus ipsam officiis
                        quia.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Ullam doloribus rerum.</a></h3>
                    <p class="Card-text">
                        Voluptatem dolore dolores quo. Exercitationem quos sint repellat qui repellendus beatae expedita nobis illo. Enim unde non voluptatem voluptate ipsum consequuntur aspernatur. Eos aliquid et eum cum nihil. Voluptatum qui est dignissimos vel sed et. Doloribus
                        in quis at sapiente omnis et earum delectus excepturi.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Porro fugit voluptas.</a></h3>
                    <p class="Card-text">Porro fugit voluptas.</p>
                </div>
            </div>
        </div>

        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Fugiat aut eaque molestias.</a></h3>
                    <p class="Card-text">
                        Quasi tempora occaecati eum dolorem modi enim maiores et. Autem et magnam eos non qui ut dignissimos. Sit consequatur dolores voluptas nobis omnis consequatur. Quaerat explicabo autem quod dolores. Ab dolorem praesentium. Quo minus doloribus ipsam officiis
                        quia.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Ullam doloribus rerum.</a></h3>
                    <p class="Card-text">
                        Voluptatem dolore dolores quo. Exercitationem quos sint repellat qui repellendus beatae expedita nobis illo. Enim unde non voluptatem voluptate ipsum consequuntur aspernatur. Eos aliquid et eum cum nihil. Voluptatum qui est dignissimos vel sed et. Doloribus
                        in quis at sapiente omnis et earum delectus excepturi.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Porro fugit voluptas.</a></h3>
                    <p class="Card-text">Porro fugit voluptas.</p>
                </div>
            </div>
        </div>

    </section>
</div>

<div class="u-background-grey-20 u-layout-centerContent u-cf">
    <section class="js-Masonry-container u-layout-medium" data-columns>

        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Fugiat aut eaque molestias.</a></h3>
                    <p class="Card-text">
                        Quasi tempora occaecati eum dolorem modi enim maiores et. Autem et magnam eos non qui ut dignissimos. Sit consequatur dolores voluptas nobis omnis consequatur. Quaerat explicabo autem quod dolores. Ab dolorem praesentium. Quo minus doloribus ipsam officiis
                        quia.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Ullam doloribus rerum.</a></h3>
                    <p class="Card-text">
                        Voluptatem dolore dolores quo. Exercitationem quos sint repellat qui repellendus beatae expedita nobis illo. Enim unde non voluptatem voluptate ipsum consequuntur aspernatur. Eos aliquid et eum cum nihil. Voluptatum qui est dignissimos vel sed et. Doloribus
                        in quis at sapiente omnis et earum delectus excepturi.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Porro fugit voluptas.</a></h3>
                    <p class="Card-text">Porro fugit voluptas.</p>
                </div>
            </div>
        </div>

        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Fugiat aut eaque molestias.</a></h3>
                    <p class="Card-text">
                        Quasi tempora occaecati eum dolorem modi enim maiores et. Autem et magnam eos non qui ut dignissimos. Sit consequatur dolores voluptas nobis omnis consequatur. Quaerat explicabo autem quod dolores. Ab dolorem praesentium. Quo minus doloribus ipsam officiis
                        quia.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Ullam doloribus rerum.</a></h3>
                    <p class="Card-text">
                        Voluptatem dolore dolores quo. Exercitationem quos sint repellat qui repellendus beatae expedita nobis illo. Enim unde non voluptatem voluptate ipsum consequuntur aspernatur. Eos aliquid et eum cum nihil. Voluptatum qui est dignissimos vel sed et. Doloribus
                        in quis at sapiente omnis et earum delectus excepturi.
                    </p>
                </div>
            </div>
        </div>
        <div class="Masonry-item js-Masonry-item">
            <div class="Card Card--shadow Card--round u-background-white">
                <div class="Card-image">
                    <img src="//placehold.it/400x220?text=placeholder" class="u-sizeFull" alt="" />
                </div>
                <div class="Card-content">
                    <p class="Card-extra"><a class="Card-extraLink" href="">quae qui et</a></p>
                    <h3 class="Card-title"><a class="Card-titleLink" href="">Porro fugit voluptas.</a></h3>
                    <p class="Card-text">Porro fugit voluptas.</p>
                </div>
            </div>
        </div>

    </section>
</div>

There are no notes for this item.