footer

src/App.vue

@@ -2,16 +2,19 @@
   <div id="app">
     <Header />
     <router-view></router-view>
+    <Footer />
   </div>
 </template>
 
 <script>
 import Header from "./esteticas/header.vue";
+import Footer from "./esteticas/footer.vue";
 
 export default {
   name: "App",
   components: {
-    Header
+    Header,
+    Footer
   }
 };
 </script>

src/esteticas/footer.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="divMaster">
+    <div class="footer cl-12 azulUnam">
+      <div class="row d-flex justify-content-center ">
+        <div class="  col-5 col-lg-3 my-3  text-center btn-foo  ">
+          <a
+            href="#"
+            class="btn rounded-pill doradoUnam text-white btn-sm active"
+            role="button"
+            aria-pressed="true"
+            >Comite Editorial</a
+          >
+        </div>
+        <div class="  col-5 col-lg-3 my-3  text-center btn-foo  ">
+          <a
+            href="#"
+            class="btn rounded-pill doradoUnam text-white btn-sm active"
+            role="button"
+            aria-pressed="true"
+            >Politica Editorial y Lineamietos</a
+          >
+        </div>
+        <div class="  col-5 col-lg-3 my-3  text-center btn-foo  ">
+          <a
+            href="#"
+            class="btn rounded-pill doradoUnam text-white btn-sm active"
+            role="button"
+            aria-pressed="true"
+            >Libreria</a
+          >
+        </div>
+        <div class="  col-5 col-lg-3 my-3  text-center btn-foo  ">
+          <a
+            href="#"
+            class="btn rounded-pill doradoUnam text-white btn-sm active"
+            role="button"
+            aria-pressed="true"
+            >contactanos</a
+          >
+        </div>
+      </div>
+      <div class="row">
+        <p class="text-white px-3">
+          Hecho en México, todos los derechos reservados 2020. Esta página puede
+          ser reproducida con fines no lucrativos, siempre y cuando no se
+          mutile, se cite la fuente completa y su dirección electrónica. De otra
+          forma, requiere permiso previo por escrito de la institución
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+* {
+  margin: 0;
+  padding: 0;
+}
+
+.divMaster {
+  max-width: 1280px;
+  height: auto;
+  margin: 0 auto;
+}
+
+.azulUnam {
+  background-color: #1e3c70;
+}
+.doradoUnam {
+  background-color: #bb8800;
+}
+
+/* .footer{
+    height: 100px;
+} */
+</style>