Protected: TEST PAGE – do not publish – design system

This page contains elements that you can copy into new templates. There are also a few examples of shortcodes as well as generic elemnets that can be used the the WordPress admin.

Css is compiled SASS. Remember to use a CSS preprocessor like Prepros when working in the CSS.

h1 The brown fox jumps over the lazy

h2 The brown fox jumps over the lazy dog

h3 The brown fox jumps over the lazy dog

h4 The brown fox jumps over the lazy dog

h5 The brown fox jumps over the lazy dog
h6 The brown fox jumps over the lazy dog

Blockquote Mauris sodales, dui at maximus finibus, massa nulla imperdiet massa, ut eleifend nunc lorem eu urna. Quisque consectetur est erat, vitae eleifend ipsum elementum id. Nunc tellus eros, congue id sodales id, lobortis at nisi. Quisque sagittis egestas nisi ac laoreet. Sed mi justo, imperdiet vitae finibus eget, varius non libero.

  • UL Duis ultricies fermentum massa.
  • Maecenas facilisis nulla sit amet lectus efficitur, tincidunt mattis est fringilla.
  • Nam id commodo risus. Fusce ac velit viverra, bibendum sem sed, aliquet ante.
  1. Donec luctus rutrum sem, sit amet imperdiet justo congue sit amet.
  2. Iaculis tellus erat efficitur sit egestas dapibus mauris consequat vestibulum. Sed mi parturient interdum id metus tincidunt nullam. Primis class accumsan, dis donec nec integer. Quisque penatibus tristique quisque iaculis mattis curae inceptos potenti.
  3. Tristique erat ullamcorper mauris integer praesent aliquam risus. Ligula nibh montes curabitur orci aptent tristique nascetur aliquet.
  4. Quisque maximus dapibus est, eu rhoncus urna iaculis eget.

Rectangular button are teal

Rounded button are yellow

Link using [newwindow] shortcode with icon

Link using [external] shortcode with icon

Shortcode PHP can be found in /template-parts/shortcodes.php. Gravida nulla ipsum; feugiat nam curae magnis. Inceptos consequat ad curae quis; rutrum in. Imperdiet maximus felis nisl fusce sed. Et felis pellentesque elementum platea, phasellus natoque auctor sed purus. Convallis turpis pulvinar congue nascetur eleifend nulla. Duis gravida imperdiet nisi iaculis est class class est congue. Inceptos tellus quisque non convallis natoque nullam. Mi sed egestas porttitor penatibus proin; vel ac tempus gravida.

Use this as a call to action

Prebuilt margin and padding classes can add space bettween sections. Sizes range: text-margin, content-margin, boxed-margin, block-margin, section-margin. Find more in /css/spacing.scss.

Vitae ante imperdiet aptent euismod sodales accumsan ante nullam porttitor. Blandit curabitur pulvinar lobortis, felis gravida imperdiet nisl fusce auctor. Nisl convallis cubilia posuere, porttitor elementum neque congue facilisis. Molestie pellentesque iaculis viverra arcu ultricies nam natoque egestas. Duis cras donec fames mus, proin amet sodales elit. Mollis felis aliquam dignissim rhoncus nisi interdum maximus maecenas.

Click the button

Public Data Portal

Access downloadable files on the MQA Health Care Public Data Portal.

Click the button

Renewal Calendar

View professions expiring, requirements, processes, and fees.

Click the button
A professional signing a document

Block with responsive image

Full width block, and image with flexible height and width.

Example button that clicks