Added a new landing: Mujeres Protagonistas and modified Transformando

This commit is contained in:
Albert Strusberg 2022-03-26 15:25:02 -05:00
parent c809e0d3de
commit dcda06d328
14 changed files with 209 additions and 3 deletions

View File

@ -12,3 +12,7 @@ def l_morena():
def l_transformando():
favicon_name='favicon_transformando.png'
return dict(favicon_name=favicon_name)
def l_mujeres_protagonistas():
favicon_name='favicon_mujeres_protagonistas.png'
return dict(favicon_name=favicon_name)

View File

@ -143,6 +143,7 @@
'Memberships': 'Membresias',
'Menu Model': 'Modelo "menu"',
'Morena Hidalgo': 'Morena Hidalgo',
'Mujeres Protagonistas': 'Mujeres Protagonistas',
'My Sites': 'Mis Sitios',
'Name': 'Nombre',
'New password': 'Contraseña nueva',

View File

@ -20,7 +20,8 @@ if not configuration.get('app.production'):
(T('Landing pages'), False, '#', [
(T('Edda Vitte'), False, URL('landings', 'l_edda')),
(T('Morena Hidalgo'), False, URL('landings', 'l_morena')),
(T('Transformando Hidalgo'), False, URL('landings', 'l_transformando'))
(T('Transformando Hidalgo'), False, URL('landings', 'l_transformando')),
(T('Mujeres Protagonistas'), False, URL('landings', 'l_mujeres_protagonistas'))
]),
(T('This App'), False, '#', [
(T('Design'), False, URL('admin', 'default', 'design/%s' % _app)),

View File

@ -0,0 +1,97 @@
@font-face {
font-family: gothamBook;
src: url(../fonts/Gotham-Book.otf);
}
@font-face {
font-family: gothamMedium;
src: url(../fonts/Gotham-Medium.otf);
}
@font-face {
font-family: gothamBlack;
src: url(../fonts/Gotham-Black.otf);
}
.main-container{
margin-top: 0px;
}
.bg-mujeres-protagonistas-lpurple {
background-color: #69425a;
}
h2{
font-family: gothamBlack;
color: #fffbf0;
}
h3{
font-family: gothamBlack;
font-size: 1.25rem;
color: #cf6285;
}
.mujeres-protagonistas-text{
font-family: gothamBook;
color: #fffbf0;
font-size: 1rem;
}
.date-label{
font-family: gothamMedium;
font-size: 1.25rem;
color: #fffbf0;
}
.div-mujeres-protagonistas-form{
padding: 2rem 2rem 6rem 2rem;
}
.form-control{
background-color: #fffbf0 !important;
border-radius: 0px !important;
}
.form-outer-border{
padding: 0 0.25rem 0.25rem 0;
border-radius: 0px;
border-style: none solid solid none;
border-width:thin;
border-color: #fffbf0;
}
.btn-mujeres-protagonistas{
font-family: gothamBlack;
font-size: 1.75rem;
color: #fffbf0;
background-color: #cf6285;
border-radius: 0.75rem;
letter-spacing: 0.15rem;
}
.footer{
height: 100px;
font-family: gothamMedium;
font-size: 0.75rem;
color: #69425a;
background-color:#cf6285 !important;
}
@media (min-width: 600px) {
.banner-text{
display: block;
}
.banner-notext{
display: none;
}
}
@media (max-width: 600px) {
.banner-text{
display: none;
}
.banner-notext{
display: block;
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 496 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 475 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 947 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,98 @@
{{extend 'layout.html'}}
<link rel="stylesheet" href="{{=URL('static', 'css/mujeres_protagonistas.css')}}">
<div class="container-fluid main-container">
<div class="row align-items-center">
<div class="col-12 px-0">
<img class="w-100 banner-text" src="{{=URL('static', 'images/banner_mujeres_protagonistas.png')}}" class="img-fluid" alt="">
<img class="w-100 banner-notext" src="{{=URL('static', 'images/banner_mujeres_protagonistas_notext.png')}}" class="img-fluid" alt="">
</div>
</div>
<div class="row div-mujeres-protagonistas-form bg-mujeres-protagonistas-lpurple">
<div class="col-12 mx-auto">
<form class="" enctype="multipart/form-data" method="post">
<div class="row banner-notext">
<div class="col-12">
<div class="mujeres-protagonistas-text mb-2">
¿Quieres formar parte del <span style="font-family:gothamBlack">mejor movimiento de mujeres del estado de Hidalgo?</span>
</div>
<div class="mujeres-protagonistas-text mb-4">
Regístrate con nosotras.
</div>
</div>
</div>
<div class="row mb-4" style="max-width: 640px">
<div class="col-12 form-group">
<label for="formularioNombre"><h3>NOMBRE(S)</h3></label>
<div class="form-outer-border">
<input type="text" class="form-control" id="formularioNombre" placeholder="">
</div>
</div>
</div>
<div class="row mb-4" style="max-width: 640px">
<div class="col-12 col-lg-6 form-group">
<label for="formularioApellidoP"><h3>APELLIDO PATERNO</h3></label>
<div class="form-outer-border">
<input type="text" class="form-control" id="formularioApellidoP" placeholder="">
</div>
</div>
<div class="col-12 col-lg-6 form-group">
<label for="formularioApellidoM"><h3>APELLIDO MATERNO</h3></label>
<div class="form-outer-border">
<input type="text" class="form-control" id="formularioApellidoM" placeholder="">
</div>
</div>
</div>
<div class="row mb-4" style="max-width: 640px">
<div class="col-12 form-group">
<label for="formularioNacimiento"><h3>FECHA DE NACIMIENTO</h3></label>
<div class="row" id="formularioNacimiento">
<div class="col-3">
<span class="date-label">DÍA</span>
<input type="numeric" class="form-control" placeholder="">
</div>
<div class="col-3">
<span class="date-label">MES</span>
<input type="numeric" class="form-control" placeholder="">
</div>
<div class="col-6">
<span class="date-label">AÑO</span>
<input type="numeric" class="form-control" placeholder="">
</div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-12 col-lg-3 form-group" style="max-width: 640px">
<label for="formularioCelular"><h3>TELÉFONO</h3></label>
<div class="form-outer-border">
<input type="numeric" class="form-control" id="formularioCelular" placeholder="">
</div>
</div>
<div class="col-12 col-lg-3 form-group" style="max-width: 640px">
<label for="formularioCorreo"><h3>CORREO ELECTRÓNICO</h3></label>
<div class="form-outer-border">
<input type="email" class="form-control" id="formularioCorreo" placeholder="">
</div>
</div>
<div class="col-12 col-lg-6 text-center">
<input type="image" name="submit" src="{{=URL('static','images/btn_mujeres_protagonistas.png')}}" border="0" alt="Submit" style="width: 100%; max-width:20rem;" />
<input type="hidden" name="_formname" value="enviarFormulario">
</div>
</div>
</form>
</div>
</div>
</div>
{{block footer}} <!-- this is default footer -->
<footer class="footer container-fluid">
<div class="row align-items-center h-100 mt-0">
<div class="col-10">
<div class="copyright d-inlineb" style="margin-right:0.5rem;">{{=T('Copyright')}} &#169; Julio Menchaca Salazar {{=request.now.year}}. Todos los derechos reservados. </div>
<span style="color:#fffbf0;">Aviso de privacidad</span>
</div>
<div class="col-2">
<img class="float-right" src="{{=URL('static', 'images/fb_mujeres_protagonistas.png')}}" class="img-fluid" alt="" style="width: 50px">
</div>
</div>
</footer>
{{end}}

View File

@ -17,10 +17,15 @@
<form class="" enctype="multipart/form-data" method="post">
<div class="row mb-3">
<div class="col-12 col-lg-6 form-group">
<input type="text" class="form-control" id="formularioNombre" placeholder="Apellidos(s)*">
<input type="text" class="form-control" id="formularioNombre" placeholder="Apellidos paterno*">
</div>
<div class="col-12 col-lg-6 form-group">
<input type="text" class="form-control" id="formularioApellido" placeholder="Nombre(s)*">
<input type="text" class="form-control" id="formularioApellido" placeholder="Apellido materno*">
</div>
</div>
<div class="row mb-3">
<div class="col-12 form-group">
<input type="text" class="form-control" id="formularioNombre" placeholder="Nombre(s)*">
</div>
</div>
<label for="formularioNacimiento">Fecha de nacimiento*</label>