<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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 navbar-expand-sm bg-danger navbar-light border fixed-top"> <div class="container"> <!-- Brand --> <a class="navbar-brand" href="index.html"> <img src="http://sarto.edge-themes.com/wp-content/uploads/2018/04/landing-img-18.png" alt="Logo" style="width:70px;"> </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"> <a class="nav-link" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="about-us.html">About Us</a> </li> <li class="nav-item"> <a class="nav-link" href="categories.html">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="license.html">Faq</a> </li> <li class="nav-item"> <a class="nav-link" href="contact-us.html">Contact</a> </li> <button type="button" class="btn btn-light"data-toggle="modal" data-target="#toploginModal"><i class="fa fa-cart-plus"></i> Order</button> <a href="submit-site.html"><button type="button" class="btn btn-danger"><i class="fa fa-plus"></i> Pick Up service</button></a> </ul> </div> </div> </nav> <div class="mt-5"></div> <section class="py-5 bg-light"> <div class="container my-5"> <div class="row"> <div class="col-md-6"> <h2 class="pb-3">A Fresh Approach To Make A Great Item</h2> <P>Everything we do is designed, whether we're producing a magazine, a website, or bridge. Design is really the creative invention that designs everything. A designer knows he has achieve perfection not when there is nothing left to add.</P> <button type="btn" class="btn btn-danger ">Our Portfolio</button> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-6"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">We Research</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-6"> <img src="http://xerotheme.com/dezex/assets/img/item-right-2.png"> <h2 class="pt-3">Our Goals</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> </div> <div class="row"> <div class="col-md-6"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">Plan</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-6"> <img src="http://xerotheme.com/dezex/assets/img/item-right-2.png"> <h2 class="pt-3">Results</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> </div> </div> </div> </div> </section> <section class="py-5 bg-warning"> <div class="container my-5 text-center"> <div class="row mb-3"> <div class="col-md-12"> <h4>Our Services</h4> <h2>Our Exclusive Services</h2> <p>Design must be functional, and functionality must be translated into visual aesthetics without any reliance on gimmicks have.</p> </div> </div> <div class="row"> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">We Research</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-2.png"> <h2 class="pt-3">Our Goals</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-3"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">Plan</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> </div> <div class="row"> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">Plan</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-2.png"> <h2 class="pt-3">Results</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-2.png"> <h2 class="pt-3">Our Goals</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> </div> </div> </section> <section class="py-5 bg-success"> <div class="container my-5 text-center"> <div class="row mb-3"> <div class="col-md-12"> <h4>Our Services</h4> <h2>Our Exclusive Services</h2> <p>Design must be functional, and functionality must be translated into visual aesthetics without any reliance on gimmicks have.</p> </div> </div> <div class="row"> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">We Research</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/item-right-2.png"> <h2 class="pt-3">Our Goals</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-3"> <img src="http://xerotheme.com/dezex/assets/img/item-right-1.png"> <h2 class="pt-3">Plan</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> </div> <div class="row"> <div class="col-md-12"> <button type="btn" class="btn btn-danger ">Our Portfolio</button> </div> </div> </div> </section> <section class="py-5 bg-white"> <div class="container my-5"> <div class="row"> <div class="col-md-6"> <h2 class="pb-3">A Fresh Approach To Make A Great Item</h2> <P>Everything we do is designed, whether we're producing a magazine, a website, or bridge. Design is really the creative invention that designs everything. A designer knows he has achieve perfection not when there is nothing left to add.</P> <button type="btn" class="btn btn-danger ">Our Portfolio</button> </div> <div class="col-md-6"> <img src="http://xerotheme.com/dezex/assets/img/cta-img.png"> </div> </div> </div> </section> <section class="py-5 bg-danger"> <div class="container my-5 text-center"> <div class="row mb-3"> <div class="col-md-12"> <h4>Our Services</h4> <h2>Our Exclusive Services</h2> <p>Design must be functional, and functionality must be translated into visual aesthetics without any reliance on gimmicks have.</p> </div> </div> <div class="row"> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/slide-img-1.png"> <h2 class="pt-3">Matthew Thomson</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/slide-img-2.png"> <h2 class="pt-3">Matthew Thomson</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> <div class="col-md-4"> <img src="http://xerotheme.com/dezex/assets/img/slide-img-3.png"> <h2 class="pt-3">Matthew Thomson</h2> <p>Gold and silver, like other commodities have an intrinsic value, which is not.</p> </div> </div> <div class="row"> <div class="col-md-12"> <button type="btn" class="btn btn-danger ">Our Portfolio</button> </div> </div> </div> </section> <section class="py-5 bg-white"> <div class="container my-5"> <div class="row"> <div class="col-md-6"> <h2 class="pb-3">A Fresh Approach To Make A Great Item</h2> <P>Everything we do is designed, whether we're producing a magazine, a website, or bridge. Design is really the creative invention that designs everything. A designer knows he has achieve perfection not when there is nothing left to add.</P> <button type="btn" class="btn btn-danger ">Our Portfolio</button> </div> <div class="col-md-6"> <img src="http://xerotheme.com/dezex/assets/img/cta-img.png"> </div> </div> </div> </section> <section class="footer py-5 bg-dark text-white border" id="footer"> <div class="container py-3"> <div class="row"> <div class="col-md-3 col-sm-6 col-xs-12 "> <img class="mb-4" src="http://velikorodnov.com/html/autotrader/images/logo.png" alt="Logo" style="width:120px;"> <p class="">86 Petersham town, New South wales Waedll Steet, Australia PA 6550</p> <ul class="list-unstyled"> <li>+61 525 240 310</li> <li>iamosahan@gmail.com</li> <li>www.askbootstrap.com</li> </ul> </div> <div class="col-md-9 col-sm-6 col-xs-12 "> <div class="row"> <div class="col-md-3"> <h6 class="pb-2">OUR PROPERTIES </h6> <ul class="list-unstyled"> <a href="#"><li> Single Story</li></a> <a href="#"><li> Double Story</li></a> <a href="#"><li> Triple Story</li></a> <a href="#"><li> Resort </li></a> <a href="#"><li> Homes in Hawai</li></a> <a href="#"><li> Palace</li></a> </ul> </div> <div class="col-md-3"> <h6 class="pb-2">QUICK LINKS </h6> <ul class="list-unstyled"> <a href="#"><li> Single Story</li></a> <a href="#"><li> Double Story</li></a> <a href="#"><li> Triple Story</li></a> <a href="#"><li> Resort </li></a> <a href="#"><li> Homes in Hawai</li></a> <a href="#"><li> Palace</li></a> </ul> </div> <div class="col-md-3"> <h6 class="pb-2">ABOUT OP </h6> <ul class="list-unstyled"> <a href="#"><li> Single Story</li></a> <a href="#"><li> Double Story</li></a> <a href="#"><li> Triple Story</li></a> <a href="#"><li> Resort </li></a> <a href="#"><li> Homes in Hawai</li></a> <a href="#"><li> Palace</li></a> </ul> </div> <div class="col-md-3"> <h6 class="pb-2">NEWSLETTER </h6> <small> Get the most recent updates from our site and be updated your self...GET IN TOUCH</small> <div class="social-icons pt-3"> <ul class="list-inline list-unstyled"> <a href="#"><li class="list-inline-item"><i class="fa fa-facebook-square fa-2x text-primary"></i></li> </a> <a href="#"><li class="list-inline-item"><i class="fa fa-twitter-square fa-2x text-info"></i></li> </a> <a href="#"><li class="list-inline-item"><i class="fa fa-youtube-play fa-2x text-danger"></i></i></li> </a> <a href="#"><li class="list-inline-item"><i class="fa fa-google-plus-square fa-2x text-danger"></i></li> </a> </ul> </div> </div> </div> </div> </div> </div> </section> <div class="copyright bg-light border pt-2"> <div class="container"> <div class="row justify-content-md-center"> <p> © 2018 xyz Software Pvt. Ltd. </p> </div> </div> </div>

img {100%}