<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-xs-8 col-sm-8 col-md-7 col-lg-7"> <h2> h2. Bootstrap Heading </h2> <p> Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. </p> <div class="row"> <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <h3> h3. Bootstrap heading </h3> <p> Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. </p> </div> <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6"> <h3> h3. Bootstrap heading </h3> <p> Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. </p> </div> </div> </div> <div class="col-xs-4 col-sm-4 col-md-5 col-lg-5"> <img class="img-responsive" src="http://blocksimg.blob.core.windows.net/d012e5e6-b573-40bb-8e47-8aa073d2ce92/images/responsive.png?1422634694215" alt="" /> </div> </div> <div class="panel panel-default margin-top-30"> <div class="panel-body"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 "> <h2> Your call-to-action represents a handshake agreement between you and your prospects.<br /><small>Greet them properly and deliver on your promises.</small> </h2> </div> <div class="col-xs-12 col-sm-8 col-md-4 col-lg-4 margin-top-20"> <a class="btn btn-xl btn-warning btn-block" href="http://bootstraptor.com"><i class="fa fa-arrow-circle-right"></i> CALL-TO-ACTION-BTN!</a> </div> </div> </div> </div> </div>