{{extend 'layout.html'}}
<link rel="stylesheet" href="{{=URL('static', 'css/edda_vitte.css')}}">

<div class="row align-items-center bg-edda-paper">
  <div class="col-8">
    <img src="{{=URL('static', 'images/eddaPsd.png')}}" class="img-fluid" alt="">
  </div>
  <div class="col-4">
    <img src="{{=URL('static', 'images/logo_edda_vitte.png')}}" class="img-fluid" alt="">
  </div>
</div>
<div class="row">
  <div class="col-12 bg-edda-dpurple pt-2">
    <h2 class="text-center">QUIERO LEER Y SABER MÁS DE TI, ESCRIBEME</h2>
  </div>
</div>
<div class="row div-edda-form bg-edda-lpurple">
  <div class="col-12 mx-auto" style="max-width: 1280px;">
    <div class="row mb-4">
      <div class="col-12">
        <h2 class="text-center" style="color: #47398e; letter-spacing: 0.15rem;">REGÍSTRATE Y CONVERSEMOS</h2>
      </div>
    </div>
    <form class="" enctype="multipart/form-data" method="post">
      <div class="row mb-4">
        <div class="col-12 col-lg-6 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-3 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-3 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-4 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-3 form-group">
          <label for="formularioCelular"><h3>CELULAR *</h3></label>
          <input type="numeric" class="form-control" id="formularioCelular" placeholder="">
        </div>
        <div class="col-12 col-lg-5 form-group">
          <label for="formularioCorreo"><h3>CORREO ELECTRÓNICO *</h3></label>
          <input type="email" class="form-control" id="formularioCorreo" placeholder="">
        </div>
      </div>
      <div class="row mb-4">
        <div class="col-12">
          <h4 class="text-center">Los campos marcados con * son obligatorios.</h4>
        </div>
      </div>
      <div class="text-center">
        <input class="btn btn-edda" type="submit" value="CONVERSEMOS">
        <input type="hidden" name="_formname" value="enviarFormulario">
      </div>
    </form>
  </div>
</div>
