{{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}}
