diff --git a/public/assets/icono.png b/public/assets/icono.png
new file mode 100644
index 0000000..e80bc64
Binary files /dev/null and b/public/assets/icono.png differ
diff --git a/public/assets/icono.svg b/public/assets/icono.svg
new file mode 100644
index 0000000..e80bc64
Binary files /dev/null and b/public/assets/icono.svg differ
diff --git a/public/index.html b/public/index.html
index 4123528..d081659 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <link rel="shortcut icon" type="image/png" href="assets/icono.png">
+    <title>Portal Editorial Acatlán</title>
   </head>
   <body>
     <noscript>
diff --git a/src/components/carrusel.vue b/src/components/carrusel.vue
index b661c59..4edfc1e 100644
--- a/src/components/carrusel.vue
+++ b/src/components/carrusel.vue
@@ -7,27 +7,13 @@
     >
       <div class="carousel-inner">
         <div
-          class="carousel-item  "
+          class="carousel-item"
           v-bind:key="libro.id"
           v-for="(libro, idx) in Libros"
           :class="{ active: idx == 0 }"
         >
           <img :src="libro.img" class="d-block w-100 img-fluid" alt="img" />
         </div>
-        <!-- <div class="carousel-item">
-          <img
-            src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-            class="d-block w-100 img-fluid"
-            alt="img"
-          />
-        </div>
-        <div class="carousel-item">
-          <img
-            src="https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-            class="d-block w-100 img-fluid"
-            alt="img"
-          />
-        </div> -->
       </div>
       <a
         class="carousel-control-prev"
@@ -58,23 +44,7 @@ import config from "../config/config.js";
 export default {
   data() {
     return {
-      Libros: [
-        {
-          id: 0,
-          img:
-            "https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-        },
-        {
-          id: 1,
-          img:
-            "https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-        },
-        {
-          id: 2,
-          img:
-            "https://www.unam.mx/sites/default/files/images/carrusel/bannermxok.jpg"
-        }
-      ]
+      Libros: []
     };
   },
   async created() {
@@ -93,7 +63,7 @@ export default {
           let reader = new FileReader();
           reader.readAsDataURL(response.data);
           reader.onload = () => {
-            this.imagenes.push({ id: i, img: reader.result });
+            this.Libros.push({ id: i, img: reader.result });
           };
         });
       }
diff --git a/src/components/cartLibro.vue b/src/components/cartLibro.vue
index 0426e05..dc658f9 100644
--- a/src/components/cartLibro.vue
+++ b/src/components/cartLibro.vue
@@ -21,96 +21,43 @@
 </template>
 
 <script>
+import axios from "axios";
+import config from "../config/config.js";
 export default {
   data() {
     return {
-      Libros: [
-        {
-          id: 0,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 0,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        },
-        {
-          id: 1,
-          title:
-            "Some quick example text to build on the card title and make up the bulk of the cards content.",
-          img:
-            "https://edit.org/img/blog/xwdn-editar-portadas-de-libros-gratis.jpg.pagespeed.ic.PmNhyGc59r.jpg"
-        }
-      ]
+      Libros: []
     };
+  },
+  async created() {
+    try {
+      let novedades = await axios.get(`${config.api}/librosNovedades`);
+      novedades = novedades.data.data;
+      console.log(`${novedades}`);
+      for (let i = 0; i < novedades.length; i++) {
+        //alert(novedades[i].titulo);
+        //this.Libros[i].title = novedades[i].titulo;
+        let config = {
+          // example url
+          url: `http://localhost:3000/libroImagen?idLibro=${(i % 3) + 1}`,
+          method: "GET",
+          responseType: "blob"
+        };
+        await axios(config).then(response => {
+          let reader = new FileReader();
+          reader.readAsDataURL(response.data);
+          reader.onload = () => {
+            this.Libros.push({
+              id: i,
+              title: novedades[i].titulo,
+              img: reader.result
+            });
+          };
+        });
+      }
+    } catch (error) {
+      console.log(`Ocurrio un error ${error}`);
+    }
   }
 };
 </script>
diff --git a/src/routes.js b/src/routes.js
index ea90d1d..7dea2a2 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -7,6 +7,5 @@ export const routes = [
   { path: "/", component: home, name: "form" },
   { path: "/login", component: login, name: "Login" },
   { path: "/desc", component: libroDescripcion, name: "LibroDesc" },
-  { path: "/difusion", component: difusion, name: "difusion" },
-
+  { path: "/difusion", component: difusion, name: "difusion" }
 ];
diff --git a/src/view/login.vue b/src/view/login.vue
index 0a9f553..1272929 100644
--- a/src/view/login.vue
+++ b/src/view/login.vue
@@ -1,42 +1,59 @@
 <template>
   <div>
-      <Header></Header>
-      <h1 class="my-5">Inicia Sesion</h1>
-<div class="row d-flex justify-content-center">
-<div class="col-12 col-md-8 col-lg-6 col-xl-6">
-<form class="row d-flex justify-content-center">
-      <input type="text" v-model="data.email" id="login" class="form-control col-8"  name="login" placeholder="Usuario">
-      <input type="password" v-model="data.password" id="password" class="form-control col-8 my-3" name="login" placeholder="Contraseña">
-      <input type="button" @click="login" class="btn bg-primary text-white col-5" value="Ingresar">
-    </form>
-</div>
-  </div>
+    <Header></Header>
+    <h1 class="my-5">Inicia Sesion</h1>
+    <div class="row d-flex justify-content-center">
+      <div class="col-12 col-md-8 col-lg-6 col-xl-6">
+        <form class="row d-flex justify-content-center">
+          <input
+            type="text"
+            v-model="data.email"
+            id="login"
+            class="form-control col-8"
+            name="login"
+            placeholder="Usuario"
+          />
+          <input
+            type="password"
+            v-model="data.password"
+            id="password"
+            class="form-control col-8 my-3"
+            name="login"
+            placeholder="Contraseña"
+          />
+          <input
+            type="button"
+            @click="login"
+            class="btn bg-primary text-white col-5"
+            value="Ingresar"
+          />
+        </form>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-
 import Header from "./../components/header.vue";
 
 export default {
-    data(){
-        return{
-            data:{
-            email:'',
-            password:''
-        }}
-    },
-    methods:{
-        login(){
-            alert(this.data.email)
-        }
-    },
-    components: {
-    Header
+  data() {
+    return {
+      data: {
+        email: "",
+        password: ""
+      }
+    };
+  },
+  methods: {
+    login() {
+      alert(this.data.email);
     }
-}
+  },
+  components: {
+    Header
+  }
+};
 </script>
 
-<style>
-
-</style>
\ No newline at end of file
+<style></style>
