cinco pestañas

dist/css/app.c1eec48e.css

@@ -1 +0,0 @@
-.sin_pad{margin-left:0;margin-right:0;text-align:left;padding-left:7rem}.Azul-puma{background-color:#1a1b1d}.footer{color:#fff}#app,.footer{text-align:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1b1d;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.menu{background-color:#b80}.menu nav ul{margin:0 1rem}.menu nav ul,.menu nav ul div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu nav ul li{list-style:none}.menu nav ul li a{display:block}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1rem;font-size:1rem;color:#fff;-webkit-transition:.5s;transition:.5s}.active,.menu nav ul li a:hover,.menu nav ul li button:hover{background-color:#936900}@media screen and (min-width:480px){.menu nav ul{margin:0 1.5rem}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1.25rem;font-size:1.25rem}}@media screen and (min-width:1024px){.menu nav ul{margin:0 2rem}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1rem;font-size:1rem}}.titulo[data-v-2caefbae]{margin-top:3rem;margin-bottom:3rem}h1[data-v-2caefbae]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-2caefbae]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-2caefbae]{width:40rem}h1[data-v-2caefbae]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-2caefbae]{width:60rem}h1[data-v-2caefbae]{font-size:2.5rem}}

dist/css/app.de3d4f29.css

@@ -0,0 +1 @@
+.logo-fes{height:5rem}.sin_pad{margin-left:0;margin-right:0;text-align:left;padding-left:7rem}@media screen and (max-width:1024px){.logo-fes{margin-top:.7rem;height:4rem}}.Azul-puma{background-color:#1a1b1d}.footer{color:#fff}#app,.footer{text-align:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1b1d;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.menu{background-color:#b80}.menu nav ul{margin:0 1rem}.menu nav ul,.menu nav ul div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu nav ul li{list-style:none}.menu nav ul li a{display:block}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1rem;font-size:1rem;color:#fff;-webkit-transition:.5s;transition:.5s}.active,.menu nav ul li a:hover,.menu nav ul li button:hover{background-color:#936900}@media screen and (min-width:480px){.menu nav ul{margin:0 1.5rem}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1.25rem;font-size:1.25rem}}@media screen and (min-width:1024px){.menu nav ul{margin:0 2rem}.menu nav ul li a,.menu nav ul li button,.menu nav ul li p{padding:1rem;font-size:1rem}}.titulo[data-v-7cba3f52]{margin-top:3rem;margin-bottom:3rem}h1[data-v-7cba3f52]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-7cba3f52]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-7cba3f52]{width:40rem}h1[data-v-7cba3f52]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-7cba3f52]{width:60rem}h1[data-v-7cba3f52]{font-size:2.5rem}}.container[data-v-5a26ded3]{margin-bottom:4rem}.dif[data-v-5a26ded3]{text-align:center}.alin[data-v-5a26ded3]{text-align:left}.titulo[data-v-5a26ded3]{margin-top:3rem;margin-bottom:3rem}h1[data-v-5a26ded3]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-5a26ded3]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-5a26ded3]{width:40rem}h1[data-v-5a26ded3]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-5a26ded3]{width:60rem}h1[data-v-5a26ded3]{font-size:2.5rem}}.container[data-v-61d7da8f]{margin-bottom:4rem}.alin[data-v-61d7da8f]{text-align:left}.titulo[data-v-61d7da8f]{margin-top:3rem;margin-bottom:3rem}h1[data-v-61d7da8f]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-61d7da8f]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-61d7da8f]{width:40rem}h1[data-v-61d7da8f]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-61d7da8f]{width:60rem}h1[data-v-61d7da8f]{font-size:2.5rem}}.container[data-v-1832ff90]{margin-bottom:4rem}.alin[data-v-1832ff90]{text-align:left}.titulo[data-v-1832ff90]{margin-top:3rem;margin-bottom:3rem}h1[data-v-1832ff90]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-1832ff90]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-1832ff90]{width:40rem}h1[data-v-1832ff90]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-1832ff90]{width:60rem}h1[data-v-1832ff90]{font-size:2.5rem}}.container[data-v-5ff0dbd0]{margin-bottom:4rem}.alin[data-v-5ff0dbd0]{text-align:left}.titulo[data-v-5ff0dbd0]{margin-top:3rem;margin-bottom:3rem}h1[data-v-5ff0dbd0]{padding-left:2rem;padding-right:2rem;font-weight:700;font-size:1.6rem;text-align:center}main img[data-v-5ff0dbd0]{width:20rem;margin-bottom:6rem}@media screen and (min-width:768px){main img[data-v-5ff0dbd0]{width:40rem}h1[data-v-5ff0dbd0]{display:inline;border-bottom:.1rem solid #000;font-size:2rem}}@media screen and (min-width:1024px){main img[data-v-5ff0dbd0]{width:60rem}h1[data-v-5ff0dbd0]{font-size:2.5rem}}

dist/index.html

@@ -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=icon href=favicon.ico><title>coloquio_internacion_educacion</title><link href=css/app.c1eec48e.css rel=preload as=style><link href=css/chunk-vendors.fbe9bade.css rel=preload as=style><link href=js/app.588f86b0.js rel=preload as=script><link href=js/chunk-vendors.6cd7be4f.js rel=preload as=script><link href=css/chunk-vendors.fbe9bade.css rel=stylesheet><link href=css/app.c1eec48e.css rel=stylesheet></head><body><noscript><strong>We're sorry but coloquio_internacion_educacion doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.6cd7be4f.js></script><script src=js/app.588f86b0.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=icon href=favicon.ico><title>coloquio_internacion_educacion</title><link href=css/app.de3d4f29.css rel=preload as=style><link href=css/chunk-vendors.fbe9bade.css rel=preload as=style><link href=js/app.a37ffba4.js rel=preload as=script><link href=js/chunk-vendors.6cd7be4f.js rel=preload as=script><link href=css/chunk-vendors.fbe9bade.css rel=stylesheet><link href=css/app.de3d4f29.css rel=stylesheet></head><body><noscript><strong>We're sorry but coloquio_internacion_educacion doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.6cd7be4f.js></script><script src=js/app.a37ffba4.js></script></body></html>

src/components/convocatoria.vue

@@ -0,0 +1,243 @@
+<template>
+
+    <div>
+        <app-menu ></app-menu>
+        <main class="centrar">
+            <div class="titulo">
+                <h1>Convocatoria</h1>
+            </div>
+            <div class="container alin">
+                <div class="row">
+                    <div class="col">
+                        <h4>Objetivo del evento: promover un espacio de discusión y reflexión en torno a los
+modelos y transformaciones educativas actuales, que derive en el planteamiento
+de interrogantes y alternativas.</h4>
+
+                        <h2>NORMAS PARA LA RECEPCIÓN DE TRABAJOS.</h2>
+                        <h3>Resúmenes</h3>
+                        <ol>
+                            <li>Deberán presentarse en edición electrónica de texto y expresar de forma
+                                clara y breve los objetivos y el alcance de la investigación o de la
+                                experiencia educativa a presentar, procedimientos básicos, métodos,
+                                principales resultados o avances y si es el caso deberá incluir conclusiones;</li>
+                            <li>Extensión máxima de 250 palabras (NO INCLUIRÁ imágenes, tablas,
+                                fórmulas, símbolos complejos ni acrónimos en el cuerpo del resumen)</li>
+                            <li>Se presentarán en Microsoft Word, fuente ARIAL 12 puntos, en tamaño A-4
+                                (tamaño carta) con márgenes de 2.5 por los cuatro lados y con interlineado
+                                de 1.5</li>
+                            <li>El documento deberá estar salvado en Word (última versión) y no podrá
+                                exceder del número de palabras establecido, en una sola página en
+                                español.</li>
+                            <li>Deberá incluirse la versión en inglés (abstract)</li>
+                            <li>Los nombres y apellidos de los autores se situarán separados a 12 puntos
+                                del título y justificados a la derecha en ARIAL 12, en caso de más de un
+                                autor se situarán uno seguido del otro, separados por una coma.</li>
+                            <li>Junto al nombre de cada autor se insertará una nota al pie que indique la
+                                institución de origen, el país y el correo electrónico.</li>
+                            <li>El resumen deberá ser enviado a partir del 17 de febrero y hasta el 16 de
+                                abril de 2020 al siguiente correo electrónico CIIEAcatlan2020@gmail.com</li>
+
+                        </ol>
+                        <h3>Trabajo en extenso</h3>
+                        <h4>Además de cubrir los puntos 1 al 8 señalados, en los resúmenes, deberán
+                            atenderse los siguientes:</h4>
+                        <ol>
+                            <li>Deberán presentarse en edición electrónica de texto y expresar de forma
+                                clara los fines u objetivos y el alcance de la investigación o experiencia
+                                educativa a presentar; así como los procedimientos básicos, métodos, los
+                                principales resultados o avances, fuentes teóricas que dan sustento a la
+                                investigación e incluir las discusiones y contradicciones que se hayan
+                                encontrado a lo largo del estudio abordado (si es el caso)</li>
+                            <li>Extensión máxima de 10 páginas incluyendo gráficos, tablas, imágenes y
+                                referencias</li>
+                            <li>El documento deberá estar salvado en Word (última versión).</li>
+                            <li>El extenso deberá ser enviado a partir del 17 de abril al 26 de mayo de
+                                2020 a la dirección electrónica</li>
+                            <li>Los nombres y apellidos de los autores se situarán separados a 12 puntos</li>
+                        </ol>
+                        <h3>Criterios para la aceptación de las ponencias.</h3>
+                      
+                            <ol>
+                                <li>Todos los trabajos deberán ser producto de una investigación concluida o
+                                    en proceso de desarrollo, o bien deberá aludir a una experiencia educativa
+                                    que se inscriba en uno de los campos de la investigación de la investigación
+                                    educativa, que se atienden en las mesas temáticas.</li>
+                                <li>CEl contenido de las ponencias en extenso, en resumen, o en cartel deberá
+                                    incluir contenidos vigentes y articulados con las configuraciones y
+                                    problemáticas educativas que representan los modelos educativos y las
+                                    transformaciones que presentan en la actualidad.</li>
+                                <li>Las ponencias de las investigaciones que se presenten deberán inscribirse
+                                    en los temas de las 9 mesas que componen la organización del evento.</li>
+                                <li>Solo se aceptarán trabajos con ideas que se incluyan en la temática general
+                                    del Coloquio</li>
+                                <li>Los trabajos que se presenten deberán contener desarrollos completos,
+                                    cuyo contenido esté debidamente fundamentado y documentado.</li>
+                                <li>El trabajo debe ser inéditos requisitos editoriales de la institución y hayan
+                                    sido aprobadas en el dictamen que emita el comité</li>
+                                <li>Todos los trabajos serán sometidos a dictamen para su presentación en las
+                                    mesas de trabajo.</li>
+                                <li>Los trabajos que integren la memoria del evento, con números ISBN, serán
+                                    sometidos a redictamen con fines editoriales y deberán cumplir con los siguientes criterios: deberán ser trabajos inéditos, que cumplan con los
+                                    requisitos editoriales de la institución, mismos que se darán a conocer
+                                    oportunamente y serán publicados, siempre y cuando, cumplan con todos
+                                    los lineamientos de la presente CONVOCATORIA, adicionalmente se
+                                    requiere: <ol type="a">
+                                        <li>Autores con Nacionalidad mexicana: incluir su (s) nombre (s) y apellidos
+                                            sin abreviaturas. En el caso de que su nombre tenga abreviaturas
+                                            adjuntar de identificación oficial (INE, pasaporte o cédula profesional)</li>
+
+                                        <li>Autores con nacionalidad extranjera: incluir su (s) nombre (s) y apellidos
+                                            sin abreviaturas, además adjuntar copia de identificación oficial
+                                            Pasaporte, FM1 o documento de identidad nacional (en todos los casos)</li>
+                                    </ol></li>
+                                <li>La presentación de los trabajos en cualquiera de las dos modalidades,
+                                    ponencia o en cartel, estará sujeta a la inscripción y pago de registro de
+                                    cada uno de los autores.</li>
+                                
+
+                            </ol>
+
+                        <h3>Criterios para la aceptación de carteles</h3>
+                        <h4>Quienes deseen participar en el Coloquio a través de la modalidad de Cartel
+                            podrán hacerlo con las siguientes instrucciones:</h4>
+                        <ol>
+                            <li>Características físicas del cartel.
+                            <ol type="a">
+                                        <li>Dimensión: para la exposición de carteles cada autor dispondrá de un
+                                            espacio de 1mt de ancho por 1.20 de altura</li>
+
+                                        <li>El título: escribirlo con negritas, letra arial mayúscula de un tamaño
+                                            mínimo de 68 puntos, con un máximo de 15 palabras. Los términos
+                                            científicos y especializados escribirlos con itálicas.</li>
+                                        <li>Autores: los nombres deberán colocarse debajo del título, con letra arial,
+                                            mayúsculas y minúsculas de 44 a 48 puntos de tamaño. El nombre del
+                                            autor que hará la presentación deberá ir en negritas.</li>
+                                        <li>Adscripción: nombre se la institución de adscripción de los autores y
+                                            correo electrónico del autor que presenta en letra arial de tamaño 34
+                                            puntos.</li>
+                                        <li>Clave de registro del cartel: deberá colocarse en la esquina superior
+                                            izquierda, en letra arial de 68 puntos, es la clave de registro de
+                                            inscripción.</li>
+                            </ol></li>
+                            <li>Contenido: deberá exhibir con claridad el trabajo en el que se destaquen los
+                                avances logrados, así como la importancia general o especifica de la
+                                investigación y debe incluir las conclusiones o en su caso los avances
+                                obtenidos hasta el momento de la presentación.
+                                <ol type="a">
+                                    <li>Debe contener los siguientes requisitos: letra arial negrita con 36 puntos,
+                                        para los títulos.</li>
+                                    <li>Secciones:
+                                        <ul>
+                                            <li>b1 Introducción</li>
+                                            <li>b3 resultados o avances</li>
+                                            <li>b4 conclusiones o discusiones</li>
+                                            <li>b5 literatura citada</li>
+                                            <li>b6 agradecimientos (opcional)</li>
+                                            <li>Nota: el texto debe presentarse a dos columnas, contenido en letra de
+                                                28 a 32 puntos, lo cual permite que pueda ser leído a una distancia de
+                                                hasta 2 metros. La descripción de estas secciones deberá ser concisa,
+                                                es decir contener el menor número de palabras y de información. Es
+                                                preferible presentar la información en imágenes, graficas, tablas o
+                                                ilustraciones que representen la información.</li>
+
+                                        </ul>
+                                    </li>
+                                  
+                                </ol></li>
+                            <li>Montaje: se realizará con una hora de anticipación al horario señalado para
+                                su presentación, colocar el cartel en el área que le corresponda,
+                                previamente asignada, respetando el día y la hora señalados</li>
+                            <li>Presentación: el autor deberá permanecer frente a su cartel para atender
+                                las consultas que se le hagan.</li>
+                            <li>Diseño: el cartel debe estar diseñado de tal forma que refleje la esencia y
+                                relevancia de su investigación, misma que debe ser apreciada a primera
+                                vista, puede contener los logos de la institución que representa el autor
+                                principal.</li>
+                            <li>Otras recomendaciones: el autor deberá retirar el cartel una vez concluido
+                                el evento, ya que el comité organizador no se hará responsable del mismo.</li>
+                            <li>El envío de resumen para carteles deberá realizarse del 17 de febrero al 6
+                                de abril.</li>
+                           
+                        </ol>
+                        <h5 class="dif"><a href="#">Consulte ejemplo en la siguiente liga</a></h5>
+
+
+
+
+
+                    </div>
+                </div>
+            </div>
+            
+            
+        </main>
+    </div>
+    
+     
+
+</template>
+
+
+<script>
+
+import webMenu from '../estetica/menu.vue';
+
+
+export default {
+ 
+    
+    components: {
+        
+        appMenu: webMenu,
+          }
+}
+</script>
+
+<style scoped>
+.container{
+    margin-bottom: 4rem;
+}
+.dif{
+    text-align: center;
+}
+.alin{
+    text-align: left;
+}
+.titulo{
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+}
+h1 {
+   padding-left: 2rem;
+    padding-right: 2rem;
+    font-weight: bold;
+    font-size: 1.6rem;
+    text-align: center;
+    
+}
+main img {
+    width: 20rem;
+    margin-bottom: 6rem;
+}
+
+@media screen and (min-width: 768px) {
+    main img {
+        width: 40rem;
+    }
+    h1{
+         display: inline; 
+       border-bottom: solid .1rem black;
+    
+        font-size: 2rem;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    main img {
+        width: 60rem;
+    }
+    h1{
+        font-size: 2.5rem;
+    }
+}
+</style>

src/components/costos.vue

@@ -0,0 +1,115 @@
+<template>
+
+    <div>
+        <app-menu ></app-menu>
+        <main class="centrar">
+            <div class="titulo">
+                <h1>Costos de Inscripción</h1>
+            </div>
+            
+        </main>
+            <div class="container alin">
+                <div class="row">
+                    <div class="col">
+                        <h2>Ponente</h2>
+                        <ol type="a">
+                            <li>$600.00 MXN o $30 USD (más IVA) por inscripción como ponente, en la
+                                modalidad oral o en cartel (inscripción por autor), lo que dará derecho a
+                                la presentación de los trabajos, el ingreso a todas las sesiones,
+                                ponencias durante los tres días que durará el evento, coffee break,
+                                constancia de participación y asistencia (electrónicas) en caso de
+                                participar como ponente se incluye la publicación de su trabajo, (en caso
+                                de que así lo desee)</li>
+                            
+                        </ol>
+                        <h2>Tallerista</h2>
+                        <ol type="a">
+                            <li>$300.00 MXN o $15 USD (más IVA) por asistencia a cada uno de los
+                                talleres que se impartirán en el evento, comunidad interna y externa.</li>
+                            <li>El pago de registro para los talleres le da derecho a la constancia de
+                                asistencia al taller, así como a los materiales de lectura, de los cuales
+                                podrá disponer en la página electrónica del evento.</li>
+                           
+
+
+                        </ol>
+
+                        <h2>Asistente al Coloquio comunidad externa</h2>
+                        <ol type="a">
+                            <li>$300.00 MXN o $15 USD (más IVA) con derecho a ingresar los tres días
+                                a todas las sesiones y ponencias, así como a obtener constancia de
+                                asistencia.</li>
+                        </ol>
+
+
+
+                    </div>
+                </div>
+            </div>
+     
+    </div>
+ 
+
+</template>
+
+<script>
+
+import webMenu from '../estetica/menu.vue';
+
+
+export default {
+ 
+    
+    components: {
+        
+        appMenu: webMenu,
+          }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+.container{
+    margin-bottom: 4rem;
+}
+.alin{
+    text-align: left;
+}
+.titulo{
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+}
+h1 {
+   padding-left: 2rem;
+    padding-right: 2rem;
+    font-weight: bold;
+    font-size: 1.6rem;
+    text-align: center;
+    
+}
+main img {
+    width: 20rem;
+    margin-bottom: 6rem;
+}
+
+@media screen and (min-width: 768px) {
+    main img {
+        width: 40rem;
+    }
+    h1{
+         display: inline; 
+       border-bottom: solid .1rem black;
+    
+        font-size: 2rem;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    main img {
+        width: 60rem;
+    }
+    h1{
+        font-size: 2.5rem;
+    }
+}
+</style>

src/components/fechas.vue

@@ -0,0 +1,92 @@
+<template>
+
+    <div>
+        <app-menu ></app-menu>
+        <main class="centrar">
+            <div class="titulo">
+                <h1>Fechas</h1>
+            </div>
+            <div class="container alin">
+                <div class="row">
+                    <div class="col">
+                        <ul>
+                            <li>Envío de resúmenes y ponencias en extenso: del 17 de febrero al 6 de abril</li>
+                            <li>Dictámenes: del 04 al 25 de mayo</li>
+                            <li>Inscripción ponente: 4 al 31 de mayo.</li>
+                            <li>Inscripción asistente: comunidad externa: 1 de marzo al 31 de julio Inscripción
+                                comunidad interna 1 de marzo al 31 de julio, sin costo (es necesario asistir al 50%
+                                de las actividades del evento, para tener derecho a constancia de asistencia)</li>
+                            <li>Inscripción a talleres 1 de marzo al 31 de julio.</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>     
+        </main>
+    </div>
+    
+     
+
+</template>
+
+
+<script>
+
+import webMenu from '../estetica/menu.vue';
+
+
+export default {
+ 
+    
+    components: {
+        
+        appMenu: webMenu,
+          }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+.container{
+    margin-bottom: 4rem;
+}
+.alin{
+    text-align: left;
+}
+.titulo{
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+}
+h1 {
+   padding-left: 2rem;
+    padding-right: 2rem;
+    font-weight: bold;
+    font-size: 1.6rem;
+    text-align: center;
+    
+}
+main img {
+    width: 20rem;
+    margin-bottom: 6rem;
+}
+
+@media screen and (min-width: 768px) {
+    main img {
+        width: 40rem;
+    }
+    h1{
+         display: inline; 
+       border-bottom: solid .1rem black;
+    
+        font-size: 2rem;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    main img {
+        width: 60rem;
+    }
+    h1{
+        font-size: 2.5rem;
+    }
+}
+</style>

src/components/inicio.vue

@@ -6,7 +6,7 @@
             <div class="titulo">
                 <h1>Coloquio Internacional de Educacion 2020</h1>
             </div>
-            <img src="../assets/ejemplo.jpeg" alt="imagen_jornada_laboral">       
+            <img src="../assets/cartel.jpg" alt="imagen_coloquio">       
         </main>
     </div>
     

src/components/mesas.vue

@@ -0,0 +1,280 @@
+<template>
+
+    <div>
+        <app-menu ></app-menu>
+        <main class="centrar">
+            <div class="titulo">
+                <h1>Mesas Temáticas</h1>
+            </div>
+            <div class="container alin">
+                <div class="row">
+                    <div class="col">
+                        <ol>
+                            <li>Perspectivas curriculares y propuestas de transformación del Currículo:
+                                <p>El planteamiento que circunda la transformación de los fundamentos y la
+                                    construcción del currículo, constituye una propuesta a los distintos movimientos de
+                                    reformas educativas en el mundo y pretende proponer el análisis y la discusión
+                                    sobre los fundamentos y la construcción curricular, que deriven en la renovación
+                                    de las perspectivas pedagógicas, didácticas, metodológicas y de contenidos.</p>
+                                <p>Estas propuestas deberán incluir a los actores socio-educativos que aborden en la
+                                    investigación aspectos emergentes del currículo como la educación ambiental y su
+                                    transversalidad, así como el desarrollo del pensamiento crítico.</p>
+                                <p>Entre los aspectos que desarrollará la mesa se encuentran los siguientes:</p>
+                                <ul>
+                                    <li>Un paradigma educativo que se centra en la persona y que promueva una
+                                        visión de confluencia y convivencia con el medio ambiente</li>
+                                    <li>Organización curricular que trascienda el esquema convencional y promueva
+                                        modelos como el aula invertida, el trabajo por proyectos y modelos
+                                        integradores.</li>
+                                    <li>Nuevas estrategias de diseño y desarrollo curricular, con un currículo
+                                        organizado en valores y principios bioéticos y el establecimiento de relaciones
+                                        críticas con los sujetos y el medio en el que se desarrollan.</li>
+                                    <li>El currículo como eje de formación de sujetos sociales.</li>
+                                    <ul>
+                                        <li>Modelos de gestión educativa</li>
+                                        <li>Política educativa e innovación</li>
+                                        <li>La educación como instrumento de transformación</li>
+                                        <li>Policy network en el ámbito educativo</li>
+                                        <li>El papel de la educación en la construcción del espacio público</li>
+                                        <li>Los gobiernos subnacionales y las políticas educativas</li>
+                                        <li>Sociedad civil y educación</li>
+                                        <li>El análisis de la política educativa</li>
+                                        <li>Las agendas de la política educativa</li>
+                                        <li>Gobernanza y política educativa</li>
+                                    </ul>
+                                </ul>
+                            </li>
+                            <li>Experiencias de innovación e intervención en la educación
+                                <p>En esta mesa se presentarán ponencias relacionadas con experiencias de
+                                    intervención pedagógica, donde se analice y reflexione sobre el involucramiento
+                                    como profesional en términos de la posición teórico, política y ética desde la cual
+                                    aborda su interpretación del fenómeno educativo, su inclusión en un espacio
+                                    concreto, el por qué y el para qué de su inclusión, la mirada sobre el vínculo
+                                    establecido con los otros protagonistas, así como sobre los efectos producidos en
+                                    todos los actores del acto educativo. Si se desea resaltar como una experiencia
+                                    innovadora, la ponencia tendrá que dar cuenta del proceso sistemático seguido
+                                    para atender una problemática educativa de una manera original y carácter
+                                    integral, así como de la conformación e inclusión de los elementos considerados
+                                    como innovadores.</p>
+                            </li>
+                            <li>Políticas públicas para la innovación y transformación educativa
+                                <p>Desde la antigüedad se ha considerado a la educación como un instrumento que
+                                    transforma conciencias y realidades, actualmente, en el marco de la globalización
+                                    y de la llamada sociedad del conocimiento, a la educación también se le valora
+                                    como fuente de riqueza y desarrollo para individuos y sociedades. Esta situación
+                                    plantea necesariamente la reflexión sobre la formulación, instrumentación y
+                                    evaluación de la política educativa, particularmente sobre el papel que juegan en
+                                    este ciclo actores que van desde profesores y alumnos, pasando por las
+                                    organizaciones de la sociedad civil, hasta los organismos multilaterales, revisando
+                                    los diferentes modelos de gestión que se decantan desde los que consideran que
+                                    la educación debe ser una función garantizada e instrumentada por el poder
+                                    político estatal, hasta los que consideran que la educación debe estar sujeta a los
+                                    equilibrios de la oferta y la demanda; así como enfoques que conciben a la
+                                    educación como una variable fundamental en la construcción y preservación de
+                                    identidades colectivas que pueden ser de naturaleza incluyente o excluyente.</p>
+                                <p>Objetivo general: Analizar la formulación, instrumentación y evaluación de las
+                                    políticas innovadoras tendientes a la transformación del sujeto y su entorno, para
+                                    los diferentes niveles educativos, en los tres órdenes de gobierno, así como la
+                                    interacción de los actores involucrados en las mismas: autoridades, sociedad civil,
+                                    alumnos, profesores y organizaciones sindicales.</p>
+                            </li>
+                            <li>Educación Inclusiva
+                                <p>Experiencias, avances, logros, retos y propuestas dentro del campo de la
+                                    educación inclusiva.</p>
+                                <p>La educación inclusiva con base en el derecho que toda persona tiene a recibir
+                                    educación de calidad y donde se promuevan aprendizajes durante toda la vida, se
+                                    encarga de procurar la atención a la diversidad y a las necesidades de los
+                                    estudiantes haciendo énfasis en grupos vulnerables a la exclusión o marginación.
+                                    Es por esto, que los temas a tratar en esta mesa se deben enfocar en dialogar
+                                    sobre experiencias, avances, logros, retos, propuestas educativas e investigación
+                                    científica relacionados con el desarrollo integral de la persona desde el marco
+                                    educativo.</p>
+                                <p>Incluye trabajos sobre multiculturalidad e interculturalidad y personas que
+                                    presenten alguna discapacidad, barrera de aprendizaje o que por algún motivo o
+                                    circunstancia cursen con algún rezago educativo.</p>
+                            </li>
+                            <li>Lectura y escritura en la formación académica
+                                <p>En este eje temático se recibirán trabajos que den cuenta de avances o resultados
+                                    de experiencias, proyectos e intervenciones en el desarrollo y promoción de la
+                                    lectura y la escritura en contextos escolares, académicos y profesionales.</p>
+                                <p>Subtemas</p>
+                                <ul>
+                                    <li>Alfabetización académica</li>
+                                    <li>Alfabetismos digitales</li>
+                                    <li>Didácticas para el desarrollo y promoción de la lectura y la escritura</li>
+                                    <li>Enseñanza de la lectura y escritura</li>
+                                    <li>Géneros académicos</li>
+                                    <li>Lectura y escritura en los posgrados</li>
+                                    <li>Literacidad académica</li>
+                                    <li>Talleres y Círculos de lectura y escritura</li>
+
+                                </ul>
+                            
+                            </li>
+                            <li>Las TIC y las TAC en la educación:
+                                <p>La Globalización y el avance tecnológico son dos elementos característicos que han
+                                    acompañado el desarrollo económico, político, social y cultural en la actualidad
+                                    convirtiéndolas en sociedades más interconectadas digitalmente, estas características de
+                                    avanzada han impactado en la educación. Promover la integración de las personas a la
+                                    cultura digital mediante la alfabetización en el uso de las TIC y las TAC es menester de la
+                                    educación del siglo XXI.</p>
+                                <p>El objetivo de la mesa es el promover la reflexión sobre el uso de la tecnología para
+                                    enriquecer la formación de las personas en la cultura digital. En este sentido, las
+                                    propuestas deberán incluir a los actores socio-educativos que aborden en la investigación
+                                    aspectos emergentes en el uso de las TIC y las TAC en la educación.</p>
+                                <p>Entre los aspectos que desarrollarán la mesa se encuentran los siguientes:</p>
+                                <ul>
+                                    <li>Experiencias docentes en el uso de tecnologías para el aprendizaje
+                                        y el conocimiento (TAC): Se busca rescatar las experiencias docentes
+                                        que incorporan tecnología en la didáctica y que promuevan el
+                                        aprendizaje significativo en los alumnos.</li>
+                                    <li>Metodologías en el uso de tecnologías para la educación: Serán
+                                        trabajos sobre metodologías innovadoras, tendencias educativas
+                                        enriquecidas con tecnologías, proyectos de investigación y/o de
+                                        intervención y buenas prácticas en el uso de las tecnologías en el
+                                        ámbito educativo dentro y fuera del salón de clases.</li>   
+                                </ul>
+                            </li>
+                            <li>Educación y Género
+                                <p>Toda vez que las desigualdades de género, el sexismo, la discriminación y la
+                                    violencia siguen formando parte de la vida cotidiana de las instituciones
+                                    educativas, de su estructura y organización, dentro o fuera de las aulas, así como
+                                    de los espacios de gestión institucional y educativa. Resulta importante poder
+                                    analizar y reflexionar desde la visión de género sobre las prácticas educativas que
+                                    tienen lugar en los diferentes niveles y ámbitos de la educación, ya que hoy día
+                                    reconocer la pertinencia de la perspectiva de género en educación, posibilita
+                                    entender que la vida de las mujeres y los hombres es transformable hacia el buen
+                                    vivir si se construyen la equidad, la igualdad y la justicia para todos los seres
+                                    humanos.</p>
+                                <p>Se invita a participar en los siguientes ejes:</p>
+                                <ul>
+                                    <li>Desigualdades de género sexismo y discriminación en la práctica docente</li>
+                                    <li>Iniciativas y acciones encaminadas a lograr la equidad entre hombres y
+                                        mujeres en los diferentes niveles educativos.</li>
+                                    <li>Iniciativas y acciones encaminadas a lograr la equidad entre hombres y
+                                        mujeres en los diferentes niveles educativos</li>
+                                    <li>Participación actual y trayectorias de los sujetos de la educación desde la
+                                        perspectiva de género</li>
+                                    <li>Crítica y aportaciones de la teoría feminista a la Educación</li>
+                                    
+                                </ul>
+                            </li>
+                            <li>Ética, valores y formación socio-emocional en la educación
+                                <p>La Ética se identifica como la base de la reflexión sobre la importancia de los
+                                    valores y los procesos de construcción de valoración, que nos permite comprender
+                                    los límites o alcances de nuestras acciones, reflejadas en las actitudes,
+                                    comportamientos y conductas, tonificadas por las emociones, sentimientos y
+                                    afectos.</p>
+                                <p>Desde esta perspectiva, entendemos que Ética- valores – formación
+                                    socioemocional están implicadas en la conformación de la persona, en tanto sujeto
+                                    que reflexiona sobre su modo de ser y actuar en situaciones y contextos
+                                    determinados.</p>
+                                <p>Por lo tanto, las líneas temáticas que se sugieren son:</p>
+                                <ul>
+                                    <li>Ética y Educación</li>
+                                    <li>Valores y Educación</li>
+                                    <li>Formación Socioemocional</li>
+                                    <li>Educación de la Afectividad</li>
+                                    <li>Educación en las Virtudes</li>
+                                    <li>Educación de los Sentimientos</li>
+                                    <li>Formación del Carácter</li>
+                                    <li>Formación Socioemocional</li>
+                                </ul>
+                        
+                            </li>
+                            <li>Educación Ambiental y Bioética
+                                <p>En esta mesa se incluyen los proyectos de investigación dirigidos a fomentar,
+                                    desde una perspectiva bioética, política y pedagógica una cultura ambiental
+                                    caracterizada por la responsabilidad social, entre los diferentes segmentos de la
+                                    población incluyendo todos los grupos culturales; lo que dotará de elementos
+                                    teóricos y prácticos, para mejorar la comprensión de los principios básicos de la
+                                    naturaleza e incidir en la concienciación orientada a favorecer el comportamiento
+                                    idóneo para interactuar con el medio ambiente.</p>
+                                <p>La mesa también tiene una temática peculiar en la que además del abordaje de la
+                                    educación ambiental desde la bioética se pretende promover una cultura
+                                    armónica, a través de la modificación de actitudes para establecer nuevas formas
+                                    de interactuar con el medio ambiente y quienes forman parte de él.</p>
+                                <p>Los ejes de discusión de la mesa se guían por los siguientes puntos.</p>
+                                <ul>
+                                    <li>Educación ambiental en los programas educativos.</li>
+                                    <li>Educación ambiental y participación social.</li>
+                                    <li>Principios bioéticos como medio de concienciación para el cuidado
+                                        ambiental.</li>
+                                </ul>
+                            </li>
+                         
+
+                        </ol>
+                    </div>
+                </div>
+            </div>  
+        </main>
+    </div>
+    
+     
+
+</template>
+
+
+<script>
+
+import webMenu from '../estetica/menu.vue';
+
+
+export default {
+ 
+    
+    components: {
+        
+        appMenu: webMenu,
+          }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+.container{
+    margin-bottom: 4rem;
+}
+
+.alin{
+    text-align: left;
+}
+.titulo{
+    margin-top: 3rem;
+    margin-bottom: 3rem;
+}
+h1 {
+   padding-left: 2rem;
+    padding-right: 2rem;
+    font-weight: bold;
+    font-size: 1.6rem;
+    text-align: center;
+    
+}
+main img {
+    width: 20rem;
+    margin-bottom: 6rem;
+}
+
+@media screen and (min-width: 768px) {
+    main img {
+        width: 40rem;
+    }
+    h1{
+         display: inline; 
+       border-bottom: solid .1rem black;
+    
+        font-size: 2rem;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    main img {
+        width: 60rem;
+    }
+    h1{
+        font-size: 2.5rem;
+    }
+}
+</style>

src/estetica/header.vue

@@ -2,8 +2,10 @@
     <header class="Azul-puma py-3">
         <header class="container">
             <div class="row py-3">
-                  <div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
-                <div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/aniversario.png" height="80" alt="Ediciones Acatlán"> </div>
+                
+                    <div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
+                    <div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/Fes-aniversario.png"  class="logo-fes" alt="Ediciones Acatlán"> </div>
+               
             </div>
 
         </header>
@@ -18,6 +20,10 @@ export default {
 </script>
 
 <style>
+.logo-fes{
+    height: 5rem;
+    
+}
 .sin_pad{
     margin-left: 0rem;
     margin-right: 0rem;
@@ -29,6 +35,12 @@ export default {
 .Azul-puma {
   background-color: rgb(26, 27, 29); 
   }
-
+@media screen and (max-width: 1024px) {
+    .logo-fes{
+    margin-top: .7rem;
+    height: 4rem;
+    
+}
+}
 
 </style>

src/estetica/menu.vue

@@ -4,7 +4,10 @@
         <ul >
             <div>
                 <router-link to="/" tag="li"><a> Inicio</a></router-link>
-                <router-link to="/actividades" tag="li"><a>Convocatoria</a></router-link>
+                <router-link to="/convocatoria" tag="li"><a>Convocatoria</a></router-link>
+                <router-link to="/costos" tag="li"><a>Costos de Inscripción</a></router-link>
+                <router-link to="/fechas" tag="li"><a>Fechas</a></router-link>
+                <router-link to="/mesas" tag="li"><a>Mesas Temáticas</a></router-link>
                  </div>
            </ul>
     </nav>

src/routes.js

@@ -1,7 +1,15 @@
 import Inicio from './components/inicio.vue'
-
-
+import Convocatoria from './components/convocatoria.vue'
+import Costos from './components/costos.vue'
+import Fechas from './components/fechas.vue'
+import Mesas from './components/mesas.vue'
 export const routes = [
-    { path: '/', component: Inicio, name: 'inicio' }
+    { path: '/', component: Inicio, name: 'inicio' },
+    { path: '/convocatoria', component: Convocatoria, name: 'convocatoria' },
+    { path: '/costos', component: Costos, name: 'costos' },
+    { path: '/fechas', component: Fechas, name: 'fechas' },
+    { path: '/mesas', component: Mesas, name: 'mesas' }
+
+
 
 ];