cinco pestañas

This commit is contained in:
DanielRamirezGe
2020-01-29 21:50:17 -06:00
parent 9294aeb8b2
commit b3d24fd4b6
25 changed files with 766 additions and 13 deletions
+115
View File
@@ -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>