feature-row-left-image-and-buttons.html

<!--This sample includes a featured image on the left that can be hyperlinked and with text on the right. The image should be 800x500. In addition the text includes a pair of buttons
 that respond appropriately to different window sizes. Edit text in CAPS with your content-->


<div>
    <br>
    <br>
    <!--first, define left side elements-->
    <!--note: if photo does not seem to pop to full screen at the right time try replacing col-xs-12 with col-sm-12, if
you do so see note below-->
    <div class="col-xs-12 col-md-6">
        <br><br><br>
        <a href="">
            <img class="img-responsive" align="middle" src="http://dummyimage.com/800x500" alt="">
        </a>
        <a href='INCLUDE LINK HERE'>
            <span class="glyphicon glyphicon-share" aria-hidden="true">
            </span>
            IMAGE CAPTION
        </a>
    </div>
    <!--Second, define the right side elements-->
    <!--note: if you make above change change the col-md-12 below to col-sm-12 as well-->
    <div class="col-xs-12 col-md-6">
        <h3 class="text-left">TITLE TEXT</h3><br>
        <p>
            PARAGRAPH TEXT </p><br>
        <!--third, define section for two button's behavior and can be copied for use in similar ways-->
        <div>
            <div class="col-xs-12 col-lg-4">
                <a target="_blank" href="WEB LINK HERE" class="btn btn-default open-btn">
                    BUTTON TEXT
                </a>
            </div>
            <div class="col-lg-4">
                <br><br>
            </div>
            <div class="col-xs-12 col-lg-4">
                <a target="_blank" href="WEB LINK HERE" class="btn btn-default open-btn">
                    BUTTON TEXT
                </a>
            </div>
        </div>
        <br><br><br>
        <p>
            amet. Praesent cursus mauris ac leo commodo congue. Pellentesque lobortis, erat ut blandit laoreet, leo
            tristique sed ut lectus. Vivamus trist </p>
    </div>
</div>