<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar border navbar-expand-sm fixed-top bg-primary navbar-dark "> <div class="container"> <!-- Brand --> <a class="navbar-brand" href="#"> <img src="#" alt="Secure-Assurance.com" style="width:120px;"> </a> <!-- Toggler/collapsibe Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <!-- Navbar links --> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#banner">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#aboutus">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="#services">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="#team">Team</a> </li> <li class="nav-item"> <a class="nav-link" href="#contactus">ContactUs</a> </li> </ul> </div> </div> </nav> <div class="pt-5"></div> <section class="banner bg-primary text-white py-5" id="banner"> <div class="container py-5"> <div class="row"> <div class="col-md-8"> <div class="pt-5"></div> <h3>DOWNLOAD OUR APPS</h3> <h3>AND GET NOTIFICATION FOR NEW INSURANCE</h3> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur apiscing elit, sed do eiusmod tempor incididunt ut labore et lorna aliquatd minimam</p> <button type="button"class="btn btn-warning">REGISTER NOW</button> </div> <div class="col-md-4"> <img src="https://images.pexels.com/photos/787472/pexels-photo-787472.jpeg?auto=compress&cs=tinysrgb&h=350"> </div> </div> </div> </section> <section class="aboutus py-5 " id="aboutus"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="row"> <div class="col-md-12"> <h3 class="text-primary">WELCOME TO SECURE-ASSURANCE</h3> <h4>WE ALWAYS PROVIDE PRORITY TO OUR CUSTOMER</h4> <p>SECURE-ASSURANCE is the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et lorna aliquatd minimam, quis nostrud exercitation oris nisi ut aliquip ex ea commodo equat. eiusmod tempor dolor sit amet, conse ctetur adipiscing elit</p> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Low Cost</h5> <p>Low cost provides yur best for elit, sed do eiusmod tempe</p> </div> <div class="col-md-6"> <h5>Good Marketing </h5> <p>Low cost provides yur best for elit, sed do eiusmod tempe</p> </div> </div> <div class="row"> <div class="col-md-6"> <h5>Easy to Find </h5> <p>Low cost provides yur best for elit, sed do eiusmod tempe</p> </div> <div class="col-md-6"> <h5>Reliable </h5> <p>Low cost provides yur best for elit, sed do eiusmod tempe</p> </div> </div> </div> <div class="col-md-6"> <img src="https://images.pexels.com/photos/720815/pexels-photo-720815.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"> </div> </div> </div> </section> <section class="cta bg-primary text-white py-4" id="cta"> <div class="container"> <div class="row"> <div class="col-md-8"> <div class="pt-5"></div> <h3>DOWNLOAD OUR APPS</h3> <h3>AND GET NOTIFICATION FOR NEW Insurance</h3> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur apiscing elit, sed do eiusmod tempor incididunt ut labore et lorna aliquatd minimam</p> <button type="button"class="btn btn-warning">REGISTER NOW</button> </div> <div class="col-md-4"> <img src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/common/download-caption.png"> </div> </div> </div> </section> <section class="services py-5" id="services"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <h3 class="text-primary">OUR SERVICES</h3> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et lorna aliquatd minimam, quis nostrud exercitation.</p> </div> </div> <div class="row mt-4"> <div class="col-md-4"> <img src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/service/1.png"> <h4 class="py-2">Buy Insurance</h4> <p>SECURE-ASSURANCE the best theme for elit, sed do eiumod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut </p> </div> <div class="col-md-4"> <img src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/service/2.png"> <h4 class="py-2">Rent Insurance</h4> <p>SECURE-ASSURANCE the best theme for elit, sed do eiumod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut </p> </div> <div class="col-md-4"> <img src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/service/3.png"> <h4 class="py-2">Sale Insurance</h4> <p>SECURE-ASSURANCE the best theme for elit, sed do eiumod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut </p> </div> </div> </div> </section> <section class="counter bg-primary text-white py-5" id="counter"> <div class="container"> <div class="row"> <div class="col-md-3"> <h1 class="text-warning">999</h1> <p>Complete Project</p> </div> <div class="col-md-3"> <h1 class="text-warning">999</h1> <p>Insurance Sold</p> </div> <div class="col-md-3"> <h1 class="text-warning">450</h1> <p>Happy Clients</p> </div> <div class="col-md-3"> <h1 class="text-warning">120</h1> <p>Awards Win</p> </div> </div> </div> </section> <section class="service py-5" id="service"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <h3 class="text-primary">OUR SERVICES</h3> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et lorna aliquatd minimam, quis nostrud exercitation.</p> </div> </div> <div class="row pt-4"> <div class="col-md-4"> <div class="card"> <img class="card-img-top" src="https://images.pexels.com/photos/116675/pexels-photo-116675.jpeg?auto=compress&cs=tinysrgb&h=350" alt=" "> <div class="card-body"> <h6>New Duplex Villa design with Latest Altra Concept</h6> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eismod tempor incididunt </p> <button type="button" class="btn btn-link">Find out more</button> </div> </div> </div> <div class="col-md-4"> <div class="card"> <img class="card-img-top" src="https://images.pexels.com/photos/1028742/pexels-photo-1028742.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" alt=" "> <div class="card-body"> <h6>New Duplex Villa design with Latest Altra Concept</h6> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eismod tempor incididunt </p> <button type="button" class="btn btn-link">Find out more</button> </div> </div> </div> <div class="col-md-4"> <div class="card"> <img class="card-img-top" src="https://images.pexels.com/photos/2394/lights-clouds-dark-car.jpg?auto=compress&cs=tinysrgb&h=350" alt=" "> <div class="card-body"> <h6>New Duplex Villa design with Latest Altra Concept</h6> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eismod tempor incididunt </p> <button type="button" class="btn btn-link">Find out more</button> </div> </div> </div> </div> </div> </section> <section class="team bg-light py-5" id="team"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <h3 class="text-primary">HERE IS OUR AGENTS</h3> <p>SECURE-ASSURANCE the best theme for elit, sed do eiusmod tempor dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et lorna aliquatd minimam, quis nostrud exercitation.</p> </div> </div> <div class="row pt-4"> <div class="col-md-3 text-center"> <div class="card"> <img class="card-img-top" src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/team/1.jpg" alt=" "> <div class="card-body"> <strong>Insurance Agent </strong> </div> </div> </div> <div class="col-md-3 text-center"> <div class="card"> <img class="card-img-top" src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/team/2.jpg" alt=" "> <div class="card-body"> <strong>Insurance Agent </strong> </div> </div> </div> <div class="col-md-3 text-center"> <div class="card"> <img class="card-img-top" src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/team/3.jpg" alt=" "> <div class="card-body"> <strong>Insurance Agent </strong> </div> </div> </div> <div class="col-md-3 text-center"> <div class="card"> <img class="card-img-top" src="https://devitems.com/html/SECURE-ASSURANCE-preview/SECURE-ASSURANCE/img/team/4.jpg" alt=" "> <div class="card-body"> <strong>Insurance Agent </strong> </div> </div> </div> </div> </div> </section> <section class="contactus bg-primary text-white py-5" id="contactus"> <div class="container"> <div class="row"> <div class="col-md-6 offset-md-3"> <div class="row"> <div class="col-md-12"> <h4>Fill in the form below to get in touch with us</h4> </div> </div> <hr> <div class="row"> <div class="col-md-12"> <form> <div class="form-group row"> <label for="Name" class="col-4 col-form-label">Name</label> <div class="col-8"> <input id="Name" name="Name" class="form-control here" required="required" type="text"> </div> </div> <div class="form-group row"> <label class="col-4 col-form-label" for="email">Email</label> <div class="col-8"> <input id="email" name="email" class="form-control here" required="required" type="text"> </div> </div> <div class="form-group row"> <div class="offset-4 col-8"> <button name="submit" type="submit" class="btn btn-warning">Submit</button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <section class="copyright border pt-3 bg-primary text-white" id="copyright"> <div class="container"> <div class="row"> <div class="col-md-6"> <small> Copyright 2017 Secure-Assurance.com. All rights reserved.</small> </div> <div class="col-md-6 "> <ul class="list-unstyled list-inline float-right"> <li class="list-inline-item">Home</li> <li class="list-inline-item">|</li> <li class="list-inline-item">About Us</li> <li class="list-inline-item">|</li> <li class="list-inline-item">Services</li> <li class="list-inline-item">|</li> <li class="list-inline-item">Team </li> <li class="list-inline-item">|</li> <li class="list-inline-item">Contact Us</li> </ul> </div> </div> </div> </section>