actualizacion puntos de venta y lineamientos

2020-10-01 02:27:10 -05:00
parent 0211f7c116
commit dffe414e01
47 changed files with 496 additions and 121 deletions
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>Portal Editorial Acatlán</title><link href=css/app.5862625b.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.121625a9.js rel=preload as=script><link href=js/chunk-vendors.8f463115.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.5862625b.css rel=stylesheet></head><body><noscript><strong>We're sorry but portal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.8f463115.js></script><script src=js/app.121625a9.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel="shortcut icon" type=image/png href=assets/icono.png><title>Portal Editorial Acatlán</title><link href=css/app.efe71bd3.css rel=preload as=style><link href=css/chunk-vendors.138628b4.css rel=preload as=style><link href=js/app.a747d8bf.js rel=preload as=script><link href=js/chunk-vendors.8f463115.js rel=preload as=script><link href=css/chunk-vendors.138628b4.css rel=stylesheet><link href=css/app.efe71bd3.css rel=stylesheet></head><body><noscript><strong>We're sorry but portal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.8f463115.js></script><script src=js/app.a747d8bf.js></script></body></html>
@@ -3416,9 +3416,9 @@
      "dev": true
    },
    "copy-webpack-plugin": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.1.tgz",
-      "integrity": "sha512-P15M5ZC8dyCjQHWwd4Ia/dm0SgVvZJMYeykVIVYXbGyqO4dWB5oyPHp9i7wjwo5LhtlhKbiBCdS2NvM07Wlybg==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-5.1.2.tgz",
+      "integrity": "sha512-Uh7crJAco3AjBvgAy9Z75CjK8IG+gxaErro71THQ+vv/bl4HaQcpkexAY8KVW/T6D2W2IRr+couF/knIRkZMIQ==",
      "dev": true,
      "requires": {
        "cacache": "^12.0.3",
@@ -3431,7 +3431,7 @@
        "normalize-path": "^3.0.0",
        "p-limit": "^2.2.1",
        "schema-utils": "^1.0.0",
-        "serialize-javascript": "^2.1.2",
+        "serialize-javascript": "^4.0.0",
        "webpack-log": "^2.0.0"
      },
      "dependencies": {
@@ -3494,10 +3494,13 @@
          }
        },
        "serialize-javascript": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
-          "integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
-          "dev": true
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
+          "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
+          "dev": true,
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
        },
        "slash": {
          "version": "1.0.0",
@@ -7263,9 +7266,9 @@
      }
    },
    "node-forge": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.9.0.tgz",
