Fix footer template

src/components/layouts/TheFooter.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container-fluid bg-light">
+  <!-- <div class="container-fluid bg-light">
     <footer
       class="
         d-flex
@@ -39,7 +39,7 @@
         </li>
       </ul>
     </footer>
-  </div>
+  </div> -->
   <!-- <footer class="footer">
     <div class="footer-first-row">
       <img class="footer-img" src="img/logo_pkb.png" alt="logo-pkb" />
@@ -49,10 +49,19 @@
       <div>Dibangunkan oleh Unit Teknologi Maklumat PKB</div>
     </div>
   </footer> -->
+  <div class="layout-footer">
+    <div class="layout-footer-left">
+      <span>Sistem eLelong</span>
+    </div>
+
+    <div class="layout-footer-right">
+      <a href="#"> Permodalan Kelantan Berhad </a>
+    </div>
+  </div>
 </template>
 
 <style scoped>
-.foot {
+/* .foot {
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -73,5 +82,16 @@
 
 .footer-img {
   height: 1.6rem;
+} */
+
+.layout-footer {
+  font-size: 1rem;
+  padding: 2rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
+/* .layout-footer-right {
+  font-size: 1.5rem;
+} */
 </style>