{{extend 'layout.html'}}
<link rel="stylesheet" href="{{=URL('static', 'css/liga_morenista.css')}}">
<div class="container-fluid main-container">
  <div class="row align-items-center">
    <div class="col-12 px-0 title-ligam">
      ÚNETE A LA LIGA
    </div>
  </div>
  <div class="row banner-gradient-bg" style="border-bottom: solid #e97c00 1.5rem;">
    <div class="col-12">
      <div class="row justify-content-end mx-auto banner-composite-bg" style="max-width: 1024px;">
        <div class="col-12 col-lg-6 banner-ligam text-center">
          ESTE PARTIDO <br>
          <span style="font-size:1.25rem; line-height: 2.25rem;">LO JUGAMOS NOSOTROS</span><br>
          Y LO VAMOS A <br>
          <span style="font-size:4.5rem; line-height: 4.5rem;   border-bottom: solid #e97c00 1.5rem;">GANAR</span>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <div class="form-title text-center">
        ÚNETE<br><span class="align-top" style="font-size:2rem;">A LA</span><span class="align-text-bottom"> LIGA</span>
      </div>
    </div>
  </div>
  <div class="row div-ligam-form">
    <div class="col-12 mx-auto" style="max-width: 1024px;">
      <form class="" enctype="multipart/form-data" method="post">
          <div class="row mb-3">
            <div class="col-12 col-lg-12 form-group">
              <label for="formularioNombre">NOMBRE(S)</label>
              <input type="text" class="form-control" id="formularioNombre">
            </div>
          </div>
          <div class="row mb-3">
            <div class="col-12 col-lg-6 form-group">
              <label for="formularioApellidoP">APELLIDO PATERNO</label>
              <input type="text" class="form-control" id="formularioApellidoP">
            </div>
            <div class="col-12 col-lg-6 form-group">
              <label for="formularioApellidoM">APELLIDO MATERNO</label>
              <input type="text" class="form-control" id="formularioApellidoM">
            </div>
          </div>
          <label for="formularioNacimiento">FECHA DE CUMPLEAÑOS</label>
          <div class="row mb-3">
            <div class="col-12 form-group">
              <div class="row" id="formularioNacimiento">
                <div class="col-3">
                  <input type="numeric" class="form-control" placeholder="Día">
                </div>
                <div class="col-3">
                  <input type="numeric" class="form-control" placeholder="Mes">
                </div>
                <div class="col-6">
                  <input type="numeric" class="form-control" placeholder="Año">
                </div>
              </div>
            </div>
          </div>
          <div class="row mb-5">
            <div class="col-12">
              <label for="formularioTelefono">CELULAR</label>
              <input class="form-control" type="number" id="formularioTelefono"></input>
            </div>
          </div>
          <div class="row mb-5">
            <div class="col-12">
              <label for="formularioTelefono">CORREO ELECTRÓNICO</label>
              <input class="form-control" type="email" id="formularioCorreo"></input>
            </div>
          </div>
          <div class="text-left">
            <input class="btn btn-ligam" type="submit" value="UNIRME">
            <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 align-items-center mx-auto" style="margin-top:0px; height:100%; max-width:1280px;">
    <div class="col-2 text-left">
      <a href="https://www.facebook.com/LaLigaMorenistaOficial">
        <i class="bi bi-facebook" style="font-size: 2.25rem; color: #4267B2"></i>
      </a>
    </div>
    <div class="col-10 text-right">
      <div class="pull-right">{{=T('Copyright')}} &#169; LIGA MORENISTA {{=request.now.year}}. Todos los derechos reservados. Aviso de privacidad</div>
    </div>
  </div>
</footer>
{{end}}
