"footer with image"
Bootstrap 3.0.0 Snippet by jeevan123456

<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-one"> <div class="foot-logo"> <img src="http://smarthead.ancorathemes.com/wp-content/uploads/2016/12/footer_logo.png"> </div> <p>Providing Life Changing Experiences Through Education. Class That Fit Your Busy Life. Closer to Home </p> <div class="social-icons"> <a href="https://www.facebook.com/"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a> <a href="https://twitter.com/"><i id="social-tw" class="fa fa-twitter-square fa-3x social"></i></a> <a href="https://plus.google.com/"><i id="social-gp" class="fa fa-google-plus-square fa-3x social"></i></a> <a href="mailto:bootsnipp@gmail.com"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a> </div> </div> <div class="col-md-2 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-2 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-4 footer-four"> <h5>Contact Us</h5> <img src="http://iacademy.mikado-themes.com/wp-content/uploads/2017/05/footer-img-1.png"> </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: #1e1d22 ; } .footer ul { list-style: none; line-height:35px; margin: 0px; color:#fff; } .footer a { color:# ; } .footer a:hover { color: #aece61 ; } /* Footer Logo */ .foot-logo { margin: 0px 0px 18px 0px; padding: 0; } /*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 ; } /* Social Icons */ .social-icons{ margin: 0; padding: 0; font-size : 10px; } .social { margin:7px 7px 7px 0px; color:#fff; } #social-fb:hover { color: #3B5998; transition:all .25s; } #social-tw:hover { color: #4099FF; transition:all .25s; } #social-gp:hover { color: #d34836; transition:all .25s; } #social-em:hover { color: #f39c12; transition:all .25s; } .footer-four > img { width:80%; }

Related: See More


Questions / Comments: