Footer documentation
<footer>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-4 footer-left text-left">
<div class="row">
<div class="col-md-6">
<h3>Menu</h3>
<ul class="ul-dots text-s">
<li><a href="#">Home</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Future projects</a></li>
<li><a href="#">Locations</a></li>
<li><a href="#">Team members</a></li>
<li><a href="#">Company</a></li>
</ul>
</div>
<div class="col-md-6">
<h3>Pages</h3>
<ul class="ul-dots text-s">
<li><a href="#">Support</a></li>
<li><a href="#">Terms of services</a></li>
<li><a href="#">RSS Feeds</a></li>
<li><a href="#">Partnerships</a></li>
<li><a href="#">RSS Feeds</a></li>
<li><a href="#">Latest news</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 footer-center text-left">
<h3>We are dreamers</h3>
<p class="text-s">
Create stunning websites with this awesome clean and modern template, ts and innovative designs concepts.
</p>
<hr class="space s">
<h3>We are the state of art</h3>
<p class="text-s">
Tinciduntus placerat scelerisque eui eu lacus nunc mi elitvehicula ut laoreet acaliquam sit amet justo nuncato.
</p>
</div>
<div class="col-md-4 footer-right text-left">
<img src="logo.png" alt="">
<hr class="space m">
<p class="text-s">Collins Street West 8007, San Fransico, United States.</p>
<div class="tag-row text-s">
<span>support@company.com</span>
<span>+02 3205550678</span>
</div>
<hr class="space m">
<div class="btn-group social-group btn-group-icons">
<a target="_blank" href="#" data-social="share-facebook">
<i class="fa fa-facebook text-xs circle"></i>
</a>
<a target="_blank" href="#" data-social="share-twitter">
<i class="fa fa-twitter text-xs circle"></i>
</a>
<a target="_blank" href="#" data-social="share-google">
<i class="fa fa-google-plus text-xs circle"></i>
</a>
<a target="_blank" href="#" data-social="share-linkedin">
<i class="fa fa-linkedin text-xs circle"></i>
</a>
</div>
</div>
</div>
</div>
<div class="row copy-row">
<div class="col-md-12 copy-text">
© 2018 HTWF - Modern Html Framework Handmade by <a href="http://schiocco.io/">schiocco.io</a>
</div>
</div>
</div>
<!-- SCRIPTS AND STYLES HERE -->
</footer>
| Name | Type | Description |
|---|---|---|
| Full width size | CSS class |
To set a full width horizontal menu add class wide-area to navbar object.
Example: <header><div class="navbar navbar-default over wide-area" role="navigation"> ... </div></header>.
|
| Background image | CSS class |
To set a bacgkround iamge to the footer add the class footer-bg bg-cover and and the style background-image:url('image.jpg')
Example: <footer class="footer-bg bg-cover" style="background-image:url('http://www.framework-y.com/images/thumb-large.png')">.
|
Lists and icons are part of list component. Complete documentation here