diff --git a/static/src/scss/homepage.scss b/static/src/scss/homepage.scss
new file mode 100644
index 0000000..cdfca07
--- /dev/null
+++ b/static/src/scss/homepage.scss
@@ -0,0 +1,24 @@
+.homepage-jumbotron {
+  @extend .valign-wrapper, .center-align;
+
+  justify-content: center;
+  flex-direction: column;
+
+  color: white;
+
+  @media #{$large-and-up} {
+    height: calc(70vh - #{$navbar-height});
+  }
+
+  @media #{$medium-and-down} {
+    height: calc(100vh - #{$navbar-height});
+  }
+}
+
+.homepage-recent-content {
+  h2 {
+    @extend .center-align;
+
+    margin-bottom: $element-bottom-margin * 2;
+  }
+}
diff --git a/static/src/scss/index.scss b/static/src/scss/index.scss
index b99b9c8..60e657b 100644
--- a/static/src/scss/index.scss
+++ b/static/src/scss/index.scss
@@ -1,6 +1,6 @@
 @import "materialize-css/sass/materialize";
 
-$navbar-height: 50px;
+@import "homepage";
 
 body {
   display: flex;
@@ -15,28 +15,3 @@ main {
 footer.page-footer {
   padding-top: 0;
 }
-
-.index-jumbotron {
-  @extend .valign-wrapper, .center-align;
-
-  justify-content: center;
-  flex-direction: column;
-
-  color: white;
-
-  @media #{$large-and-up} {
-    height: calc(70vh - #{$navbar-height});
-  }
-
-  @media #{$medium-and-down} {
-    height: calc(100vh - #{$navbar-height});
-  }
-}
-
-.index-recent-content {
-  h2 {
-    @extend .center-align;
-
-    margin-bottom: $element-bottom-margin * 2;
-  }
-}
diff --git a/templates/index.html b/templates/homepage.html
similarity index 85%
rename from templates/index.html
rename to templates/homepage.html
index fcadaa8..4ecb474 100644
--- a/templates/index.html
+++ b/templates/homepage.html
@@ -6,7 +6,7 @@
 {% block title %}Homepage{% endblock %}
 
 {% block main %}
-  <div class="index-jumbotron parallax-container">
+  <div class="homepage-jumbotron parallax-container">
     <div class="parallax">
       <img src="{% static 'img/header.jpg' %}" />
     </div>
@@ -15,7 +15,7 @@
     <p class="flow-text">Part Developer. Part SysAdmin. Part InfoSec. All Nerd!</p>
   </div>
 
-  <div class="container index-recent-content">
+  <div class="container homepage-recent-content">
     <h2>Recent Content</h2>
 
     {% include "card-list-item.html" %}
diff --git a/website/common/views.py b/website/common/views.py
index 9d7dbe6..eaf0583 100644
--- a/website/common/views.py
+++ b/website/common/views.py
@@ -2,4 +2,4 @@ from django.views.generic import TemplateView
 
 
 class HomepageView(TemplateView):
-    template_name = "index.html"
+    template_name = "homepage.html"