HTML for Card Layout

<div class="cards">
    <!-- Start loop here -->
    <div class="card col-xs-12 col-sm-6 col-md-4">
        <div class="card-inner">
            <img class="img-circle" src="https://sessionize.com/image/fe59-400o400o2-58-5310-4afc-924a-4fad8f4c2c22.6be129c7-f282-49e1-a00b-84671cb40ebf.jpg">
            <h3>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Labore, iusto?</h3>
            <div>Perspiciatis nobis laudantium voluptatum quaerat possimus qui nam, dolores, obcaecati ipsa perferendis a, quisquam vero nostrum quia voluptatem. Architecto ex excepturi ipsam quisquam id nulla repellendus obcaecati assumenda eligendi! Eveniet eaque...</div>
            <div class="card-footer">
            <ul class="list-unstyled list-inline">
                <li><span class="label">Example label 1</span></li>
                <li><span class="label">Example label 2</span></li>
                <li>
                    <a href="#" class="btn btn-primary" role="button">Read more</a>
                </li>
            </ul>
            </div>
        </div>
    </div>
    <!-- End loop here -->
</div>
Franco Musso