-      "integrity": "sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==",
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.10.0.tgz",
+      "integrity": "sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==",
      "dev": true
    },
    "node-ipc": {
@@ -9152,12 +9155,12 @@
      "dev": true
    },
    "selfsigned": {
-      "version": "1.10.7",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.7.tgz",
-      "integrity": "sha512-8M3wBCzeWIJnQfl43IKwOmC4H/RAp50S8DF60znzjW5GVqTcSe2vWclt7hmYVPkKPlHWOu5EaWOMZ2Y6W8ZXTA==",
+      "version": "1.10.8",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.8.tgz",
+      "integrity": "sha512-2P4PtieJeEwVgTU9QEcwIRDQ/mXJLX8/+I3ur+Pg16nS8oNbrGxEso9NyYWy8NAmXiNl4dlAp5MwoNeCWzON4w==",
      "dev": true,
      "requires": {
-        "node-forge": "0.9.0"
+        "node-forge": "^0.10.0"
      }
    },
    "semver": {
@@ -0,0 +1,47 @@
+<template>
+  <div>
+    <div class="row d-flex align-items-center tamaño cuerpo">
+      <div class="col-12 col-sm-12 col-md-4 col-lg-6 col-xl-6 p-0">
+        <img class="card-img" :src="img" alt="Card image cap" />
+      </div>
+      <div class="col-12 col-sm-12 col-md-8 col-lg-6 col-xl-6 card-body  ">
+        <p class="card-text-right">{{ text }}</p>
+        <a :href="linkW" target="__blank">
+          <span v-if="linkD != '' && linkW == ''"> Descargar aqui</span>
+          <span v-if="linkD == '' && linkW != ''"> Visita nuestra pagina </span>
+        </a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["linkD", "linkW", "img", "text"],
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style scoped>
+.tamaño {
+  width: 40rem;
+}
+.cuerpo {
+  -webkit-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
+  -moz-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
+  box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
+}
+
+@media (max-width: 440px) {
+  .tamaño {
+    width: 18rem;
+  }
+  .cuerpo {
+    -webkit-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
+    -moz-box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
+    box-shadow: 1px 9px 17px 0px rgba(0, 0, 0, 0.75);
+  }
+}
+</style>
@@ -1,6 +1,6 @@
 <template>
  <footer class="container-fluid Azul-puma footer py-3 ">
-    <div class="container">
+    <!-- <div class="container">
      <div row>
        <router-link to="/comite">
          <button type="button" class="col-md-6 col-sm-12 btn boton-footer uno">
@@ -29,7 +29,7 @@
          </button>
        </router-link>
      </div>
-    </div>
+    </div> -->
    <div row>
      <p class="mb-0 ">Hecho en México, todos los derechos reservados 2020.</p>
      <p class="my-0 ">
@@ -12,8 +12,8 @@
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
-          <span class="navbar-toggler-icon blanco"></span>
-          <span class="mx-2">Menu</span>
+          <span class="navbar-toggler-icon blanco d-flex"></span>
+          <!-- <span class="mx-2">Menu</span> -->
        </button>

        <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
@@ -326,6 +326,13 @@ nav {
  padding: 12px 16px;
 }

+.navbar-toggler {
+  font-size: 1rem;
+}
+.navbar-dark .navbar-toggler {
+  border: none;
+}
+
@media (max-width: 450px) {
  .menuText,
  .buscador {
@@ -0,0 +1,220 @@
+<template>
+  <div class="divMaster azulUnam row d-flex justify-content-center">
+    <div class="col-10 offset-1">
+      <nav class="navbar navbar-expand-sm navbar-dark  ">
+        <button
+          @click="method()"
+          class="navbar-toggler col-5"
+          type="button"
+          data-toggle="collapse"
+          data-target="#navbarTogglerDemo03"
+          aria-controls="navbarTogglerDemo03"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span class="navbar-toggler-icon blanco d-flex"></span>
+          <!-- <span class="mx-2"> spa</span> -->
+        </button>
+
+        <div class="collapse navbar-collapse " id="navbarTogglerDemo03">
+          <ul
+            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0"
+          >
+            <li class="nav-item">
+              <a class="nav-link text-white" href="#" @click="comite()"
+                >Comité Editorial</a
+              >
+            </li>
+            <li class="nav-item">
+              <a class="nav-link text-white" href="#" @click="lineamientos()"
+                >Política Editorial y Lineamentos</a
+              >
+            </li>
+            <li class="nav-item">
+              <a class="nav-link text-white" href="#" @click="proceso()"
+                >Proceso Editorial y Organismos</a
+              >
+            </li>
+
+            <li class="nav-item">
+              <a class="nav-link text-white" href="#" @click="puntos()"
+                >Puntos de Venta</a
+              >
+            </li>
+          </ul>
+        </div>
+      </nav>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import config from "../config/config.js";
+export default {
+  data() {
+    return {
+      isExist: true,
+      libros: [],
+      nombre: ""
+    };
+  },
+  methods: {
+    async descripcion(idLibro) {
+      console.log(` Este es el id del libro ${idLibro}`);
+      localStorage.clear();
+      window.localStorage.setItem("idLibro", idLibro);
+      this.$router.push("/desc").catch(() => {
+        location.reload();
+      });
+    },
+    comite() {
+      this.$router.push("/comite").catch(() => {
+        location.reload();
+      });
+    },
+    lineamientos() {
+      this.$router.push("/lineamientos").catch(() => {
+        location.reload();
+      });
+    },
+    proceso() {
+      this.$router.push("/proceso").catch(() => {
+        location.reload();
+      });
+    },
+    puntos() {
+      this.$router.push("/puntos").catch(() => {
+        location.reload();
+      });
+    },
+    method() {
+      this.isExist = !this.isExist;
+    }
+  },
+  async created() {
+    let path = `${config.api}`;
+    try {
+      let libros = await axios.get(`${path}/getLibros`);
+      this.libros = await libros.data.data;
+    } catch (error) {
+      console.log(`Error ${error}`);
+    }
+  },
+  computed: {
+    buscarLibro: function() {
+      return this.libros.filter(item =>
+        item.titulo.toLowerCase().includes(this.nombre.toLowerCase())
+      );
+    }
+  }
+};
+</script>
+
+<style scoped>
+* {
+  margin: 0;
+  padding: 0;
+}
+
+.divMaster {
+  /* max-width: 1280px; */
+  height: auto;
+  margin: 0 auto;
+}
+nav {
+  padding: 0.5rem 0;
+}
+
+.azulUnam {
+  background-color: #1e3c70;
+}
+
+.doradoUnam {
+  background-color: #bb8800;
+}
+
+.dropdown-item:hover {
+  background-color: #1e3c70;
+}
+
+.dropdown-itemBusqueda:hover {
+  background-color: #bb8800;
+  color: white;
+}
+
+.nav-link:focus {
+  background-color: #bb8800;
+  border-radius: 1rem;
+}
+
+.nav-link:hover {
+  background-color: #bb8800;
+  color: white;
+  border-radius: 0.2rem;
+}
+
+.nav-link {
+  transition: 0.3s;
+  font-size: 15px;
+}
+
+.dropdown-item {
+  padding: 0.3rem 1rem;
+}
+
+.menuText {
+  display: none;
+}
+
+/* 
+.dropdown-menu {
+  width: 10% !important;
+} */
+
+.dropdown {
+  position: relative;
+  display: inline-block;
+  height: auto;
+}
+
+.dropdown-content {
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  /* padding: 12px 16px; */
+  top: 0.8rem;
+  left: -10rem;
+  display: block;
+}
+.rescont {
+  z-index: 2;
+}
+
+.list-group-item {
+  padding: 12px 16px;
+}
+
+.navbar-toggler {
+  font-size: 1rem;
+}
+.navbar-dark .navbar-toggler {
+  border: none;
+}
+
+@media (max-width: 450px) {
+  .menuText,
+  .buscador {
+    display: block !important;
+  }
+
+  .dropdown-menu {
+    width: 80vw !important;
+  }
+  .nav-link {
+    font-size: 20px;
+    margin-top: 1rem;
+  }
+}
+</style>
@@ -3,9 +3,9 @@ const config = {
  //api: "https://f8d86328e778.ngrok.io"

  //Local
-  //api: "http://localhost:3000"
+  api: "http://localhost:3000"

  //Pruebas
-  api: "https://venus.acatlan.unam.mx/portal"
+  // api: "https://venus.acatlan.unam.mx/portal"
 };
 module.exports = config;
@@ -18,6 +18,6 @@ export const routes = [
  { path: "/tema", component: tema, name: "tema" },
  { path: "/comite", component: comite, name: "comite" },
  { path: "/presentacion", component: presentacion, name: "presentacion" },
-  { path: "/proceso", component: proceso, name: proceso },
-  { path: "/puntos", component: puntos, name: puntos }
+  { path: "/proceso", component: proceso, name: "proceso" },
+  { path: "/puntos", component: puntos, name: "puntos" }
 ];
@@ -2,6 +2,7 @@
  <div>
    <Header></Header>
    <Nav></Nav>
+    <Nav2 />

    <div class="my-4 gente">
      <h1 class="text-center">Comité Editorial</h1>
@@ -87,13 +88,14 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
-//import Nav from "./../components/navPrincipal.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
 export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Footer
  }
 };
@@ -2,9 +2,10 @@
  <div>
    <Header />
    <Nav />
+    <Nav2 />
    <!-- <div class="row">
    <div class="col-10 offset-1"> -->
-    <Title title="Conoce mas" class="mt-5" />
+    <Title title="Conoce más" class="mt-5" />
    <!-- </div>
 </div> -->
    <div class="container">
@@ -22,7 +23,7 @@
        <div
          class="texto col-10 col-sm-5 col-md-5 col-lg-5 col-xl-5 d-flex align-items-center justify-content-center flex-column"
        >
-          <h4>Descripcion:</h4>
+          <h4>Descripción:</h4>
          <p class="scroll">
            {{ de.descrip }}
          </p>
@@ -46,7 +47,8 @@

 <script>
 import Header from "../components/header.vue";
-import Nav from "../esteticas/nav.vue";
+import Nav from "../components/nav.vue";
+import Nav2 from "../components/nav2.vue";
 import Footer from "../components/footer.vue";
 import Title from "../components/titulo.vue";

@@ -54,6 +56,7 @@ export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Footer,
    Title
  },
