1

Type
3 column
Tags
navigation
graphics
address

Preview

Implementation

Brief

3-column footer with navigation menu in the left flank, center piece with SVG graphics and captions as well as address support in the rightmost column.

Paths
  • location:  components/footers/1
  • markup:  templates/_/body.pug
  • style:  style/_/elements/footer.styl
Dependencies
  • _.pug
  • index.styl
  • *.svg
  • _.js
Examples
extends ../root

block body

    body

        block header
            //...

        block main

        block footer
            include ../../../components/footers/1/_

        //...
footer-1()
import footer from 'footers/1/_';

2

Type
4 column
Tags
navigation
social
address

Preview

Implementation

Brief

A 4-column footer with navigation, social networking and vcard address support.

Paths
  • location:  components/footers/2
  • markup:  templates/_/body.pug
  • style:  style/_/elements/footer.styl
Dependencies
  • _.pug
  • index.styl
  • *.svg
Examples
extends ../root

block body

    body

        block header
            //...

        block main

        block footer
            include ../../../components/footers/2/_

        //...
footer-2()