<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ---------->
<section class="location-section section-padding">
<div class="container">
<div class="row">
<div class="col-sm-7">
<div class="caption">
<img src="http://themexriver.com/digital-agency/assets/images/map.png" alt="">
</div>
</div>
<div class="col-sm-5">
<div class="location-wrapper">
<div class="section-title text-center">
<span class="sub-header">Our Offices</span>
<div class="border"></div>
<h2>We Are WorldWide</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing elit, sed do eiusmod tempor incididun ut labore et dolore. Per spiciatis unde omnis iste natus error</p>
<button class="btn btn-default"><a href="contact.html">Explore Offices</a></button>
</div> <!-- section-title -->
</div>
</div>
</div>
</div>
</section>
