Index: ReserveNGo-frontend/index.html
===================================================================
--- ReserveNGo-frontend/index.html	(revision 34aa6cc1a466efb154a3ab16d2cdd99c3d9f50e4)
+++ ReserveNGo-frontend/index.html	(revision b09655a7767fbf0c35f49dce6347ac15650587ff)
@@ -7,4 +7,5 @@
     <title>Vite App</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   </head>
   <body>
Index: ReserveNGo-frontend/src/App.vue
===================================================================
--- ReserveNGo-frontend/src/App.vue	(revision 34aa6cc1a466efb154a3ab16d2cdd99c3d9f50e4)
+++ ReserveNGo-frontend/src/App.vue	(revision b09655a7767fbf0c35f49dce6347ac15650587ff)
@@ -58,4 +58,7 @@
 main {
   flex: 1; /*istrazi*/
+}
+footer{
+  background: #8377D1;
 }
 
Index: ReserveNGo-frontend/src/components/Project/Footer_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Footer_.vue	(revision 34aa6cc1a466efb154a3ab16d2cdd99c3d9f50e4)
+++ ReserveNGo-frontend/src/components/Project/Footer_.vue	(revision b09655a7767fbf0c35f49dce6347ac15650587ff)
@@ -4,10 +4,19 @@
 
 <template>
+      <footer>
+        <div class="slogan">
+          <h3>ReserveNGo</h3>
+          <p>Why not make your life easier?</p>
 
-    <div id="container" class="border">
-      <footer>
-      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, voluptatibus?
+        </div>
+        
+        <div class="contact">
+            <p>Contact:</p>
+          <a href="#" class="fa fa-facebook"></a>
+          <a href="#" class="fa fa-instagram"></a>
+          <a href="#" class="fa fa-google"></a>
+        </div>
       </footer>
-    </div>
+
 
 
@@ -16,11 +25,57 @@
 <style scoped>
 
-#container{
-  height: 20vh;
-  background: #8377D1;
+/*hr{
+  height: 50px;
+  width: auto;
+}*/
+
+footer{
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 10px 0;
 }
 
-footer{
+.slogan{
+  font-size: 30px;
+  margin: 20px 0;
+}
+.slogan h3{
+  text-align: center;
+}
 
+.contact{
+  margin: 20px 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.contact p{
+  margin: auto;
+  font-size: 20px;
+}
+
+.fa {
+  padding: 20px;
+  margin-left: 15px;
+  font-size: 20px;
+  width: 20px;
+  text-align: center;
+  text-decoration: none;
+  border-radius: 50%;
+  box-sizing: content-box;
+}
+.fa-facebook {
+  background: #3B5998;
+  color: white;
+}
+.fa-instagram {
+  background: #125688;
+  color: white;
+}
+.fa-google {
+  background: #dd4b39;
+  color: white;
 }
 
