The header size values.

Desktop: 70px. Tablet: 55px. Mobile: 36px:

h1 header

Desktop: 42px. Tablet: 36px. Mobile: 28px:

h2 header

Desktop: 26px. Tablet: 22px. Mobile: 16px:

h3 header

Desktop: 12px. Tablet: 16px. Mobile: 12px:

h4 header


  • content

    (mandatory) the content of the element

  • type

    (optional) either text or email for the type HTML attribute (default to text)

  • class

    (optional) any extra class

Liquid Example

          {% include components/forms/forms.html
  type = "text"
  content = "Email address"
  class = "fancy-box"