@@ -2,6 +2,7 @@
  <div>
    <Header />
    <Nav />
+    <Nav2 />
    <Carr />
    <Title title="Recientes" />
    <Cart />
@@ -11,8 +12,8 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
-//import Nav from "./../components/navPrincipal.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
 import Carr from "../components/carrusel.vue";
 import Cart from "../components/cartLibro.vue";
@@ -23,6 +24,7 @@ export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Footer,
    Carr,
    Cart,
@@ -2,6 +2,7 @@
  <div>
    <Header />
    <Nav />
+    <Nav2 />

    <Descrip />

@@ -11,7 +12,8 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Descrip from "./../components/descripcion.vue";
 import Footer from "./../components/footer.vue";

@@ -20,6 +22,7 @@ export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Descrip,
    Footer
  }
@@ -2,6 +2,7 @@
  <div>
    <Header />
    <Nav />
+    <Nav2 />
    <div>
      <h1 class="mt-5">Política y Lineamientos Editoriales</h1>
      <div class="row politica">
@@ -16,36 +17,24 @@
            Ello, en apego a las normativas y planes de desarrollo
            institucionales vigentes enlistadas a continuación:
          </p>
-
-          <a
-            href="https://orion.acatlan.unam.mx/portal/assets/POLITICA.pdf"
-            download="PoliticaLineamientos.pdf"
-            target="_blank"
-            >Descargar PDF Lineamientos</a
-          >
        </div>
      </div>

      <div class=" row marcos">
