Footer base

Footer documentation

Variants

Base Parallax Minimal

Usage

<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>

Main settings

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

Lists and icons are part of list component. Complete documentation here