JSFiddle - React, Tailwind, and code Playground

by ksbarrientosn

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
<section class="hero is-fullheighthero is-info is-fullheight">
<div class="hero_body">
  <div class="container">
    <div class="columns is-centered">
      <div class="column is-5-tablet is-8-desktop is-12-widescreen">
      <form class="box">
        <div class="field has-text-centered">
        <img src="http://www.ujmd.edu.sv/images/Fotos_para_Contenido/Logotipo_UJMD2_jpg.jpg" width="167">
        </div>
        <div class="field has-text-centered">
          <h1><strong>FORMULARIO DE SOLICITUD DE NUEVO INGRESO</strong></h1>
        </div>
        
        <div class="field">
          <label class="label">Nombre Completo</label>
          <div class="control">
            <div class="control has-icons-left">
              <input class="input" type="text" placeholder="Nombre Completo" required>
              <span class="icon is-small is-left">
                <i class="fas fa-user-graduate"></i>
              </span>
            </div>
          </div>
        </div>
        
         <div class="field">
          <label class="label">Fecha de Nacimiento</label>
          <div class="control">
            <div class="control has-icons-left">
              <input class="input" type="date" placeholder="Fecha de Nacimiento" required>
              <span class="icon is-small is-left">
                <i class="fas fa-user-graduate"></i>
              </span>
            </div>
          </div>
        </div>
        
      </form>
        
      </div>
    </div>
  </div>
</div>
</section>