{HTML()}
<div class="divider" id="section2"></div>
    <section class="bg-1">
        <div class="col-sm-6 col-sm-offset-3 text-center">
            <h2 style="padding:20px;background-color:rgba(5,5,5,.8)" class="">Try and Tweak Different Layouts</h2>
        </div>
    </section>
    <div class="divider"></div>
    <div class="container" id="section3">
        <div class="col-sm-8 col-sm-offset-2 text-center">
             <h1 class="">Mobile-first + Responsive</h1>

            <p class="">Instead of creating a unique version of the webpage for each desktop,
                mobile &amp; tablet, you can now create one design that works on all devices,
                browsers &amp; resolutions. Your designs will be future ready when a new
                table or phone size comes in the market, your designs will adapt itself
                and fit to the new screen size.</p>
            <hr class="">
            <img src="themes/happyscroll/images/bg_smartphones.jpg" class="img-responsive">
            <hr class="">
        </div>
        <!--/col-->
    </div>
    <!--/container-->{HTML}