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()