"edu - #192041 #a22531"
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"> <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'> <div class="cta-sektion cta-padding35"> <div class="container"> <div class="row"> <div class="col-md-9 col-sm-9 col-xs-12"> <h3><i class="fa fa-home"></i> <b>Homes for sale?</b> Explore properties like a pro.</h3> </div> <div class="col-md-3 col-sm-3 col-xs-12 Tpadding10"> <button type="button" class="btn btn-default site-btn">Start Right Now</button> </div> </div> </div> </div> <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="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-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: #192041 ; color: #c5c5c5; padding: 75px 0 75px; border-top : 1px solid #696969; border-bottom : 1px solid #696969; } /* Footer */ .footer { position: relative; background-color: #192041 ; 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: #; } .footer ul { list-style: none; line-height: 36px; padding-left:0px; } .footer ul a { color:#b9b9b9; } .footer ul a:hover { color:#a22531;; } /*footer bottom */ .footer-bottom { padding-top: 10px; padding-bottom: 25px; border-top: 1px solid #a22531 ; background: #192041 ; } .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: #a22531 ; } /* 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; } .site-btn { font-size: 14px; padding: 13px 30px; border-radius: 5px; min-width: 200px; display: inline-block; text-align: center; position: relative; z-index: 1; color: #fff; background-color:#a22531; transition: all .25s ease-in-out; } /******************* Padding-Margin *********************/ .cta-padding35 { padding: 35px 0 40px; background-color: #192041 ; color:#fff; border-bottom:1px solid #a22531; } .Tpadding10 { padding-top: 10px; color:#fff; }
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

Related: See More


Questions / Comments: