add Drag and Drop functionality to the Mobility Page

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

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>