diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index bb39d22..83c3cee 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,7 +12,7 @@
 </head>
 <body>
 
-<nav class="navbar navbar-expand-sm navbar-dark bg-black">
+<nav class="navbar navbar-expand-sm navbar-dark bg-black fixed-top">
   <a class="navbar-brand" href="{{ .Site.BaseURL }}">/home/{{ lower .Site.Title }}</a>
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
@@ -46,6 +46,26 @@
 
 {{ block "main" . }}{{ end }}
 
+<footer class="bg-light p-5">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-6">
+        <p>
+          &copy; {{ now.Year }} <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>.
+        </p>
+        <p></p>
+      </div>
+      <div class="col-sm-6">
+        <h3 class="text-right">
+          <a href=""><i class="mx-1 fa fa-github" aria-hidden="true"></i></a>
+          <a href=""><i class="mx-1 fa fa-twitter" aria-hidden="true"></i></a>
+          <a href=""><i class="mx-1 fa fa-rss" aria-hidden="true"></i></a>
+        </h3>
+      </div>
+    </div>
+  </div>
+</footer>
+
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 <script src="{{ .Site.BaseURL }}/js/app.js"></script>
 </body>
diff --git a/layouts/index.html b/layouts/index.html
index c93f577..51514e9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
-  <header id="index-header" class="d-flex align-items-center" style="height: 75vh">
-    <div class="text-center m-auto">
+  <header id="index-header" class="d-flex align-items-center" style="height: 90vh; background-image: url('/img/header.jpg')">
+    <div class="text-center m-auto text-light">
       <h1 class="display-1">{{ .Title }}</h1>
       <p class="lead">{{ .RawContent }}</p>
     </div>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 0a447e0..f52df83 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -96,3 +96,14 @@ table td {
 .bg-black {
   background-color: #000;
 }
+
+footer {
+  color: $gray-700;
+  a {
+    color: $gray-700;
+
+    &:hover {
+      color: #000;
+    }
+  }
+}
