Preview

Parallax

Usage

<footer>
    <div class="container">
         
    </div>
    <div class="footer-bar">
        <div class="container">
          
        </div>
    </div>
    <!-- Include your scripts and styles here -->
</footer>

Main settings

Name Type Description
Parallax CSS Add the class footer-parallax to the footer to convert it to parallax mode. Parallax is disabled on mobile devices.
Full width CSS Add the class footer-wide to the footer to set it to full width size.
Try it Full width
Light color CSS Add the class light to the component to convert all colors to white. Use this feature for dark backgrounds.
Alignment CSS Add one of the following classes to the component to align it: align-center,align-left,align-right.
Try it Align center Align right
Layout Information Use the grid system to set the footer's columns you want. For more details visit the css page.
Contents Information The footer accept any content. The most common contents are inner menus, social icons, newsletter form, text lists.
Code location Information For information about the code location of this component visit the start here page.