diff --git a/.gitignore b/.gitignore
index 4a2e501..403adbc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 .DS_Store
 node_modules
+/dist
 
 
 # local env files
diff --git a/package-lock.json b/package-lock.json
index 1688b59..0405869 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6631,11 +6631,6 @@
         }
       }
     },
-    "jquery": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
-      "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
-    },
     "js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz",
@@ -8035,11 +8030,6 @@
         "ts-pnp": "^1.1.6"
       }
     },
-    "popper.js": {
-      "version": "1.16.1",
-      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
-      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
-    },
     "portfinder": {
       "version": "1.0.28",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
diff --git a/package.json b/package.json
index 6d81655..0a232ef 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,6 @@
   "dependencies": {
     "bootstrap": "^4.5.3",
     "core-js": "^3.6.5",
-    "jquery": "^3.5.1",
-    "popper.js": "^1.16.1",
     "vue": "^2.6.11",
     "vue-router": "^3.4.9"
   },
diff --git a/src/assets/logo-fes.png b/src/assets/logo-fes.png
deleted file mode 100644
index ead765e..0000000
Binary files a/src/assets/logo-fes.png and /dev/null differ
diff --git a/src/components/footer.vue b/src/components/footer.vue
deleted file mode 100644
index 8a5c1da..0000000
--- a/src/components/footer.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-  <footer class="container-fluid Azul-puma footer py-3 ">
-    <div row>
-      <p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
-      <p class="my-0 ">
-        Esta página puede ser reproducida con fines no lucrativos, siempre y
-        cuando no se mutile, se cite la fuente
-      </p>
-      <p>
-        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 {};
-</script>
-
-<style scoped>
-.boton-footer {
-  background-color: rgb(187, 136, 0);
-  color: white;
-  width: 14rem;
-  font-size: 0.8rem;
-}
-.uno,
-.dos,
-.tres {
-  margin-right: 1rem;
-}
-.btn {
-  margin-bottom: 1rem;
-}
-
-.Azul-puma {
-  background-color: #1e3c70;
-}
-
-.footer {
-  text-align: center;
-  color: white;
-}
-
-@media (max-width: 768px) {
-  .uno,
-  .tres {
-    margin-right: 4rem;
-  }
-  .dos {
-    margin-right: 0rem;
-  }
-  .footer {
-    font-size: 0.7rem;
-  }
-}
-
-@media (max-width: 970px) {
-  .uno,
-  .dos,
-  .tres {
-    margin-right: 0.5rem;
-  }
-
-  .footer {
-    font-size: 0.7rem;
-  }
-}
-</style>
diff --git a/src/components/header.vue b/src/components/header.vue
index 3153345..630ea28 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -14,7 +14,7 @@
       <a href="https://www.acatlan.unam.mx/" target="_blank">
         <img
           class="sizeImg"
-          src="../assets/logo-fes.png"
+          src="../assets/FES-editoriales.png"
           alt="logo unam"
         />
       </a>
diff --git a/src/components/navBar.vue b/src/components/navBar.vue
deleted file mode 100644
index cb963d4..0000000
--- a/src/components/navBar.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <div>
-  
-    <div>
-      <h1 class="my-4">Presentación</h1>
-      
-    </div>
-
-  </div>
-</template>
-    
diff --git a/src/main.js b/src/main.js
index 3755b49..1218ad7 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,7 +1,7 @@
-import Vue from "vue";
-import App from "./App.vue";
-import "bootstrap";
-import "bootstrap/dist/css/bootstrap.min.css";
+import Vue from 'vue'
+import App from './App.vue'
+
+
 import VueRouter from "vue-router";
 import { routes } from "./routes";
 
@@ -16,4 +16,4 @@ new Vue({
   el: "#app",
   render: h => h(App),
   router
-});
\ No newline at end of file
+});
diff --git a/src/routes.js b/src/routes.js
index c0b204f..efff013 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -1,4 +1,5 @@
-import home from "./views/home.vue";
+import home from "./view/home.vue";
+
 export const routes = [
   { path: "/", component: home, name: "form" }
 ];
diff --git a/src/view/home.vue b/src/view/home.vue
new file mode 100644
index 0000000..c2929a0
--- /dev/null
+++ b/src/view/home.vue
@@ -0,0 +1,58 @@
+<template>
+  <div class="hello">
+       <Header />
+    <h1>{{ msg }}</h1>
+   
+    <ul>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
+    </ul>
+    <h3>Essential Links</h3>
+    <ul>
+      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
+      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
+      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
+      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
+      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
+    </ul>
+    <h3>Ecosystem</h3>
+    <ul>
+      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
+      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
+      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
+      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
+      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import Header from "./../components/header.vue";
+export default {
+  name: 'home',
+  components: {
+    Header
+  },
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+a {
+  color: #42b983;
+}
+</style>
diff --git a/src/views/Home.vue b/src/views/Home.vue
deleted file mode 100644
index 91aa728..0000000
--- a/src/views/Home.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <div>
-    <Header />
-    <Navbar />
-    <Footer />
-  </div>
-</template>
-
-<script>
-import Header from "./../components/header.vue";
-import Footer from "./../components/footer.vue";
-import Navbar from "./../components/navBar.vue";
-export default {
-  name: "home",
-  components: {
-    Header,
-    Navbar,
-    Footer,
-  }
-};
-</script>
diff --git a/src/views/home.vue b/src/views/home.vue
deleted file mode 100644
index 0037263..0000000
--- a/src/views/home.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <div>
-    <Header />
-    <Footer />
-  </div>
-</template>
-
-<script>
-import Header from "./../components/header.vue";
-import Footer from "./../components/footer.vue";
-export default {
-  name: "home",
-  components: {
-    Header,
-    Footer,
-  }
-};
-</script>