"footer"
Bootstrap 3.0.0 Snippet by scorpsoft

<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 ----------> <footer id="footer-Section"> <div class="footer-top-layout"> <div class="container"> <div class="row"> <div class="OurBlog"> <h4>Our Blog</h4> <p>BCM wins mandate for Avendus Wealth Management portal revamp</p> <div class="post-blog-date">20th Oct 2016</div> </div> <div class=" col-lg-8 col-lg-offset-2"> <div class="col-sm-4"> <div class="footer-col-item"> <h4>Go Travel Cloud</h4> <address> 501,507 your company address<br> 400015 Maharashtra, UK </address> </div> </div> <div class="col-sm-4"> <div class="footer-col-item"> <h4>Reach Us</h4> <div class="item-contact"> <a href="tel:630-885-9200"><span class="link-id">P</span>:<span>630-885-9200</span></a> <a href="tel:630-839.2006"><span class="link-id">F</span>:<span>630-839.2006</span></a> <a href="mailto:info@brandcatmedia.com"><span class="link-id">E</span>:<span>info@brandcatmedia.com</span></a> </div> </div> </div> <div class="col-sm-4"> <div class="footer-col-item"> <h4>Sign up for Newsletter</h4> <form class="signUpNewsletter" action="" method="get"> <input name="" class="gt-email form-control" placeholder="You@youremail.com" type="text"> <input name="" class="btn-go" value="Go" type="button"> </form> </div> </div> </div> </div> </div> </div> <div class="footer-bottom-layout"> <div class="socialMedia-footer"> <a href="#"><img src="img/socialMedia_01.png"></a> <a href="#"><img src="img/socialMedia_02.png"></a> <a href="#"><img src="img/socialMedia_03.png"></a> <a href="#"><img src="img/socialMedia_04.png"></a> <a href="#"><img src="img/socialMedia_05.png"></a> </div> <div class="copyright-tag">Copyright © 2017 company name. All Rights Reserved.</div> </div> </footer>
.footer-top-layout { background: #1c1c1c none repeat scroll 0 0; color: #ffffff; padding: 40px 0; } .OurBlog { margin-bottom: 32px; text-align: center; } .footer-top-layout h4 { color: #ffffff; font-size: 18px; margin-bottom: 21px; } .OurBlog > p { color: #888888; } .post-blog-date::after { background: #ffffff none repeat scroll 0 0; bottom: 0; content: ""; height: 4px; left: 0; margin: auto; position: absolute; right: 0; width: 50px; } .post-blog-date { padding-bottom: 25px; position: relative; } body { color: #666666; font-family: "Open Sans",sans-serif; line-height: 24px; } .footer-top-layout [class*="col-sm-"]:first-child { padding: 0; } .footer-top-layout [class*="col-sm-"] { border-right: 2px solid #333333; padding: 0 0 0 28px; } .footer-top-layout { color: #ffffff; } .footer-col-item { min-height: 140px; } address { color: #545454; } .footer-top-layout [class*="col-sm-"]:last-child { border-right: medium none; } .footer-top-layout { color: #ffffff; } body { color: #666666; font-family: "Open Sans",sans-serif; } .footer-top-layout h4 { color: #ffffff; font-size: 18px; margin-bottom: 21px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #333333; font-family: "Roboto",sans-serif; font-weight: 500; line-height: 1.1; margin-top: 0; } body { color: #666666; font-family: "Open Sans",sans-serif; line-height: 24px; } .footer-col-item .item-contact a { color: #545454; display: inline-block; margin-bottom: 7px; width: 100%; } .footer-col-item .item-contact a .link-id { color: #ffffff; margin-left: 0; margin-right: 6px; } .footer-col-item span { margin-left: 7px; } .footer-col-item .item-contact a { color: #545454; } .footer-top-layout h4 { color: #ffffff; font-size: 18px; margin-bottom: 21px; } .signUpNewsletter { position: relative; } .signUpNewsletter .gt-email { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #666666; border-radius: 0; color: #ffffff; height: 52px; } .signUpNewsletter .btn-go { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: #666666; border-style: solid; border-width: 0 0 0 1px; bottom: 0; color: #ffffff; font-size: 16px; position: absolute; right: 0; text-transform: uppercase; top: 0; width: 52px; } .footer-bottom-layout { background: #222222 none repeat scroll 0 0; padding: 20px 0; text-align: center; } body { color: #666666; font-family: "Open Sans",sans-serif; line-height: 24px; } .socialMedia-footer { margin-bottom: 20px; } .socialMedia-footer > a { display: inline-block; margin: 0 8px; } .footer-bottom-layout { text-align: center; }

Related: See More


Questions / Comments: