<div class="row">
                        <div class="col-sm-12">
                            <div class="elements--title">
                                <h4>Horizontal Product Cards</h4>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="card card-8">
                                <div class="card__image col-sm-7 col-md-6">
                                    <a href="#">
                                        <img alt="Pic" src="/sites/default/files/images/product-large-3.jpg" />
                                    </a>
                                </div>
                                <div class="card__body col-sm-5 col-md-6 boxed bg--white">
                                    <div class="card__title">
                                        <h3>Dave</h3>
                                        <h6>Pure Wool Beanie</h6>
                                    </div>
                                    <div class="card__price">
                                        <span>
                                            $34.99
                                        </span>
                                    </div>
                                    <hr>
                                    <p class="col-md-10">
                                        A sturdy, handwoven fabric makes this all-purpose indigo tote a dependable addition to your casual wardrobe.
                                    </p>
                                    <a class="btn btn--sm" href="#">
                                        <span class="btn__text">
                                            Add To My Cart
                                        </span>
                                    </a>
                                    <a class="btn btn--sm btn--transparent" href="#">
                                        <span class="btn__text">
                                            More Detail
                                        </span>
                                    </a>
                                </div>
                            </div>
                            <!--end card-->
                        </div>
                    </div>