Bringer Documentation | Footer and Socials

The footer is another element that is the same for all pages. It holds your copyright information and may contain a widget area with additional information, menus, and links to your social media networks.

Let's take a look at the basic code markup for the footer:

    ...
    footer
        Footer Widgets Area (Optional)
        div
            div
                ...
            /div
        /div
        Footer Coryright Line
        div
            div
                Copyright © 2024. All Rights Reserved.
            /div
        /div
    /footer
    ...

Footer Widgets

You can put whatever code into the div inside the div. In our template, we use the following four-column structure:

You can find more details about rows and columns in the Grid System chapter.

Socials Links

The socials list is a ul tag, where you can specify child items with links to your social media networks. Let's take a look at the code example:

    ...
    Socials List
    ul
        li
            a
                i/i
            /a
        /li
        li
            a
                i/i
            /a
        /li
        li
            a
                i/i
            /a
        /li
        li
            a
                i/i
            /a
        /li
        li
            a
                i/i
            /a
        /li
    /ul
    ...

For the link, you can use the following classes for different social networks:

bringer-socials-500px
bringer-socials-behance
bringer-socials-dribble
bringer-socials-facebook
bringer-socials-flickr

bringer-socials-instagram
bringer-socials-linkedin
bringer-socials-patreon
bringer-socials-pinterest
bringer-socials-tiktok

bringer-socials-tumblr
bringer-socials-vimeo
bringer-socials-x
bringer-socials-xing
bringer-socials-youtube

You can also use the Socials list for the Contact Information element or any other content place, not only the footer area.