<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.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="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div class="footer-section"> <div class="footer"> <div class="container"> <div class="col-md-4 footer-four"> <h5>Contact Us</h5> <p>Feel free to reach us</p> <div class="foot-address"> <ul> <li><i class="fa fa-map-marker"></i>350 Avenue, India, Delhi 110001 </li> <li><i class="fa fa-envelope-o"></i>info@mailme.com </li> <li><i class="fa fa-phone"></i>+91-xxx-xxx-2040 </li> </ul> </div> </div> <div class="col-md-3 footer-two"> <h5>Quick Links</h5> <ul> <li><a href="#"> About Us</a> </li> <li><a href="#"> Our News</a> </li> <li><a href="#"> Our Services</a> </li> <li><a href="#"> Contact Us</a> </li> </ul> </div> <div class="col-md-3 footer-three"> <h5>Services</h5> <ul> <li><a href="#"> About Us</a> </li> <li><a href="#"> Our News</a> </li> <li><a href="#"> Our Services</a> </li> <li><a href="#"> Contact Us</a> </li> </ul> </div> <div class="col-md-2 footer-one"> <h5>Services</h5> <ul> <li><a href="#"> About Us</a> </li> <li><a href="#"> Our News</a> </li> <li><a href="#"> Our Services</a> </li> <li><a href="#"> Contact Us</a> </li> </ul> </div> <div class="clearfix"></div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-sm-6 "> <div class="copyright-text"> <p>CopyRight © 2017 Digital All Rights Reserved</p> </div> </div> <!-- End Col --> <div class="col-sm-6 "> <div class="copyright-text pull-right"> <p> <a href="#">Home</a> | <a href="#">Privacy</a> |<a href="#">Terms & Conditions</a> | <a href="#">Refund Policy</a> </p> </div> </div> <!-- End Col --> </div> </div> </div>

i { font-size : 12px; padding-right: 10px; color: #aece61; } /* Footer */ .footer { position: relative; background-color: #092746; color: #7d7975; padding: 95px 0 50px; font-size:16px; } .footer p { line-height:26px; color : #fff; } .footer h5 { font-size: 22px; font-weight: 700; color: #aece61 ; position: relative; padding-bottom: 16px; } .footer h5:after { content: ''; display: block; margin: 5px 0 0; width: 40%; height: 1px; background-color: # ; } .footer ul { list-style: none; line-height:35px; margin: 0px; color:#fff; } .footer a { color:# ; } .footer a:hover { color: #aece61 ; } /*footer bottom */ .footer-bottom { padding-top: 10px; padding-bottom: 25px; border-top: 1px solid #2f2f33 ; background: #1e1d22 ; } .copyright-text p { color: #7d7975; margin-top: 18px; margin-bottom: 0; font-size:15px; } .copyright-text a { color: #7d7975; margin: 0px 10px 0px 10px; } .copyright-text a:hover { color: #aece61 ; }