{{extend 'layout.html'}}
<link rel="stylesheet" href="{{=URL('static', 'css/morena_hidalgo.css')}}">
<div class="container-fluid main-container">
  <div class="row align-items-center">
    <div class="col-12 p-0">
      <img class="mx-auto d-block w-100" src="{{=URL('static', 'images/banner_morena.jpg')}}" class="img-fluid" alt="">
    </div>
  </div>
  <div class="row div-morena-form" style="background-image: url({{=URL('static', 'images/fondo_morena.png')}}); background-repeat: no-repeat; background-size: 100%;">
    <div class="col-12 mx-auto" style="max-width: 1280px;">
      <form class="" enctype="multipart/form-data" method="post">
        <div class="row mb-4">
          <div class="col-12 form-group">
            <label for="formularioNombre"><h3>NOMBRE(S)</h3></label>
            <input type="text" class="form-control" id="formularioNombre" placeholder="">
          </div>
          <div class="col-12 col-lg-6 form-group">
            <label for="formularioApellidoP"><h3>APELLIDO PATERNO</h3></label>
            <input type="text" class="form-control" id="formularioApellidoP" placeholder="">
          </div>
          <div class="col-12 col-lg-6 form-group">
            <label for="formularioApellidoM"><h3>APELLIDO MATERNO</h3></label>
            <input type="text" class="form-control" id="formularioApellidoM" placeholder="">
          </div>
        </div>
        <div class="row mb-4">
          <div class="col-12 col-lg-6 form-group">
            <label for="formularioNacimiento"><h3>FECHA DE CUMPLEAÑOS</h3></label>
            <div class="row" id="formularioNacimiento">
              <div class="col-3">
                <input type="numeric" class="form-control" placeholder="">
              </div>
              <div class="col-3">
                <input type="numeric" class="form-control" placeholder="">
              </div>
              <div class="col-6">
                <input type="numeric" class="form-control" placeholder="">
              </div>
            </div>
          </div>
          <div class="col-12 col-lg-6 form-group">
            <label for="formularioCelular"><h3>CELULAR</h3></label>
            <input type="numeric" class="form-control" id="formularioCelular" placeholder="">
          </div>
        </div>
        <div class="text-center">
          <input class="btn btn-morena" type="submit" value="ME UNO A LA 4T">
          <input type="hidden" name="_formname" value="enviarFormulario">
        </div>
      </form>
    </div>
  </div>
</div>
{{block footer}} <!-- this is default footer -->
<footer class="footer container-fluid px-0">
  <div class="row mx-auto mt-0 px-0">
    <div class="col-sm-10">
      <div class="">
        <img class="mt-4 w-100" src="{{=URL('static', 'images/logo_morena.png')}}" class="img-fluid" alt="" style="max-width:462px;">
      </div>
      <div class="copyright pull-left">{{=T('Copyright')}} &#169; Morena Hidalgo {{=request.now.year}}. Todos los derechos reservados. Aviso de privacidad</div>
    </div>
    <div class="col-sm-2 footer-img">
      <img class="mt-4 mx-auto d-block" src="{{=URL('static', 'images/morena_hidalgo_estado.png')}}" class="img-fluid" alt="">
    </div>
  </div>
</footer>
{{end}}
