Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add and style footer, keep footer always on bottom of the viewport

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-09-26 17:59:56 +02:00
committed by Benedikt Rötsch
parent 500b103c03
commit ceca213bfe
8 changed files with 339 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
views/layout.pug
View File

@@ -4,36 +4,63 @@ html
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
body
header.header.wrapper
section.header__logo
a.logo--link(href='#')
img(src='/images/logo.png' alt='Contentful University')
section.header__navarea
section.controls
form(action="." method="get")
fieldset
label(for='api') API type:
select(name='api' onChange='this.form.submit()')
option(value='CDA') Delivery API
option(value='CPA') Preview API
fieldset
label(for='locale') Language:
select(name='locale' onChange='this.form.submit()')
option(value='en-US') English
option(value='de-DE') German
section.navigation
nav
ul
li
a.active(href='/') Home
li
a(href='/courses') Courses
li
a(href='/categories') Categories
li
a(href='/about') About
li
a(href='/settings') Settings
li
a(href='/sitemap') Sitemap
block content
#main
#main__header
.wrapper
header#header
section.header__logo
a.logo--link(href='#')
img(src='/images/logo.png' alt='Contentful University')
section.header__navarea
section.controls
form(action="." method="get")
fieldset
label(for='api') API type:
select(name='api' onChange='this.form.submit()')
option(value='CDA') Delivery API
option(value='CPA') Preview API
fieldset
label(for='locale') Language:
select(name='locale' onChange='this.form.submit()')
option(value='en-US') English
option(value='de-DE') German
nav.navigation
ul
li
a.active(href='/') Home
li
a(href='/courses') Courses
li
a(href='/about') About
li
a(href='/settings') Settings
#main__content
block content
#main__footer
.wrapper
footer#footer
.upper
nav.navigation
ul
li
a.active(href='/') Home
li
a(href='/courses') Courses
li
a(href='/about') About
li
a(href='/settings') Settings
.apps
a(href='#')
img(src='/images/app-store-badge.png')
a(href='#')
img(src='/images/google-play-badge.png')
.lower
.disclaimer
p This website and the materials fond on it are for demo purposes using Contentful. You can use this to preview the content created on your Contentful account.
.social
p
a(href='#') FB
a(href='#') TW