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
Placement
  • markup:  templates/_/body.pug
  • style:  styles/_/elements/footer.styl
  • logic:  logic/root.js
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 footer1 from 'footers/1/_';

footer1();

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
Placement
  • markup:  templates/_/body.pug
  • style:  styles/_/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()

3

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/3
Placement
  • markup:  templates/_/body.pug
  • style:  styles/_/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()