Footer

The footer can be useful to show external links, sending to partners' websites for example, or legal links.

File to include

@import "components/footer";

Without separator

Demo here

<footer class="footer">
    <a href="#" class="logo">
        <img src="/assets/images/logo-fajny-css.svg" alt="Logo">
    </a>

    <div class="links">
        <a href="#">Link</a>
    </div>
</footer>

With separator

Demo here

<footer class="footer" data-separator>
    <a href="#" class="logo">
        <img src="/assets/images/logo-fajny-css.svg" alt="Logo">
    </a>

    <div class="links">
        <a href="#">Link</a>
    </div>
</footer>

Attributes

Name	Example value	Possible values	Default	Required
data-separator	-	-	None	No