diff --git a/homepage/templates/homepage/index.html b/homepage/templates/homepage/index.html
index 0c996b4..e16d3f4 100644
--- a/homepage/templates/homepage/index.html
+++ b/homepage/templates/homepage/index.html
@@ -110,6 +110,17 @@
                       <label for="test" class="mx-auto">Lorem ipsum docet docet?</label>
                       <input class="w-75 mx-auto rounded" type="text" name="test" value="">
                     </div>
+                    <div class="row">
+                      <div class="col emote">
+                          <img src="{% static 'css/res/happy.svg' %}" alt="">
+                      </div>
+                      <div class="col emote">
+                          <img src="{% static 'css/res/meh.svg' %}" alt="">
+                      </div>
+                      <div class="col emote">
+                          <img src="{% static 'css/res/sad.svg' %}" alt="">
+                      </div>
+                    </div>
                   </div>
               </div>
           </section>
diff --git a/static/css/styles.css b/static/css/styles.css
index 9aa4fd4..f4be06a 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -109,4 +109,8 @@ body::-webkit-scrollbar {
 label {
   font-size: 1.25em; }
 
+.emote img {
+  width: 25vw;
+  height: auto; }
+
 /*# sourceMappingURL=styles.css.map */
diff --git a/static/css/styles.scss b/static/css/styles.scss
index fc1fd32..2f95a62 100644
--- a/static/css/styles.scss
+++ b/static/css/styles.scss
@@ -166,3 +166,8 @@ body::-webkit-scrollbar {
 label {
   font-size: 1.25em;
 }
+
+.emote img {
+  width: 25vw;
+  height: auto;
+}