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-button-boi-blue" to get a blue button, you can apply this in combination with any of the other buttons style decorations from above.
Button Blue
  • ​Use decoration tag "mayon-button-boi-teal" to get a smaller button, you can apply this in combination with any of the other buttons style decorations from above.

Button Blue

  • 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.

  • Use decoration tag "mayon-button-cdnt-green-cyan" to get a button added, after you have created a hyperlink.

BUTTON

  • Use decoration tag "mayon-button-cdnt-green-lantern" to get a button added, after you have created a hyperlink.

BUTTON

  • Use decoration tag "mayon-button-cdnt-dark-tangerine" to get a button added, after you have created a hyperlink.

BUTTON

  • Use decoration tag "mayon-button-cdnt-cerise-pink" to get a button added, after you have created a hyperlink.

BUTTON