"footer simple bs4"
Bootstrap 4.0.0 Snippet by awasthi

<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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous"> <section class="footers bg-light pt-5 pb-3"> <div class="container pt-5"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-4 footers-one"> <div class="footers-logo"> <img src="http://velikorodnov.com/html/autotrader/images/logo.png" alt="Logo" style="width:120px;"> </div> <div class="footers-info mt-3"> <p>Cras sociis natoque penatibus et magnis Lorem Ipsum tells about the compmany right now the best.</p> </div> <div class="social-icons"> <a href="https://www.facebook.com/"><i id="social-fb" class="fa fa-facebook-square fa-2x social"></i></a> <a href="https://twitter.com/"><i id="social-tw" class="fa fa-twitter-square fa-2x social"></i></a> <a href="https://plus.google.com/"><i id="social-gp" class="fa fa-google-plus-square fa-2x social"></i></a> <a href="mailto:bootsnipp@gmail.com"><i id="social-em" class="fa fa-envelope-square fa-2x social"></i></a> </div> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-two"> <h5>Essentials </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">Search</a></li> <li><a href="contact.html">Sell your Car</a></li> <li><a href="about.html">Advertise with us</a></li> <li><a href="about.html">Dealers Portal</a></li> <li><a href="about.html">Post Requirements</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-three"> <h5>Information </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">Register Now</a></li> <li><a href="contact.html">Advice</a></li> <li><a href="about.html">Videos</a></li> <li><a href="about.html">Blog</a></li> <li><a href="about.html">Services</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-four"> <h5>Explore </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">News</a></li> <li><a href="contact.html">Sitemap</a></li> <li><a href="about.html">Testimonials</a></li> <li><a href="about.html">Feedbacks</a></li> <li><a href="about.html">User Agreement</a></li> </ul> </div> <div class="col-xs-12 col-sm-6 col-md-2 footers-five"> <h5>Company </h5> <ul class="list-unstyled"> <li><a href="maintenance.html">Career</a></li> <li><a href="about.html">For Parters</a></li> <li><a href="about.html">Terms</a></li> <li><a href="about.html">Policy</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> </div> </div> </section> <section class="disclaimer bg-light border"> <div class="container"> <div class="row "> <div class="col-md-12 py-2"> <small> Disclaimer: Element Limited is only an intermediary offering its platform to facilitate the transactions between Seller and Customer/Buyer/User and is not and cannot be a party to or control in any manner any transactions between the Seller and the Customer/Buyer/User. All the offers and discounts on this Website have been extended by various Builder(s)/Developer(s) who have advertised their products. Element is only communicating the offers and not selling or rendering any of those products or services. It neither warrants nor is it making any representations with respect to offer(s) made on the site. Element Limited shall neither be responsible nor liable to mediate or resolve any disputes or disagreements between the Customer/Buyer/User and the Seller and both Seller and Customer/Buyer/User shall settle all such disputes without involving Element Limited in any manner. </small> </div> </div> </div> </section> <section class="copyright border"> <div class="container"> <div class="row text-center"> <div class="col-md-12 pt-3"> <p class="text-muted">© 2018 xyz Software Pvt. Ltd.</p> </div> </div> </div> </section>
.footers a {color:#696969;} .footers p {color:#696969;} .footers ul {line-height:30px;} #social-fb:hover { color: #3B5998; transition:all .001s; } #social-tw:hover { color: #4099FF; transition:all .001s; } #social-gp:hover { color: #d34836; transition:all .001s; } #social-em:hover { color: #f39c12; transition:all .001s; }

Related: See More


Questions / Comments: