Banner Default Image

Typescale Test Page

Heading 1 H1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2 H2 Morbi in facilisis libero, eget congue lorem.

Heading 3 H3 Nulla non ligula eget erat aliquam lacinia a eget felis.

Heading 4 H4 Nulla turpis sapien, ultricies sit amet suscipit quis, auctor id risus.

Heading 5 H5 Donec pellentesque tellus metus, in eleifend lacus euismod eget.
Heading 6 H6 Vestibulum vehicula ut metus id vestibulum.
  • ​Use decoration tag "mayon-button-large" to get a button added, after you have created a hyperlink. This is your primary button styling but as large button that can be applied.

BUTTON LARGE

  • ​Use decoration tag "mayon-button" to get a button added, after you have created a hyperlink. This is your primary button styling across the website.

BUTTON PRIMARY

  • ​Use decoration tag "mayon-button-inverse" to get a button added, after you have created a hyperlink. This button is an inverse from the default button.

BUTTON SECONDARY

  • ​Use decoration tag "mayon-button-outline" to get a button added, after you have created a hyperlink. This is your outline button styling across the website

BUTTON OUTLINE

  • ​Use decoration tag "mayon-button-small" to get a smaller button, you can apply this in combination with any of the other buttons style decorations from above.

BUTTON SMALL

  • ​Use decoration tag "mayon-btn-blue-pro" to get a button Professional Blue added

Professional

  • Use decoration tag "mayon-btn-blue-it" to get a button IT Blue added

IT

  • Use decoration tag "mayon-btn-blue-health" to get a button Healthcare blue added

Healthcare

  • Use decoration tag "mayon-btn-blue-pce" to get a button Property,Construction & Engineering Blue added

Property,Construction & Engineering

  • Use decoration tag "mayon-btn-blue-com" to get a button Commercial Blue added

Commercial

  • Use decoration tag "mayon-btn-blue-offshore" to get a button Offshore Blue added

Offshore

  • ​Use decoration tag "mayon-btn-green-pro" to get a button Professional Green added

Professional

  • Use decoration tag "mayon-btn-green-it" to get a button IT Green added

IT

  • Use decoration tag "mayon-btn-green-health" to get a button Healthcare Green added

Healthcare

  • Use decoration tag "mayon-btn-green-pce" to get a button Property,Construction & Engineering Green added

Property,Construction & Engineering

  • Use decoration tag "mayon-btn-green-com" to get a button Commercial Green added

Commercial

  • Use decoration tag "mayon-btn-green-offshore" to get a button Offshore Green added

Offshore

  • Use decoration tag "mayon-btn-orange-pro" to get a button Professional Orange added

Professional

  • Use decoration tag "mayon-btn-orange-it" to get a button IT Orange added

IT

  • Use decoration tag "mayon-btn-orange-health" to get a button Healthcare Orange added

Healthcare

  • Use decoration tag "mayon-btn-orange-pce" to get a button Property,Construction & Engineering Orange added

Property,Construction & Engineering

  • Use decoration tag "mayon-btn-orange-com" to get a button Commercial Orange added

Commercial

  • Use decoration tag "mayon-btn-orange-offshore" to get a button Offshore Orange added

Offshore

  • Use decoration tag "mayon-btn-darkgrey-pro" to get a button Professional Darkgrey added

Professional

  • Use decoration tag "mayon-btn-darkgrey-it" to get a button IT Darkgray added

IT

  • Use decoration tag "mayon-btn-darkgrey-health" to get a button Healthcare Darkgrey added

Healthcare

  • Use decoration tag "mayon-btn-darkgrey-pce" to get a button Property,Construction & Engineering Darkgrey added

Property,Construction & Engineering

  • Use decoration tag "mayon-btn-darkgrey-com" to get a button Commercial Darkgrey added

Commercial

  • Use decoration tag "mayon-btn-green-offshore" to get a button Offshore Darkgrey added

Offshore

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Morbi in facilisis libero, eget congue lorem. Nulla non ligula eget erat aliquam lacinia a eget felis.

  • Nulla turpis sapien, ultricies sit amet suscipit quis, auctor id risus. Donec pellentesque tellus metus, in eleifend lacus euismod eget. Vestibulum vehicula ut metus id vestibulum. Nam vulputate sapien sit amet tempor efficitur.

  • Donec dictum tellus nec leo fringilla, eu tempor neque posuere. Integer porta, velit quis interdum ultricies, quam enim suscipit eros, quis ornare metus ante vitae est. Sed quis dignissim justo, at ultrices urna.

  • Suspendisse gravida, tortor sed semper tristique, erat metus vulputate augue, quis tempor mi nisi vitae magna. Donec auctor fermentum magna, ut feugiat odio tincidunt sit amet.

  • Donec accumsan lorem mi, ut placerat ex lacinia vel. Nullam ut magna feugiat, ornare nibh vel, tincidunt nisi. Fusce tincidunt malesuada posuere.

  1. Cras elementum lacinia tristique.

  2. Vestibulum nec sem sit amet velit lobortis accumsan ut eget lacus.

  3. Nulla eros ipsum, pellentesque sed vehicula id, pulvinar ut dolor.

  4. Proin facilisis ligula vel faucibus iaculis. Donec venenatis massa lorem, sed tempus libero vulputate nec.

  5. Vestibulum semper nibh id tortor dapibus, a pellentesque libero porttitor.

  6. Pellentesque id elit nulla. Duis congue hendrerit rhoncus.

  7. Vivamus accumsan tincidunt augue in sollicitudin. Cras sed augue eget elit semper interdum tristique at ligula. Aliquam vel pretium sem. Donec egestas nisi blandit congue pretium.