Documentations: Khaki HTML

Footer

There are couple of different predefined footers. See all in Layouts Overview page.

HTML Example:

<!-- START: Footer

    Additional Classes:
        .nk-footer-parallax
        .nk-footer-parallax-opacity
-->
<footer class="nk-footer nk-footer-parallax nk-footer-parallax-opacity">
    
    <div class="bg-image">
        <div style="background-image: url('assets/images/bg-footer.jpg')"></div>
    </div>
    

    <div>
        <div class="nk-gap-5"></div>
        <div class="nk-footer-logo">
            <a href="#">
                <img src="assets/images/logo-3.png" alt="" width="70">
            </a>
        </div>

        <div class="nk-gap-3"></div>

        <div class="nk-footer-social">
            <a href="#"><i class="ion-social-twitter"></i></a>
            <a href="#"><i class="ion-social-instagram-outline"></i></a>
            <a href="#"><i class="ion-social-dribbble-outline"></i></a>
            <a href="#"><i class="ion-social-pinterest"></i></a>
        </div>
        <div class="nk-gap-5"></div>
    </div>

    <div class="nk-copyright">
        <div class="container text-xs-center">
            <a href="http://nkdev.info" target="_blank">nK</a> © 2016. All rights reserved
        </div>
    </div>
</footer>
<!-- END: Footer -->

Additional classes:

  • .nk-footer-parallax – parallax for background image;
  • .nk-footer-parallax-opacity – opacity parallax for content;
Was this page helpful?