diff --git a/nuxt_buefy/components/layouts/Footer.vue b/nuxt_buefy/components/layouts/Footer.vue
index 09580c4..36ffa96 100644
--- a/nuxt_buefy/components/layouts/Footer.vue
+++ b/nuxt_buefy/components/layouts/Footer.vue
@@ -1,9 +1,33 @@
 <template>
-  <div></div>
+  <footer class="footer">
+    <div class="has-text-centered">
+      <p>Hecho en México, todos los derechos reservados {{ year() }}.</p>
+
+      <p>
+        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>
+  </footer>
 </template>
 
 <script>
-export default {}
+import moment from 'moment'
+
+export default {
+  methods: {
+    year() {
+      return moment().year()
+    },
+  },
+}
 </script>
 
-<style scoped></style>
+<style scoped>
+footer {
+  background-color: #1d3d6f;
+  color: #fff;
+}
+</style>
diff --git a/nuxt_buefy/components/layouts/Logout.vue b/nuxt_buefy/components/layouts/Logout.vue
new file mode 100644
index 0000000..c52063f
--- /dev/null
+++ b/nuxt_buefy/components/layouts/Logout.vue
@@ -0,0 +1,25 @@
+<template>
+  <section class="">
+    <div class="container is-justify-content-flex-end is-flex">
+      <b-button @click="cerrarSesion()" type="is-danger" class="m-2"
+        >Cerrar Sesión</b-button
+      >
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  methods: {
+    cerrarSesion() {
+      this.$router.push('/')
+    },
+  },
+}
+</script>
+
+<style scoped>
+section {
+  background-color: #bb8704;
+}
+</style>
diff --git a/nuxt_buefy/layouts/default.vue b/nuxt_buefy/layouts/default.vue
index 046674c..fa108bf 100644
--- a/nuxt_buefy/layouts/default.vue
+++ b/nuxt_buefy/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <Header />
-    <!-- <Logout /> -->
+    <Logout />
     <nuxt />
     <Footer />
   </div>
@@ -10,13 +10,13 @@
 <script>
 import Header from '../components/layouts/Header'
 import Footer from '../components/layouts/Footer'
-// import Logout from '../components/layouts/Logout'
+import Logout from '../components/layouts/Logout'
 
 export default {
   components: {
     Header,
     Footer,
-    // Logout
+    Logout
   },
 }
 </script>
diff --git a/nuxt_buefy/layouts/login.vue b/nuxt_buefy/layouts/login.vue
index 8aa41d1..f118c6c 100644
--- a/nuxt_buefy/layouts/login.vue
+++ b/nuxt_buefy/layouts/login.vue
@@ -1,9 +1,22 @@
 <template>
-  <div>hola</div>
+  <div>
+    <Header />
+    <!-- <Logout /> -->
+    <nuxt />
+    <Footer />
+  </div>
 </template>
 
 <script>
-export default {}
+import Header from '../components/layouts/Header'
+import Footer from '../components/layouts/Footer'
+
+export default {
+  components: {
+    Header,
+    Footer,
+  },
+}
 </script>
 
 <style scoped></style>