diff --git a/website/templates/base.html b/website/templates/base.html
index a1221edd..61af004e 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -5,12 +5,25 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{% block title %}CurrencyProj{% endblock %}</title>
 	{% load static %}
-	
-	<ul class="navbar">
-	  <li class="navbar" ><a class="navbar" href="/">Home</a></li>
-	  <li class="navbar"><a class="navbar" href="/users/signup">Sign up</a></li>
-	  <li class="navbar"><a class="navbar" id="login" href="/users/login">Login</a></li>
-	</ul>
+
+  <nav style="margin-bottom: 100px;" class="navbar navbar-expand-lg bg-warning navbar-light">
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#target" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+    </button>
+    <div id="target" class="collapse navbar-collapse">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+          <a class="nav-link" href="/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/users/signup">Sign up</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" id="login" href="/users/login">Login</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
 
   <meta name="description" content="Start throwing out trash in an eco-friendly way!">
   <meta name="author" content="Yamozha">