inicios del FrontEnd

APP/components/Layout/starter/SampleFooter.vue

@@ -0,0 +1,49 @@
+<template>
+  <footer class="footer">
+    <div class="container-fluid">
+      <ul class="nav">
+        <li class="nav-item">
+          <a
+            href="https://example.com"
+            target="_blank"
+            rel="noopener"
+            class="nav-link"
+          >
+            Link
+          </a>
+        </li>
+        <li class="nav-item">
+          <a
+            href="https://example.com"
+            target="_blank"
+            rel="noopener"
+            class="nav-link"
+          >
+            Another Link
+          </a>
+        </li>
+      </ul>
+      <div class="copyright">
+        &copy; {{ year }}, made with <i class="tim-icons icon-heart-2"></i> by
+        
+        <a
+          href="https://www.creative-tim.com/?ref=pdf-vuejs"
+          target="_blank"
+          rel="noopener"
+        >Creative Tim</a
+        >
+        for a better web.
+      </div>
+    </div>
+  </footer>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      year: new Date().getFullYear()
+    };
+  }
+};
+</script>
+<style></style>