Everything (Block Examples)

Text Heading Example

Here are some commonly used text blocks. First, the Text Heading block allows for headers of size h2 to h5. Text Heading may be centered, or aligned to the left or right. They may have different colors set to them according to the branding guidelines, and can link to a page, external URL, email address, or document (optional).

This is a Rich Text Field block. It can similarly be aligned to the left, center, or right of the parent element, and use different branding guideline colors. Additional features include superscript, subscript, lists, and links.

Below is an Icon Heading block. It functions similarly to the Text Heading block, except it uses Font Awesome icons instead of text.

Here is an embedded quote block. This can be aligned to the right or left.

Quote attribution caption.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a enim accumsan, hendrerit sem vitae, tincidunt dolor. Nunc elit elit, bibendum vel blandit vel, semper vel urna. Aliquam id ullamcorper nisl. Maecenas viverra nisl turpis, sit amet accumsan felis ultrices a. Mauris facilisis sit amet eros ut finibus. Pellentesque malesuada facilisis nibh, eget consectetur dolor euismod quis. Duis vel lorem ac ante pellentesque sagittis. Sed in nunc sit amet libero lacinia maximus ac quis tortor. Praesent varius purus luctus, finibus elit sit amet, commodo nunc. Etiam orci odio, molestie eu hendrerit eu, faucibus et lacus. Cras luctus neque a lorem volutpat, luctus tincidunt orci placerat. Donec vel justo posuere, laoreet nunc at, pulvinar metus. Morbi ut sapien felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.



Dad with ED Staff

This is a Static Image block.

.

Recognition program social media graphics_Page_02

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Item URL can be set to the button or to the list item itself.


EMS250801_NPRQIIconSetV2-03

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a enim accumsan, hendrerit sem vitae, tincidunt dolor. Nunc elit elit, bibendum vel blandit vel, semper vel urna. Aliquam id ullamcorper nisl.

EMS250801_NPRQIIconSetV2-01

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a enim accumsan, hendrerit sem vitae, tincidunt dolor. Nunc elit elit, bibendum vel blandit vel, semper vel urna. Aliquam id ullamcorper nisl.

Item URL can be set to the button or to the list item itself.


Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


EMS250831_EMSCNPRQISocial_02

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

EMS250831_EMSCNPRQISocial_02

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Injured teenager

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

EMS clinician

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Dynamic Table

There is now a singular Table block that combines plain text tables and rich text tables. The first column can be displayed as a header, enabled via a toggle.

Header column example Plain text column Rich text column
Column Header 1 This column uses plain text data. Used for simple information.

You can do many things with a rich text column! Formatting options, images, lists, and so on.


Pediatric disaster


Call-to-Action Blocks have been deprecated

Instead, use an outlined Page Section, Text Heading block, and Button block


Alert Blocks have also been deprecated.

Similarly, use an outlined Page Section with a Rich Text Field block to achieve the same effect.


Page Sections and Section Columns can be mixed and matched to create more complicated page layouts. This example page section contains 2 section columns, with each column containing different types of content.


Lorem Ipsum Heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque rutrum arcu quis nunc pharetra, in pretium nibh eleifend.
  • Donec faucibus pretium turpis vitae fringilla.
  • Quisque convallis felis viverra erat rhoncus, vel fermentum augue posuere.
  • Vivamus sit amet orci quis elit ultrices lobortis.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque rutrum arcu quis nunc pharetra, in pretium nibh eleifend.
  • Donec faucibus pretium turpis vitae fringilla.
  • Quisque convallis felis viverra erat rhoncus, vel fermentum augue posuere.
  • Vivamus sit amet orci quis elit ultrices lobortis.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Alpha Directory

Below is an Alpha Directory. Do not use the Heading and Description fields; they will be phased out. Instead, prepend the Alpha Directory block with a Text Heading and/or Rich Text Field block as necessary.