cambio en diseño estetico
This commit is contained in:
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
@@ -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>ASINEA-Login</title><link href=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css rel=stylesheet id=bootstrap-css><script src=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js></script><script src=//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js></script><link href=css/app.d6e511a6.css rel=preload as=style><link href=js/app.55eaa30f.js rel=preload as=script><link href=js/chunk-vendors.60440516.js rel=preload as=script><link href=css/app.d6e511a6.css rel=stylesheet></head><body><noscript><strong>We're sorry but asinea-front doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.60440516.js></script><script src=js/app.55eaa30f.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>ASINEA-Login</title><link href=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css rel=stylesheet id=bootstrap-css><script src=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js></script><script src=//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js></script><link href=css/app.e965de5e.css rel=preload as=style><link href=js/app.76846a1b.js rel=preload as=script><link href=js/chunk-vendors.60440516.js rel=preload as=script><link href=css/app.e965de5e.css rel=stylesheet></head><body><noscript><strong>We're sorry but asinea-front doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=js/chunk-vendors.60440516.js></script><script src=js/app.76846a1b.js></script></body></html>
|
||||
Vendored
-2
File diff suppressed because one or more lines are too long
Vendored
-1
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
+186
-31
@@ -11,7 +11,7 @@
|
||||
|
||||
<!-- Icon -->
|
||||
<div class="fadeIn first">
|
||||
<h1>Registro</h1>
|
||||
<h1>Inscripción</h1>
|
||||
</div>
|
||||
|
||||
<form>
|
||||
@@ -81,7 +81,7 @@
|
||||
</div>
|
||||
<div class="col-md-3 form-check form-check-inline">
|
||||
<input @click="institucion=''" class="form-check-input" type="radio" name="comunidad" id="comunidad3" value="Publico en general" v-model="comunidad">
|
||||
<label class="form-check-label" for="comunidad3">Publico en general</label>
|
||||
<label class="form-check-label" for="comunidad3">Público en general</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -166,34 +166,88 @@
|
||||
<div class=" wrapperRow row">
|
||||
<h2>Tipo de registro</h2>
|
||||
</div>
|
||||
|
||||
<div class="row" style="margin-left: 1rem;">
|
||||
|
||||
<div class="col-md-4 form-check form-check-inline">
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class=" form-check form-check-inline">
|
||||
<input @click="codigoGrupal=''" class="form-check-input" type="radio" name="tipoParticipacion" id="tipoParticipacion1" value="Individual" v-model="tipoParticipacion">
|
||||
<label class="form-check-label" for="tipoParticipacion1">Individual</label>
|
||||
</div>
|
||||
<div class="col-md-4 form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="tipoParticipacion" id="tipoParticipacion2" value="Grupal" v-model="tipoParticipacion">
|
||||
<label class="form-check-label" for="tipoParticipacion2">Grupal</label>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class=" form-check form-check-inline">
|
||||
<input class="form-check-input" type="radio" name="tipoParticipacion" id="tipoParticipacion2" value="Grupal" v-model="tipoParticipacion">
|
||||
<label class="form-check-label" for="tipoParticipacion2">Grupal / Institucional </label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div v-if="tipoParticipacion=='Grupal'">
|
||||
<input type="text" class=" second" placeholder="Introducir código" v-model="codigoGrupal">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col" v-if="tipoParticipacion=='Grupal'">
|
||||
<br/>
|
||||
<p class="alingLeft" >Para realizar la inscripción de un grupo mayor a 10 personas, les pedimos enviar una relación de los participantes así como las actividades de cada uno, al correo: asinea103@fa.unam.mx</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=" wrapperRow row" v-if="tipoParticipacion=='Individual'">
|
||||
<br/>
|
||||
<p class="alingLeft" >Deberá realizar su registro en el siguiente formulario. Una vez que lo recibamos y de acuerdo a las actividades y monto que haya indicado, deberá realizar su pago.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class=" wrapperRow row" v-if="tipoParticipacion=='Individual'">
|
||||
<p class="alingLeft" >Deberá realizar su registro en el siguiente formulario. Una vez que lo recibamos y de acuerdo a las actividades y monto que haya indicado, deberá realizar su pago.</p>
|
||||
</div>
|
||||
<div class=" wrapperRow row" v-if="tipoParticipacion=='Grupal'">
|
||||
<p class="alingLeft" >Para realizar la inscripción de un grupo mayor a 10 personas, les pedimos enviar una relación de los participantes así como las actividades de cada uno, al correo: asinea103@fa.unam.mx</p>
|
||||
|
||||
<!-- <div class="container">
|
||||
<div class="row" style="margin-left: 1rem;">
|
||||
|
||||
<div class="col form-check form-check-inline">
|
||||
<input @click="codigoGrupal=''" class="form-check-input" type="radio" name="tipoParticipacion" id="tipoParticipacion1" value="Individual" v-model="tipoParticipacion">
|
||||
<label class="form-check-label" for="tipoParticipacion1">Individual</label>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 form-check form-check-inline">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<input class="form-check-input" type="radio" name="tipoParticipacion" id="tipoParticipacion2" value="Grupal" v-model="tipoParticipacion">
|
||||
<label class="form-check-label" for="tipoParticipacion2">Grupal / Institucional </label>
|
||||
|
||||
<div class="col-md-3" v-if="tipoParticipacion=='Grupal'">
|
||||
<input type="text" class=" second" placeholder="Introducir código" v-model="codigoGrupal">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" >
|
||||
<div class="col">
|
||||
<p class="alingLeft" >Para realizar la inscripción de un grupo mayor a 10 personas, les pedimos enviar una relación de los participantes así como las actividades de cada uno, al correo: asinea103@fa.unam.mx</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<div class=" wrapperRow row" v-if="tipoParticipacion=='Individual'">
|
||||
<p class="alingLeft" >Deberá realizar su registro en el siguiente formulario. Una vez que lo recibamos y de acuerdo a las actividades y monto que haya indicado, deberá realizar su pago.</p>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
|
||||
|
||||
<div class="row" v-if="tipoParticipacion=='Grupal'">
|
||||
|
||||
<div class="col">
|
||||
<input type="text" class=" second" placeholder="Codigo Grupal" v-model="codigoGrupal">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -832,19 +886,20 @@
|
||||
|
||||
|
||||
|
||||
<div class=" wrapperRow row alingLeft">
|
||||
<h2 class="alingLeft">Estudios de practica</h2>
|
||||
<div class=" wrapperRow row ">
|
||||
<h2 class="alingLeft">Estudios de práctica</h2>
|
||||
<p class="alingLeft">Se llevarán a cabo del 26-30 de octubre 2020. 20 horas exposición en línea y trabajo práctico. Consultar horarios en la página del evento. El costo será de $200.00. Solo podrá elegir un Estudio de práctica</p>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<table class="table">
|
||||
<thead class="thead-dark">
|
||||
<table class="table" responsive="sm" >
|
||||
<thead class="thead-dark" >
|
||||
<tr>
|
||||
|
||||
<th scope="col">Nombre</th>
|
||||
<th scope="col">Cupo Actual</th>
|
||||
<th scope="col">Cupo maximo</th>
|
||||
<th scope="col">Cupo disponible</th>
|
||||
<th scope="col">Cupo máximo</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
@@ -907,13 +962,13 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<table class="table">
|
||||
<table class="table" responsive="sm" >
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
|
||||
<th scope="col">Nombre</th>
|
||||
<th scope="col">Cupo Actual</th>
|
||||
<th scope="col">Cupo maximo</th>
|
||||
<th scope="col">Cupo disponible</th>
|
||||
<th scope="col">Cupo máximo</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody >
|
||||
@@ -1904,5 +1959,105 @@ export default {
|
||||
width:60%;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
th{
|
||||
font-size: .5rem;
|
||||
}
|
||||
td{
|
||||
font-size: .5rem;
|
||||
}
|
||||
.principal{
|
||||
padding: .1rem;
|
||||
}
|
||||
input[type=button], input[type=submit], input[type=reset] {
|
||||
background-color: #56baed;
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 15px 80px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
-webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
|
||||
box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
margin: 5px 20px 40px 20px;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
|
||||
background-color: #39ace7;
|
||||
}
|
||||
|
||||
input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
|
||||
-moz-transform: scale(0.95);
|
||||
-webkit-transform: scale(0.95);
|
||||
-o-transform: scale(0.95);
|
||||
-ms-transform: scale(0.95);
|
||||
transform: scale(0.95);
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type=number]{
|
||||
background-color: #f6f6f6;
|
||||
border: none;
|
||||
color: #0d0d0d;
|
||||
padding: 15px 32px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
margin-left:3px;
|
||||
|
||||
|
||||
width: 90%;
|
||||
border: 2px solid #f6f6f6;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
select[type=text] {
|
||||
background-color: #f6f6f6;
|
||||
border: none;
|
||||
color: #0d0d0d;
|
||||
padding: 15px 2px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 9px;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
margin-left:3px;
|
||||
width: 90%;
|
||||
border: 2px solid #f6f6f6;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
-moz-transition: all 0.5s ease-in-out;
|
||||
-ms-transition: all 0.5s ease-in-out;
|
||||
-o-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
-webkit-border-radius: 5px 5px 5px 5px;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
.wrapperRow {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
|
||||
margin: 3px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user