Hub form

Formulario de contacto de /hub/ en vhoda.cl.

CamposPreview
<form class="hub-form" onsubmit="return false;">
  <div class="hub-form-field">
    <label for="hub_name">Nombre completo</label>
    <input type="text" id="hub_name" name="name" placeholder="Tu nombre">
  </div>
  <div class="hub-form-field">
    <label for="hub_org">Institución / Organización</label>
    <input type="text" id="hub_org" name="organization">
  </div>
  <div class="hub-form-field">
    <label for="hub_email">Correo electrónico</label>
    <input type="email" id="hub_email" name="email">
  </div>
  <div class="hub-form-field">
    <label for="hub_message">¿En qué te gustaría colaborar?</label>
    <textarea id="hub_message" name="message" rows="3" placeholder="Déjanos saber aquí..."></textarea>
  </div>
  <button type="submit" class="btn-narrative-cta hub-submit">Enviar <i class="bi bi-arrow-right"></i></button>
</form>
ToastPreview
Mensaje enviado correctamente.
<div class="hub-toast is-success is-visible">Mensaje enviado correctamente.</div>
Design
Menú
Fundamentos
Introducción Colores Tipografía Spacing Temas
Marca vhoda
Project card CTA narrativo Hub form Uline titles Nav sticky Offcanvas glass Hero landing Footer Clients grid Splash
Bootstrap
Accordion Alerts Badge Breadcrumb Buttons Button group Card Close Collapse Dropdown Forms List group Modal Navbar Navs & tabs Offcanvas Pagination Placeholders Popovers Progress Spinners Tables Toasts Tooltips