-        <div class="col-10 offset-1 mb-5">
-          <!-- <h1 class="mb-3 mt-5">Marcos Normativos</h1> -->
-          <a href="https://www.rector.unam.mx/doctos/PDI2019-2023.pdf">
-            Plan de Desarrollo Institucional 2019-2023 de la Universidad
-            Nacional Autónoma de México</a
+        <div class="col-12 offset-0 mb-5 d-flex">
+          <div
+            class="col-12 offset-0 d-flex flex-wrap justify-content-center align-items-center px-0"
          >
-          <a href="http://www.libros.unam.mx/disposiciones.pdf"
-            >Disposiciones Generales para la Actividad Editorial y de
-            Distribución de la Universidad Nacional Autónoma de México
-            vigentes</a
-          >
-          <a href="http://quazar.acatlan.unam.mx/noticias/6776/"
-            >Plan de Desarrollo Institucional 2017-2021 de la Facultad de
-            Estudios Superiores Acatlán</a
-          >
-          <!-- <p>
-            Política y Lineamientos Editoriales de la Facultad de Estudios
-            Superiores Acatlán (PyLE)
-          </p> -->
+            <Enlace
+              class="enlaces w-auto mt-5"
+              v-for="link in Links"
+              :key="link.id"
+              :linkW="link.linkW"
+              :linkD="link.linkD"
+              :img="link.img"
+              :text="link.text"
+            />
+          </div>
        </div>
      </div>

@@ -62,7 +51,7 @@
                aria-controls="collapse2"
              >
                <h5 class="mb-0">
-                  <p class="text-white">Politica Editorial</p>
+                  <p class="text-white">Política Editorial</p>
                </h5>

                <svg
@@ -167,7 +156,7 @@
                aria-controls="collapse3"
              >
                <h5 class="mb-0">
-                  <p class="text-white">Declaracion</p>
+                  <p class="text-white">Declaración</p>
                </h5>

                <svg
