You can easily use one of two predefined footer’s types.
Footer
footer
HTML markup:
|
1 2 3 4 5 6 7 8 9 |
<footer class="ct-footer ct-u-paddingTop30"> <ul class="ct-socials ct-socials--type3 ct-u-paddingBoth20"> <li><a href="https://twitter.com/createitpl"><i class="fa fa-twitter-square"></i></a></li> <li><a href="https://www.facebook.com/createITpl"><i class="fa fa-facebook-square"></i></a></li> <li><a href="#"><i class="fa fa-vimeo-square"></i></a></li> <li><a href="#"><i class="fa fa-youtube"></i></a></li> </ul> <p class="ct-u-colorDarkerGray text-center ct-u-paddingBottom30">COPYRIGHT © <a class="ct-u-colorDarkerGray" href="http://outsourcing.createit.pl/">createIT</a> 2014</p> </footer> |
Large Footer
large-footer
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 55 56 57 58 59 60 61 62 63 64 65 |
<footer class="ct-footer"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-12"> <div class="ct-footer-about"> <img src="../assets/images/demo-content/logo2.png" alt=""> <p class="ct-u-hr ct-u-hr--left">A small river named Duden flows by their place and supplies it with the necessary regelialia. Their place and supplies it with the. Duden flows by their place and supplies it with the necessary regelialia. Their place and supplies it.</p> <ul class="list-unstyled ct-list ct-list--big"> <li><i class="fa fa-map-marker"></i><span>No.200 Joseph Road, Canada</span></li> <li><i class="fa fa-mobile"></i><span>+44 (0) 800 765 4321</span></li> <li><a href="#"><i class="fa fa-envelope-o"></i><span>info@Rainbow Dash.com</span></a></li> </ul> </div> </div> <div class="col-md-4 col-sm-6"> <div class="ct-footer-lists"> <h4><small>About this theme</small></h4> <ul class="list-unstyled ct-list ct-u-hr ct-u-hr--left"> <li><a href="#">Company Analysis</a></li> <li><a href="#">Strategy Planning</a></li> <li><a href="#">Brand Creation</a></li> <li><a href="#">Video Production</a></li> </ul> <h4><small>Shortcode Options</small></h4> <ul class="list-unstyled ct-list"> <li><a href="#">Company Analysis</a></li> <li><a href="#">Strategy Planning</a></li> <li><a href="#">Brand Creation</a></li> <li><a href="#">Video Production</a></li> </ul> </div> </div> <div class="col-md-4 col-sm-6"> <div class="ct-footer-contact"> <h4><small>Contact Us</small></h4> <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p> <div class="form-group ct-input--type2"> <input id="contact_name" required="" type="email" class="form-control"> <label for="contact_name"><span>Name</span></label> </div> <div class="form-group ct-input--type2"> <input id="contact_email" required="" type="email" class="form-control"> <label for="contact_email"><span>Email</span></label> </div> <div class="form-group ct-input--type2"> <textarea id="contact_message" required="" rows="4" class="form-control"></textarea> <label for="contact_message"><span>Message</span></label> </div> <div class="clearfix visible"></div> <a href="#" class="btn btn-default"><span>Send</span></a> <div class="clearfix"></div> </div> </div> </div> </div> <div class="ct-footer-copyright"> COPYRIGHT © <a href="http://outsourcing.createit.pl/">createIT</a> 2014 </div> </footer> |