diff --git a/static/src/img/logo-transparent.png b/static/src/img/logo-transparent.png
new file mode 100644
index 0000000..602aded
Binary files /dev/null and b/static/src/img/logo-transparent.png differ
diff --git a/static/src/less/homepage.less b/static/src/less/homepage.less
index 3291ba1..3adea7c 100644
--- a/static/src/less/homepage.less
+++ b/static/src/less/homepage.less
@@ -13,8 +13,12 @@
       margin-bottom: 0;
       h1 {
         margin-bottom: 15px;
+        margin-top: 10px;
       }
-      .icon {
+      p.scroll-icon {
+        margin-top: 45px;
+      }
+      i.icon {
         cursor: pointer;
         font-size: 30px;
         .transition(color 0.4s);
@@ -22,6 +26,9 @@
           color: #ff7f00;
         }
       }
+      img {
+        height: 275px;
+      }
     }
   }
   #intro-text {
diff --git a/templates/index.html b/templates/index.html
index 44500dc..8f6f22a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,12 +1,12 @@
 {% extends 'base.html' %}
-
+{% load staticfiles %}
 {% block baseContent%}
   <div class="container-fluid" id="header">
       <div class="jumbotron container animated zoomInDown">
-        <img src="http://placehold.it/230x230"/>
+        <img src="{% static 'img/logo-transparent.png'%}"/>
         <h1>Hello, world!</h1>
         <p>Some random subtitle</p>
-        <p><a href="#intro-text" class="no-color-change"><i class="icon ion-chevron-down"></i></a></p>
+        <p class="scroll-icon"><a href="#intro-text" class="no-color-change"><i class="icon ion-chevron-down"></i></a></p>
       </div>
     </div>
     <div class="container-fluid" id="intro-text">