    <section class="contact section-gray">
        <div class="center">
            <i class="fa fa-envelope-o background-icon"></i>
            <div class="contact-details">
                <div class="contact-detail-single">
                    <h3><i class="fa fa-map-marker"></i> Company informations</h3>
                    <p><strong>Insurance Agency</strong><br /> John Doe</p>
                    <p class="without-margin-bottom">5002 Example Street<br /> Los Angeles, CA 90034</p>
                </div>

                <div class="contact-detail-single">
                    <h3><i class="fa fa-envelope-o"></i> Contact details</h3>
                    <p>E-mail address: <br /><a href="mailto:info@lonestarsuretybonds.com">info@lonestarsuretybonds.com</a></p>     
                    <p class="without-margin-bottom"><a href="contact.php"><button class="button button-navy-blue" data-action="">Contact us! <i class="fa fa-paper-plane-o"></i></button></a></p>
                </div>
                <div class="contact-detail-single contact-detail-single-last">
                    <h2>(+123) 456 789 000</h2> 
                    <p class="without-margin-bottom">Available 8:00am - 4:00pm</p> 
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="center">
            <div class="green-line">
            </div>
            <nav>
                <ul class="left">
                    <li>
                        <ul class="sub">
                            <li><a href="index.php">Home</a></li>
                            <li><a href="surety-bond.php">Surety Bonds</a></li>
<!--                            <li><a href="insurance.php">Insurances</a></li>-->
                            <li><a href="about.php">About Us</a></li>
                            <li><a href="contact.php">Contact Us</a></li>
                            <!--<li><a href="blog.php">Blog</a></li>-->
                        </ul>
                    </li>
                </ul>
            </nav>
            
            <ul class="right">
                <li>Copyright &copy; 2015 <span class="divider">&middot;</span> <a href="index.php">LoneStar Surety</a></li>
            </ul>
            <div class="clear"></div>
        </div>
    </footer>

    <!--
    facebook SDK
    -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <script src="_assets/_libs/jquery.js"></script>
    <script src="https://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="_assets/_libs//no-ui-slider/jquery.nouislider.all.min.js"></script>
    <script src="_assets/_libs/smoothscroll.js"></script>
    <script src="_assets/_libs/parallax.js"></script>
    <script src="_assets/_js/functions.js"></script>

</body>
</html>