diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass
new file mode 100644
index 0000000..8e029ba
--- /dev/null
+++ b/assets/styles/footer.sass
@@ -0,0 +1,40 @@
+.footer
+ background-color: black
+ color: white
+ display: flex
+ flex-wrap: wrap
+ text-align: center
+ padding: 1.5rem
+
+ .license
+
+ .contact
+ flex-grow: 1
+ text-align: right
+
+ button
+ border: 1px solid white
+ background-color: black
+ color: white
+ padding: 0.4rem
+
+ .slogan
+ font-size: 0.8rem
+
+@media screen and (min-width: 800px)
+ .footer
+ align-items: center
+
+ .license
+ order: 1
+ width: auto
+
+ .contact
+ order: 3
+ width: auto
+
+ .slogan
+ order: 2
+ padding: 0 1rem
+ width: auto
+ flex-grow: 1
diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index 075e242..bc79da4 100644
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@@ -4,3 +4,15 @@
@import "./a11y"
@import "./content"
@import "./menu"
+@import "./footer"
+
+body
+ background-color: green
+
+.layout
+ background-color: white
+
+@media screen and (min-width: 60em)
+ .layout
+ width: 800px
+ margin: 0 auto
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..a571346
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,14 @@
+
+
+{{ partial "head.html" . }}
+
+
+ {{ partial "header.html" . }}
+
+ {{ block "main" . }}{{ end }}
+
+ {{ partial "footer.html" . }}
+
+ {{ partial "js.html" . }}
+
+
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..e3bd06d
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,11 @@
+
diff --git a/static/creativecommons.png b/static/creativecommons.png
new file mode 100644
index 0000000..cf59608
Binary files /dev/null and b/static/creativecommons.png differ