"Footer"
Bootstrap 4.0.0 Snippet by rsanket763

<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 ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container-fluid" id="bg3"> <footer class="container "> <div class="row foot"> <div id="foot1" class="col-md-3 col-sm-3"> <h3>Useful Links</h3> <h5 id="firstchild"> <span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>Contact Us</b></a></h5> <h5><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>About Us</b></a></h5> <h5><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>Terms & Conditions</b></a></h5> <h5><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>Private Policy</b></a></h5> </div> <div id="foot2" class="col-md-3 col-sm-3"> <h3>Customer Services</h3> <h5 id="firstchild"><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>Customer Support</b></a></h5> <h5> <span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>Cancel Booking</b></a></h5> <h5><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"> <b>Cancelltion policy</b></a></h5> <h5><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"><b> Register</b></a></h5> <h5 style="border-bottom:0px;"><span class="glyphicon glyphicon-chevron-right"></span><a href="#" class="text-muted"><b> Conatct Us</b></a></h5> </div> <div id="foot3" class="col-md-3 col-sm-3"> <h3>Address</h3> <h4 class="text-muted">123 ,Lorem Ipsum dummy Text<br>Freephone: 1 999 999 9999<br>Fax:1 999 999 9999<br>E-mail: xyz@domain.uk</h4> </div> <div id="foot4" class="col-md-3 col-sm-3"> <h3>Follow Us</h3><br> <ul class="social-network social-circle"> <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li> <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li> <li><a href="#" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li> <li><a href="#" class="icoTumblr" title="Tumblr"><i class="fa fa-tumblr"></i></a></li> </ul> </div> </div> </footer> </div> <section class="container-fluid" id="foot5"> <h4 class="text-center text-muted">Copyrights © 2018 alphacars.com</h4> </section>
@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"; @import "http://fonts.googleapis.com/css?family=Roboto:400,500"; #bg3{background-color:#353535;} #bg3 .foot{padding-top: 15px;} footer{background-color:#353535; color: white; padding-bottom:45px;} #foot1,#foot2,#foot3,#foot4 a{color:white;padding-left: 5px;} #foot5{background-color:black;} #foot1 a:hover{ text-decoration: none; color:#FFC831; } #foot2 a:hover{ text-decoration: none; color:#FFC831; } h5#firstchild{padding-top:15px;} #foot1,#foot2,#foot3,#foot4 h3{color:#FFC831;} #foot3 h4{padding-top: 15px;line-height: 1.4} ul.social-network { list-style: none; display: inline; margin-left:0 !important; padding: 0; } ul.social-network li { display: inline; margin: 0 5px; } .social-network a.icoRss { background-color: #F56505; color:#fff; } .social-network a.icoFacebook { background-color:#3B5998; color:#fff; } .social-network a.icoTwitter{ background-color:#33ccff; color:#fff; } .social-network a.icoTumblr { background-color:#007bb7; color:#fff; } .social-network a.icoLinkedin { background-color:#3B5998; color:#fff; } a.socialIcon:hover, .socialHoverClass { color:#44BCDD; } .social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 50px; height: 50px; font-size:20px; } .social-circle li i { margin:0; line-height:50px; text-align: center; }

Related: See More


Questions / Comments: