UI kit

Titles

hero:

Lorem ipsum dolor sit amet

h1:

Lorem ipsum dolor sit amet

h2:

Lorem ipsum dolor sit amet

h3:

Lorem ipsum dolor sit amet

h3 Sans Serif:

Lorem ipsum dolor sit amet

h4:

Lorem ipsum dolor sit amet

h4 Sans Serif:

Lorem ipsum dolor sit amet

h5:
Lorem ipsum dolor sit amet
h5 Sans Serif:
Lorem ipsum dolor sit amet
h6:
Lorem ipsum dolor sit amet
h6 Sans Serif:
Lorem ipsum dolor sit amet

Buttons

Primary

Primary button

Default

Hovered

Disabled

Icon left

Default

Hovered

Disabled

icon right

Default

Hovered

Disabled

Secondary

Secondary button

Default

Hovered

Disabled

Icon left

Default

Hovered

Disabled

icon right

Default

Hovered

Disabled

Link

Link button

Default

Hovered

Disabled

Quick link

Lorem Ipsum

Default

Lorem Ipsum

Hovered

Forms

Field

A field is a form element containing a label and an input.

Field groups automatically receive responsive styling, swapping to one field per row on mobile devices.

Default

Disabled

focused

Error

Dropdown (selection)

A dropdown allows a user to select a value from a series of options.

Vanilla dropdown, caret and dropdown visuals will be different between browsers

Default

Disabled

focused

Error

Text Area

A textarea can be used to allow for extended user input.

Default

Disabled

focused

Error

Radio checkbox

A checkbox can be formatted as a radio element. This means it is an exclusive option.

How often do you use checkboxes?

Default

How often do you use checkboxes?

Disabled

How often do you use checkboxes?

Error

Checkbox

A checkbox allow user to select a value from a small set of options, often binary.

Default

Disabled

Error

Success

If a form is in a success state, it will automatically show any success message blocks.

Thank you!
Thanks for contacting us. We’ll get back to you as soon as possible.

Error

If a form is in a error state, it will automatically show any error message blocks.

Translation missing: es.Oops!
Translation missing: es.There is an error in the form

Badges

badge

Small rounded

badge

Small rounded inverted

badge

Large rounded

badge

Large rounded inverted

badge

Small square

badge

Small square inverted

badge

Large square

badge

Large square inverted

Accordions

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

RICHTEXT

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

image

List:

  • item 1 
  • item 2
  • item 3

  1. item 1
  2. item 2
  3. item 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Gastos de envío, impuestos, aranceles y descuentos calculados en el momento de pagar.

Icons

account

arrow

arrow-nav

caret

bookmark / save

filter

calendar

cart

cart-plus

chat

email

hamburger

instagram

pinterest

threads

success

error

search

opening-quote

closing-quote

gift

checkout

minus

plus

dot

close

map

map-pin

plane

phone

zoom-in

zoom-out

question

info

warning

heart

star

star-full

share

delete

store

youtube-play

facebook

Messenger

linkedin

snapchat

tiktok

x

youtube

3D

clock

globe

language

edit

redirect

check

return

truck

credit-card

link

Swiper

Drawer

Header

Dawer content
Header

Dawer content

Content cards

AIB Nonprofit
BPM
Calendario de Cursos Dirigidos por Instructor
Capacitación de Certificación

Product card

Introducción a la Defensa Alimentaria

Introducción a la Defensa Alimentaria

$0
$0
nonprofit Inglés
$0
$0
Los fundamentos de la defensa alimentaria y los diferentes requisitos de los diversos organismos regulatorios.
Introducción al Taller HACCP

Introducción al Taller HACCP

$0
$0
nonprofit Inglés
$0
$0
Comprenda qué es HACCP y cómo se integra en su plan de inocuidad alimentaria.
Tecnología de Panificación Aplicada

Tecnología de Panificación Aplicada

$352
$352
Curso en Lí­nea 144 horas Inglés, Español
$352
$352
Curso en línea que sirve como una excelente introducción a la ciencia de la panificación.
También en español
Asigne a un Experto

Asigne a un Experto

Consultoría e Inspección
Asignar un Experto proporciona experiencia externa temporal en inocuidad alimentaria para apoyar sus operaciones.
BRCGS Agentes y Corredores

BRCGS Agentes y Corredores

Certificación Approximate Duration: 1.5 Días
Gestione la Inocuidad, la Calidad y la Legalidad del Producto
BRCGS Comercio Justo y Abastecimiento Responsable

BRCGS Comercio Justo y Abastecimiento Responsable

Certificación Inglés, Español
Cumpla con los Principios Éticos y Responsables
BRCGS Inocuidad Alimentaria

BRCGS Inocuidad Alimentaria

Certificación
Cumpla con los Principios Éticos y Responsables
BRCGS Empaque

BRCGS Empaque

Certificación Duración aproximada: 2 Días
Gestione la Calidad y Cumpla con los Requerimientos del Cliente

Variant card(Calender view)

Introducción a la Defensa Alimentaria

Introducción a la Defensa Alimentaria

$0
$0
nonprofit Inglés
$0
$0
Los fundamentos de la defensa alimentaria y los diferentes requisitos de los diversos organismos regulatorios.
Introducción al Taller HACCP

Introducción al Taller HACCP

$0
$0
nonprofit Inglés
$0
$0
Comprenda qué es HACCP y cómo se integra en su plan de inocuidad alimentaria.
Tecnología de Panificación Aplicada

Tecnología de Panificación Aplicada

$352
$352
Curso en Lí­nea 144 horas Inglés
$352
$352
Curso en línea que sirve como una excelente introducción a la ciencia de la panificación.
También en español
Tecnología de Panificación Aplicada

Tecnología de Panificación Aplicada

$352
$352
Curso en Lí­nea 144 horas Español
$352
$352
Curso en línea que sirve como una excelente introducción a la ciencia de la panificación.
También en español
Asigne a un Experto

Asigne a un Experto

$0
$0
Consultoría e Inspección
$0
$0
Asignar un Experto proporciona experiencia externa temporal en inocuidad alimentaria para apoyar sus operaciones.

Tabs

Open Tab 1 Open Tab 2 Open Tab 3 Open Tab 4 Open Tab 5
Tab 1 Content Tab 2 Content Tab 3 Content Tab 4 Content Tab 5 Content