diff --git a/assets/css/index.scss b/assets/css/index.scss
index 4c73b715d..dd3379ea0 100644
--- a/assets/css/index.scss
+++ b/assets/css/index.scss
@@ -29,7 +29,7 @@ details.flash {
 .octicon { fill: currentColor; }
 
 .site-header {
-  padding-top: 2px;
+  padding-top: 4px;
   padding-bottom: 2px;
 
   .site-header-menu {
diff --git a/assets/css/page.scss b/assets/css/page.scss
index 7aefa0378..29cb42bf6 100644
--- a/assets/css/page.scss
+++ b/assets/css/page.scss
@@ -30,6 +30,13 @@ iframe[src^="//player.vimeo"]{
         margin: 1em;
         padding: 1em;
         opacity: .9;
+		color: $mono-bright;
+        text-decoration: none;
+		font-size: 5em;
+		border-left: 20px solid transparent;
+        border-right: 10px solid transparent;
+        border-top: 20px solid $mono-light;
+        bottom: 20px;
       }
 
       &:hover{
@@ -66,7 +73,7 @@ header{
   }
 
   .nav{
-    line-height: 50px;
+    line-height: 200px;
     text-align: center;
 
     li{
diff --git a/homepage.html b/homepage.html
new file mode 100644
index 000000000..917584eb7
--- /dev/null
+++ b/homepage.html
@@ -0,0 +1,7 @@
+<div class="border-bottom border-top py-6 color-bg-subtle text-center">
+  <div class="container-lg py-6 p-responsive">
+    <h1>{{ page.title }}</h1>
+    {% if page.description %}<p class="col-12 col-md-6 mx-auto">{{ page.description }}</p>{% endif %}
+    {% include translation_buttons.html %}
+  </div>
+</div>