@@ -3191,14 +3180,54 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
-//import Nav from "./../components/navPrincipal.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
+import Enlace from "./../components/enlace.vue";
 export default {
  components: {
    Header,
    Nav,
-    Footer
+    Nav2,
+    Footer,
+    Enlace
+  },
+  data() {
+    return {
+      Links: [
+        {
+          id: 0,
+          text: "Política y Lineamientos Institucionales",
+          img: "assets/lineamientos/portada-polined.png",
+          linkW: "",
+          linkD: "https://orion.acatlan.unam.mx/portal/assets/POLITICA.pdf"
+        },
+        {
+          id: 1,
+          text:
+            "Plan de Desarrollo Institucional 2019-2023 de la Universidad Nacional Autónoma de México",
+          img: "assets/lineamientos/PDI2019-2023-1.png",
+          linkW: "",
+          linkD: "https://www.rector.unam.mx/doctos/PDI2019-2023.pdf"
+        },
+        {
+          id: 2,
+          text:
+            "Disposiciones Generales para la Actividad Editorial y de Distribución de la Universidad Nacional Autónoma de México vigentes",
+          img: "assets/lineamientos/disposiciones.png",
+          linkW: "",
+          linkD: "http://www.libros.unam.mx/disposiciones.pdf"
+        },
+        {
+          id: 3,
+          text:
+            "Plan de Desarrollo Institucional 2017-2021 de la Facultad de Estudios Superiores Acatlán",
+          img: "assets/lineamientos/Ruta-critica.png",
+          linkW: "http://quazar.acatlan.unam.mx/noticias/6776/",
+          linkD: ""
+        }
+      ]
+    };
  }
 };
 </script>
@@ -2,6 +2,7 @@
  <div>
    <Header></Header>
    <Nav></Nav>
+    <Nav2 />
    <div>
      <h1 class="my-4">Presentación</h1>
      <div class="row presentacion">
@@ -56,12 +57,14 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
 export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Footer
  }
 };
@@ -2,6 +2,7 @@
  <div>
    <Header></Header>
    <Nav></Nav>
+    <Nav2 />

    <div class="row">
      <div class="col-10 offset-1 my-5">
@@ -79,19 +80,13 @@
          </ul>
        </div>
      </div>
-
-      <div class="col-12 my-3">
-        <a
-          href="https://orion.acatlan.unam.mx/portal/assets/TripticoRuta.pdf"
-          target="_blank"
-          download
-          >Descargar Ruta Critica</a
-        >
-      </div>
    </div>

    <div class="row ">
-      <div class="col-10 offset-1 mb-5 pad">
+      <div class="col-10 offset-1 my-4 pad">
+        <div class="text-center doradoUnam headTable text-white">
+          <h4>Ruta Crítica</h4>
+        </div>
        <div id="accordion">
          <div class="card">
            <div
@@ -945,19 +940,28 @@
        </div>
      </div>
    </div>
-
+    <div class="col-12 mb-3">
+      <a
+        href="https://orion.acatlan.unam.mx/portal/assets/TripticoRuta.pdf"
+        target="_blank"
+        download
+        >Descargar Ruta Critica</a
+      >
+    </div>
    <Footer></Footer>
  </div>
 </template>

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
 export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Footer
  }
 };
