diff --git a/public/css/main.css b/public/css/main.css
index 4bbc663837a17f93d1c39b603d05de1b54b2b411..435fcd38af209871ac8ed6cb56b89f3aee043467 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -166,3 +166,29 @@ main[role=main]{
   padding-bottom: 1rem!important;
 }
 
+a {
+  text-decoration: none;
+  display: inline-block;
+  padding: 8px 16px;
+}
+
+a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+.previous {
+  background-color: #f1f1f1;
+  color: black;
+  margin-left:42%;
+  
+}
+
+.next {
+  background-color: #04AA6D;
+  color: white;
+}
+
+.round {
+  border-radius: 50%;
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index b4a4da6c1427078145a6c50b14c1d0f7c61c3ae5..8c5abed0c23f409e0c3c236deb4a4b5ceb3a155b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -263,8 +263,11 @@
           </div>
         </div>
       </div>
+      
     </div>
-
+    <div class="container" style="margin-top:1em;"><a href="#" class="previous">&laquo; Previous</a>
+    <a href="#" class="next">Next &raquo;</a></div>
+    
     <hr>
     <div class="container">
       <h2 id="rgc_ourteam"><i class="fas fa-user-friends"></i> Our amazing team</h2>