<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='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'> <div class="footer-section"> <div class="footer"> <div class="container"> <div class="col-md-3 footer-one"> <h5>About Us </h5> <p>have been serving India with its 8 branches and completed 5k+ students in last 7 years. We have a team of experienced and certified trainers who will help you from the start to end of a training lesson.</p> <div class="bigpixi-footer-social"> <ul> <li class="bigpixi-footer-social__list-item"> <a class="bigpixi-footer__icon-link" rel="nofollow" href="https://twitter.com/"> <img class="bigpixi-footer-social__icon" alt="Twitter" title="Twitter" src="http://simpleicons.org/icons/twitter.svg"> </a> </li> <li class="bigpixi-footer-social__list-item"> <a class="bigpixi-footer__icon-link" rel="nofollow" href="https://www.facebook.com/"> <img class="bigpixi-footer-social__icon" alt="Facebook" title="Facebook" src="http://simpleicons.org/icons/facebook.svg"> </a> </li> <li class="bigpixi-footer-social__list-item"> <a class="bigpixi-footer__icon-link" rel="nofollow" href="https://www.youtube.com/"> <img class="bigpixi-footer-social__icon" alt="YouTube" title="YouTube" src="http://simpleicons.org/icons/youtube.svg"> </a> </li> <li class="bigpixi-footer-social__list-item"> <a class="bigpixi-footer__icon-link" rel="nofollow" href="https://www.instagram.com/"> <img class="bigpixi-footer-social__icon" alt="Instagram" title="Instagram" src="http://simpleicons.org/icons/instagram.svg"> </a> </li> <li class="bigpixi-footer-social__list-item"> <a class="bigpixi-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/"> <img class="bigpixi-footer-social__icon" alt="Pinterest" title="Pinterest" src="http://simpleicons.org/icons/pinterest.svg"> </a> </li> </ul> </div> </div> <div class="col-md-3 footer-two"> <h5>Information </h5> <ul> <li><a href="maintenance.html">Maintenance Tips</a></li> <li><a href="contact.html">Locations</a></li> <li><a href="about.html">Testimonials</a></li> <li><a href="about.html">Careers</a></li> <li><a href="about.html">Partners</a></li> </ul> </div> <div class="col-md-3 footer-three"> <h5>Helpful Links </h5> <ul> <li><a href="maintenance.html">Maintenance Tips</a></li> <li><a href="contact.html">Locations</a></li> <li><a href="about.html">Testimonials</a></li> <li><a href="about.html">Careers</a></li> <li><a href="about.html">Partners</a></li> </ul> </div> <div class="col-md-3 footer-four"> <h5>Contact Us </h5> <p><strong>Location:</strong><br> 47 Destiny Common, South Jolieview<br> <strong>Office Hours:</strong><br> 8:00am – 5:00pm<br> <strong>Telephone:</strong><br> 826-696-8370<br> <strong>Email:</strong><br> scrate@yoursite.com</p> </div> <div class="clearfix"></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> </div>

body { font-family: 'Montserrat';font-size: 22px; } /******************* Footer CSS *********************/ .footer-top { position: relative; background-color: #2c3e50 ; color: #c5c5c5; padding: 75px 0 75px; border-top : 1px solid #696969; border-bottom : 1px solid #696969; } /* Footer */ .footer { position: relative; background-color: #284358; color: #bdbdbd; padding: 75px 0 40px; font-size:16px; } .footer p { line-height:26px; } .footer h5 { font-size: 22px; font-weight: 700; color: #fff; position: relative; padding-bottom: 16px; } .footer h5:after { content: ''; display: block; margin: 5px 0 0; width: 40%; height: 1px; background-color: #284358; } .footer ul { list-style: none; line-height: 36px; padding-left:0px; } .footer ul a { color:#b9b9b9; } .footer ul a:hover { color:#a0ce4e;; } /*footer bottom */ .footer-bottom { padding-top: 10px; padding-bottom: 25px; border-top: 1px solid #365770 ; background: #284358 ; } .copyright-text p { color: #b9b9b9; margin-top: 18px; margin-bottom: 0; font-size:15px; } .copyright-text a { color: #b9b9b9; margin: 0px 10px 0px 10px; } .copyright-text a:hover { color: #a0ce4e; } /*footer-social icon */ .bigpixi-footer-social { margin-left: auto; margin-top: 18px; } .bigpixi-footer-social__list-item { display: inline-block; margin-left: 10px; } .bigpixi-footer__icon-link { display: inline-block; -webkit-transition: 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); transition: 0.1s cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } .bigpixi-footer-social__icon { display: inline-block; height: 32px; width: 32px; padding:5px; border : 1px solid #696969; border-radius:4px; background:#696969; } .bigpixi-footer-social__icon:hover { display: inline-block; padding: 2px; transition : .75s; background: #383d49; }