@@ -972,7 +976,7 @@ td {
 .title {
  text-align: center;
 }
-.azul {
+.doradoUnam {
  background-color: #bb8800;
 }
 .azul:hover {
@@ -1006,6 +1010,14 @@ p {
 .opciones li {
  margin: 1rem 0;
 }
+.headTable {
+  padding: 0.5rem 0;
+  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
+}
+.headTable h4 {
+  padding: 0;
+  margin: 0;
+}

@media (max-width: 450px) {
  th,
@@ -2,48 +2,34 @@
  <div>
    <Header></Header>
    <Nav></Nav>
+    <Nav2 />

    <div>
-      <h1 class="my-4">Puntos de Venta</h1>
-
      <div class="row">
-        <div class="col-10 offset-1 text-justify mb-4">
-          <p>
+        <div class="col-10 offset-1">
+          <h1 class="my-4">Puntos de Venta</h1>
+
+          <p class="mb-4">
            La venta y difusión de las publicaciones de Ediciones Acatlán se
            llevan a cabo a partir de cuatro maneras:
          </p>
-
-          <ul class="lugares">
-            <li>
-              Librería Universitaria: ubicada en las instalaciones de la FES
-              Acatlán, para la adquisición de publicaciones impresas, tanto de
-              nuestro sello como de otras editoriales.
-            </li>
-
-            <li>
-              Tienda Virtual Acatlán: plataforma que soporta ventas en línea
-              (obras impresas), de reciente habilitación.
-              <a href="https://tienda.acatlan.unam.mx/">
-                https://tienda.acatlan.unam.mx/
-              </a>
-            </li>
-
-            <li>
-              Librería Ambulante: extensión de la Librería Universitaria que, de
-              manera presencial, acude a los eventos institucionales con
-              publicaciones de temas afines a éstos.
-            </li>
-
-            <li>
-              Libros UNAM: plataforma en línea de la Universidad Nacional
-              Autónoma de México, mediante la cual se pueden adquirir todas las
-              publicaciones (impresas y electrónicas) de todas las dependencias
-              editoras.
-              <a href="http://www.libros.unam.mx/"
-                >https://www.libros.unam.mx/</a
-              >
-            </li>
-          </ul>
+        </div>
+      </div>
+      <div class=" row marcos">
+        <div class="col-12 offset-0 mb-5 d-flex">
+          <div
+            class="col-12 offset-0 d-flex flex-wrap justify-content-center align-items-center px-0"
+          >
+            <Enlace
+              class="enlaces w-auto mt-5"
+              v-for="link in Links"
+              :key="link.id"
+              :linkW="link.linkW"
+              :linkD="link.linkD"
+              :img="link.img"
+              :text="link.text"
+            />
+          </div>
        </div>
      </div>
    </div>
@@ -54,18 +40,74 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
+import Enlace from "./../components/enlace.vue";
+
 export default {
  components: {
    Header,
    Nav,
-    Footer
+    Nav2,
+    Footer,
+    Enlace
+  },
+  data() {
+    return {
+      Links: [
+        {
+          id: 0,
+          text:
+            "Librería Universitaria: ubicada en las instalaciones de la FES Acatlán, para la adquisición de publicaciones impresas, tanto de nuestro sello como de otras editoriales.",
+          img: "assets/puntos/LIBRERÍA-ACATLÁN.png",
+          linkW: "",
+          linkD: ""
+        },
+        {
+          id: 1,
+          text:
+            "Tienda Virtual Acatlán: plataforma que soporta ventas en línea (obras impresas), de reciente habilitación.",
+          img: "assets/puntos/logotienda.png",
+          linkW: "https://tienda.acatlan.unam.mx/",
+          linkD: ""
+        },
+        {
+          id: 2,
+          text:
+            "Librería Ambulante: extensión de la Librería Universitaria que, de manera presencial, acude a los eventos institucionales con publicaciones de temas afines a éstos.",
+          img: "assets/puntos/LIBRERÍA-ACATLÁN-ambulante.png",
+          linkW: "",
+          linkD: ""
+        },
+        {
+          id: 3,
+          text:
+            "Libros UNAM: plataforma en línea de la Universidad Nacional Autónoma de México, mediante la cual se pueden adquirir todas las publicaciones (impresas y electrónicas) de todas las dependencias editoras.",
+          img: "assets/puntos/libros-unam.png",
+          linkW: "https://www.libros.unam.mx/",
+          linkD: ""
+        }
+      ]
+    };
  }
 };
 </script>
-<style>
+<style scoped>
 .lugares li {
  margin: 1rem 0;
 }
+.marcos div p {
+  text-align: left;
+}
+.marcos div a {
+  text-decoration: none;
+
+  text-align: left;
+  margin: 0.5rem 0;
+}
+.marcos div {
+  display: flex;
+  flex-direction: column;
+}
 </style>
@@ -2,6 +2,7 @@
  <div>
    <Header />
    <Nav />
+    <Nav2 />
    <Title title="Resultado" class="my-5" />
    <Cart />
    <Footer />
@@ -10,8 +11,8 @@

 <script>
 import Header from "./../components/header.vue";
-import Nav from "./../esteticas/nav.vue";
-//import Nav from "./../components/navPrincipal.vue";
+import Nav from "./../components/nav.vue";
+import Nav2 from "./../components/nav2.vue";
 import Footer from "./../components/footer.vue";
 import Cart from "../components/temaLibro.vue";
 import Title from "../components/titulo.vue";
@@ -21,6 +22,7 @@ export default {
  components: {
    Header,
    Nav,
+    Nav2,
    Footer,
    Cart,
    Title