diff --git a/.gitignore b/.gitignore
index a511051..00eeca8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,7 @@ public/ads.txt
 
 # we use sass
 *.css
+*.css.map
 
 # dependencies
 /node_modules
diff --git a/src/assets/enrollbadge.png b/src/assets/enroll-badge.png
similarity index 100%
rename from src/assets/enrollbadge.png
rename to src/assets/enroll-badge.png
diff --git a/src/containers/SiteFooter.js b/src/containers/SiteFooter.js
index fa54779..bf797bc 100644
--- a/src/containers/SiteFooter.js
+++ b/src/containers/SiteFooter.js
@@ -64,13 +64,6 @@ class SiteFooter extends Component {
             </Col>
           </Row>
         </Container>
-
-        <img
-          alt="Banner for enRollBadge"
-          src="assets/enrollbadge.jpg"
-          style={{ width: '100%', maxHeight: '400px', margin: '20px 0' }}
-        />
-
       </div>
   );
 }
diff --git a/src/pages/Home.js b/src/pages/Home.js
index d32cf11..294e290 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import {Container, Header} from 'semantic-ui-react';
+import EnrollBadgeBanner from '../assets/enroll-badge.png';
 
 const Home = () => {
   document.title = 'UW Madison Grade Distributions - Madgrades';
@@ -42,6 +43,19 @@ const Home = () => {
               contributing fixes
             </a>.
           </p>
+
+          <Header as='h1'>
+            <Header.Content>
+              Also check out Enroll Badge!
+            </Header.Content>
+          </Header>
+          <a href="http://enrollbadge.com" target="_blank">
+            <img
+              alt="Banner for enRollBadge"
+              src={EnrollBadgeBanner}
+              style={{ maxHeight: '350px', margin: '20px 0' }}
+            />
+          </a>
         </Container>
       </div>
   );