<div class="container">
    <div class="row nopadding">
        <div class="col-md-12 nopadding">
            <div class="col-md-6"><img src="/sites/default/files/demo-images/site-img-34.jpg" alt="site-img-34.jpg" class="img-responsive border-radius-1 box-shadow-5" /></div>
            <!-- end col -->
            <div class="col-md-6">
                <div class="less4">
                    <h3 class="font-weight-7 margin-bottom-2">We build successful digital stories for web & mobile</h3>
                    <p class="margin-bottom-2">Lorem Ipsum, you need to be sure there anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary.</p>
                    <ul class="icons-list-1 line-height-3">
                        <li><strong><i class="fa fa-angle-right"></i> &nbsp;Consectetuer adipiscing elit suspendisse</strong></li>
                        <li><strong><i class="fa fa-angle-right"></i> &nbsp;Tristique elit gravida erat rhoncus venenatis</strong></li>
                        <li><strong><i class="fa fa-angle-right"></i> &nbsp;Praesent placerat nulla ut diam maximus faucibus</strong></li>
                        <li><strong><i class="fa fa-angle-right"></i> &nbsp;Duis eu arcu non elit fringilla faucibus</strong></li>
                    </ul>
                    <p class="clearfix margin-bottom-3"></p>
                    <a href="#" class="sitebutton-1 sty2 dark roboto font-weight-7 uppercase">All Features</a>
                </div>
            </div>
            <!-- end col -->
        </div>
    </div>
</div>