contenidosonline-web/layouts/partials/contact.html

<div class="contact-container" id="contacto"> 
  <div class="container animation-scroll">
    <h3 class="title-section">Contacto</h3>
    <div class="row">
      <div class="column-left">
      </div>
      <div class="column-right">
        <form id="contactForm">
          <div class="row-form">
            <label for="nombre">Nombre y Apellido</label>
            <input type="text" id="nombre" name="nombre" required>
            <p class="formulario__input-error none">Requerido. Debe ser mínimo 4 letras</p>
          </div>
          <div class="row-form">
            <label for="email">Email</label>
            <input type="text" id="email" name="email" required>
            <p class="formulario__input-error none">Requerido. Revise si el formato es el correcto</p>
          </div>
          <div class="row-form">
            <label for="telefono">Teléfono</label>
            <input type="number" id="telefono" name="telefono">
          </div>
          <div class="row-form">
            <label for="mensaje">Mensaje</label>
            <textarea name="mensaje" id="mensaje" cols="30" rows="10" required></textarea>
            <p class="formulario__input-error none">Requerido</p>
          </div>
          <input class="button__form" type="submit" value="Enviar">
          <div class="contact-form-response none">
            <p>Los datos han sido enviados</p>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>