HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<footer class="ct-footer"> <section class="ct-preFooter"> <div class="container"> <div class="row ct-row"> <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 text-left"><a href="index-multipager.html"><img src="../assets/images/demo-content/booze/logo-footer.png" alt="Image"></a></div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ct-contactBox"> <h6 class="ct-headerBottom">Contact us</h6> <ul class="list-unstyled ct-contactList"> <li>Adress:<br/> 600 Gtrand St. New York, NY, 11211<i data-icon-size="22" data-left="0" class="fa fa-map-marker ct-js-iconSize ct-js-position"></i></li> <li>Phone:<br/>Tel:<a href="tel:070088087"> 0049 - 123 456 789 - 0</a><i data-icon-size="20" data-left="-2" class="fa fa-phone ct-js-iconSize ct-js-position"></i></li> <li>Web:<br/><a href="http://booze.html.themeforest.createit.pl/">www.booze.com<br/></a><a href="mailto:hello@booze.com">hello@booze.com</a><i data-icon-size="16" data-left="-2" class="fa fa-envelope ct-js-iconSize ct-js-position"></i></li> </ul> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 ct-twitterBox"> <h6 class="ct-headerBottom">Latest Tweets</h6> <div class="ct-js-twitter ct-tweet"></div> </div> <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 ct-followBox"> <h6 class="ct-headerBottom">Follow us</h6> <ul class="list-unstyled"> <li><a href="https://www.facebook.com/createITpl">Facebook</a><i data-left="4" data-top="5" data-icon-size="23" class="fa fa-facebook ct-js-position ct-js-iconSize"></i></li> <li><a href="https://twitter.com/createitpl">Twitter</a><i data-left="0" data-top="5" data-icon-size="27" class="fa fa-twitter ct-js-position ct-js-iconSize"></i></li> <li><a href="#">Instagram</a><i data-left="0" data-top="5" data-icon-size="27" class="fa fa-instagram ct-js-position ct-js-iconSize"></i></li> </ul> </div> </div> </div><a href="#" class="ct-js-btnScrollUp is-active"><span><i class="fa fa-angle-up"></i></span></a> </section> <section class="ct-postFooter"> <div class="container ct-containerFix"> <div class="row"> <div class="ct-u-displayTableVertical"> <div class="ct-u-displayTableCell ct-footerCol1"> <p class="ct-copyright">Copyright © 2016 BOOZE</p> </div> <div class="ct-u-displayTableCell ct-footerCol2 text-right"> <ul class="ct-map-links list-inline list-unstyled text-uppercase"> <li><a href="index-multipager.html" class="ct-js-btnScroll"><span data-hover="home">home</span></a></li> <li><a href="menus.html" class="ct-js-btnScroll"><span data-hover="menus">menus</span></a></li> <li><a href="blog.html" class="ct-js-btnScroll"><span data-hover="blog">blog</span></a></li> <li><a href="events.html" class="ct-js-btnScroll"><span data-hover="events">events</span></a></li> <li><a href="masterclass.html" class="ct-js-btnScroll"><span data-hover="masterclass">masterclass</span></a></li> <li><a href="gallery.html" class="ct-js-btnScroll"><span data-hover="gallery">gallery</span></a></li> <li><a href="contact.html" class="ct-js-btnScroll"><span data-hover="contact">contact</span></a></li> </ul> </div> <div class="ct-u-displayTableCell ct-footerCol3 text-right"> <p class="ct-authorPage"><span>Design by<a href="http://www.createit.pl/"> CreateIT</a></span></p> </div> </div> </div> </div> </section> </footer> |
Screenshot
Footer example