
<!DOCTYPE html>
<html lang="en-US">
<head>
    
    <title>Insurance - HTML5 Template for Insurance Agency</title>
    
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Signika:300,400,600,700" />
    <link rel="stylesheet" type="text/css" href="_assets/_libs/font-awesome/css/font-awesome.css" /> 
    <link rel="stylesheet" type="text/css" href="_assets/_libs/no-ui-slider/jquery.nouislider.css" />
    <link rel="stylesheet" type="text/css" href="_assets/_libs/animate.css" /> 
    <link rel="stylesheet" type="text/css" href="_assets/_css/style.css" />  
	<link rel="icon" href="favicon.png" type="image/x-icon" />
</head>
<body>
    <div id="loader">
        <div class="loader-spinner"></div>
    </div>
                 
    <div id="quote-popup">
        <div id="quote-popup-background"></div>
        <div id="quote-popup-content" class="animated speed">
            <div id="quote-popup-close"><i class="fa fa-times"></i></div>
            <script type="text/javascript" src="https://lonestarsuretybonds.formstack.com/forms/js.php/freight_broker_application_form"></script><noscript><a href="https://lonestarsuretybonds.formstack.com/forms/freight_broker_application_form" title="Online Form">Online Form - Lonestar Surety: Freight Broker Bond Application Form</a></noscript>
        </div>
    </div>  


                
                
            
            
        
        
    
    

    <header>
    
        <div class="center">

            <div class="logo">
            
                <a href="index.html"><img src="_assets/_img/logo.png" alt="Insurance Agency" /></a>
            
            </div>

            <nav>
            
                <ul class="menu">
                
                    <li class="active"><a href="index.html">Home</a></li>
                    
					<li>
						<a href="surety-bond.html">Surety Bonds</a>
						<!--<i class="fa fa-caret-down"></i>  <ul class="submenu animated speed fadeInDown">
                        
                            <li><a href="freight-broker-bond.html">Freight broker bond</a></li>
                        
                        </ul>-->
						
					</li>
					
					
					<li>
						<a href="insurance.html">Insurance</a>
						<i class="fa fa-caret-down"></i>  <ul class="submenu animated speed fadeInDown">
                        
                            <li><a href="tbd.html">TBD</a></li>
                        
                        </ul>
						
					</li>					
					
					<li><a href="about.html">About Us</a></li>
					<li><a href="contact.html">Contact Us</a></li>
					<!--<li><a href="blog.html">Blog</a></li>-->
    
                </ul>
                
                <div class="menu-responsive"><i class="fa fa-bars"></i></div>
            
            </nav>
            
            <div class="clear"></div>

        </div>

    </header>

    <div class="heading">
    
        <div class="heading-slides">
        
            <div class="heading-slide-single" data-slide-id="1" style="background-image: url( '_assets/_img/lonestar_cn_6.jpg' );">
            
                <div class="flying-1">
                
                    <span>Insurance agency</span>
                
                </div>
                

                
                <div class="heading-content">
                    
                    <h2>Insurances do matter</h2>
                    <h3>Lorem ipsum dolor sit<br /> amet, consectetur.</h3>
                
        
                </div>
            
            </div>
            
            <div class="heading-slide-single" data-slide-id="2" style="background-image: url( '_assets/_img/lonestar_cn_2.jpg' );">
            
                <div class="flying-1">
                
                    <span>Insurance agency</span>
                
                </div>
                

                
                <div class="heading-content">
                    
                    <h2>Insurances do matter</h2>
                    <h3>Lorem ipsum dolor sit<br /> amet, consectetur.</h3>
                    
        
                </div>
            
            </div>
        
        </div>

    </div>
    
 
    
    <section class="insurances-slider section-gray">
    
        <div class="center">
        
            <div class="green-line">
            </div>
            
            <div class="images">
            
                <div class="image" style="background-image: url( '_assets/_img/lonestar_cn_1.jpg' );" data-insurance-key="house">
                </div>
                
                <div class="image" style="background-image: url( '_assets/_img/lonestar_cn_4.jpg' );" data-insurance-key="travel">
                </div>
                
                <div class="image" style="background-image: url( '_assets/_img/lonestar_cn_5.jpg' );" data-insurance-key="life">
                </div>

                <div class="image" style="background-image: url( '_assets/_img/lonestar_cn_6.jpg' );" data-insurance-key="car">
                </div>
            
            </div>
        
            <div class="content">

                <div class="descriptions">

                    <div class="description" data-insurance-key="house">
                    
                        <h3>Get an insurance quote!</h3>
                        <h2>House insurance</h2>
                        
                        <p>Suspendisse potenti. Nullam pharetra sed felis non sodales. Nam eleifend, arcu sed imperdiet euismod, augue eros consequat tortor, ut convallis eros. Aenean a ipsum vel eros elementum efficitur.</p>
                        <button class="button button-navy-blue" data-action="show-quote-popup" data-quote-key="house-insurance">Get a quote <i class="fa fa-paper-plane-o"></i></button>
                    
                    </div>
                    
                    <div class="description" data-insurance-key="travel">
                    
                        <h3>Get an insurance quote!</h3>
                        <h2>Travel insurance</h2>
                        
                        <p>Etiam id ante est. Aenean pellentesque quam vel purus tincidunt tristique. Integer arcu nibh, tempus id ultricies ut, vulputate nec nunc. Etiam elit elit, commodo at interdum sed.</p>
                        <button class="button button-navy-blue" data-action="show-quote-popup" data-quote-key="travel-insurance">Get a quote <i class="fa fa-paper-plane-o"></i></button>
                    
                    </div>
                    
                    <div class="description" data-insurance-key="life">
                    
                        <h3>Get an insurance quote!</h3>
                        <h2>Life insurance</h2>
                        
                        <p>Quisque pharetra lorem quis libero ornare fringilla. Maecenas nisl justo, suscipit vel tortor at, varius auctor erat. Maecenas efficitur felis nec arcu volutpat lacinia.</p>
                        <button class="button button-navy-blue" data-action="show-quote-popup" data-quote-key="life-insurance">Get a quote <i class="fa fa-paper-plane-o"></i></button>
                    
                    </div>

                    <div class="description" data-insurance-key="car">
                    
                        <h3>Get an insurance quote!</h3>
                        <h2>Car insurance</h2>
                        
                        <p>Proin et posuere dolor, a finibus tellus. Phasellus suscipit gravida magna. Nam posuere nisi eu ex sodales, sit amet dictum turpis maximus. Maecenas sodales vehicula tellus, at imperdiet risus.</p>
                        <button class="button button-navy-blue" data-action="show-quote-popup" data-quote-key="car-insurance">Get a quote <i class="fa fa-paper-plane-o"></i></button>
                    
                    </div>

                </div>
                
                <ul class="tabs">
                
                    <li class="active" data-insurance-key="house">
                    
                        <i class="fa fa-home"></i>
                        <span>House insurance</span>
                    
                    </li>
                    
                    <li data-insurance-key="travel">
                    
                        <i class="fa fa-map-marker"></i>
                        <span>Travel insurance</span>
                    
                    </li>
                    
                    <li data-insurance-key="life">
                    
                        <i class="fa fa-life-ring"></i>
                        <span>Life insurance</span>
                    
                    </li>
                    
                    <li data-insurance-key="car">
                    
                        <i class="fa fa-car"></i>
                        <span>Car insurance</span>
                    
                    </li>

                </ul>
            
            </div>
            
            <div class="clear"></div>
        
        </div>
    
    </section>

 <!--   <section class="about-us">
    
        <div class="center">
        
            <div class="green-line">
            </div>
        
            <div class="left">
            
                <h3>About us</h3>
                <h2>Meet our insurance agency.</h2>
                
                <p>Curabitur iaculis ante a nibh vulputate sollicitudin. Integer ut tincidunt ligula. Praesent pretium, tellus at elementum ultrices.</p>

                <div class="timeline">
                
                    <div class="timeline-element">
                    
                        <span class="date">March, 2009</span>
                        <p>The establishment of our agency, with two professional insurance agents, in small office in Boston.</p>
                    
                    </div>
                    
                    <div class="timeline-element">
                    
                        <span class="date">December, 2011</span>
                        <p>Three new insurance agents in our team, 2.500 customers!</p>
                    
                    </div>
                    
                    <div class="timeline-element">
                    
                        <span class="date">February, 2014</span>
                        <p>Moving to a new office in Boston. More than 5.000 customers, great references and great view of the future!</p>
                    
                    </div>
                
                </div>

            </div>
        
            <div class="right">
            
                <div class="images-slider">
                
                    <div class="images-slider-change">
                    
                        <div class="images-slider-prev"><i class="fa fa-angle-left"></i></div>
                        <div class="images-slider-next"><i class="fa fa-angle-right"></i></div>
                    
                    </div>
                
                    <div class="images-slider-single" style="background-image: url( '_assets/_img/image.png' );">
                    </div>
                    
                    <div class="images-slider-single" style="background-image: url( '_assets/_img/image.png' );">
                    </div>
                
                </div>
                
            </div>
            
            <div class="clear"></div>
        
        </div>
    
    </section>
-->
    

    <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"><button class="button button-navy-blue" data-action="show-contact-popup">Contact us! <i class="fa fa-paper-plane-o"></i></button></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.html">Home</a></li>
                            <li><a href="surety-bond.html">Surety Bonds</a></li>
                            <li><a href="insurance.html">Insurances</a></li>
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                            <!--<li><a href="blog.html">Blog</a></li>-->
                        
                        </ul>
                    
                    </li>
                    
                </ul>
            
            </nav>
            
            <ul class="right">
            
                <li>Copyright &copy; 2015 <span class="divider">&middot;</span> <a href="index.html">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>