Module Example Page

Full Width Text CTA Module. Extra BOLD H1

Instructions, In the backend you can select the background color for the cta. If you select turqoise or green the font color will be white by default, if you select turqoise the button will be green by default.

To style font size weight and color select the text and highlight it, then you can Format (h1,h2,h3,p etc) then you can click the class and select your color and font weight i.e this is

Body Extra Bold Turqoise

This is a turqoise Background With Default No Color, should be white

Body Regular Text White and the button should be secondary color of dark green

Click Me

Heading 3 Black On Beige? Blue h1?

Unformatted Text will be like body regular,Unformatted Text will be like body regular,Unformatted Text will be like body regular,Unformatted Text will be like body regular,Unformatted Text will be like body regular,Unformatted Text will be like body regular,Unformatted Text will be like body regular

THIS SHOULD BE BODY SMALL TEXT

Heading 2 Default Style Background Green Everything should be White

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet vel orci a luctus. Aliquam eget ligula et mauris lacinia venenatis. Integer non erat sem. Donec nec augue ut odio dapibus laoreet in in tortor. Sed auctor turpis libero, vel facilisis mauris iaculis vel. Sed hendrerit nulla sit amet magna consequat, at faucibus risus viverra. Aenean euismod metus et risus fermentum, a sollicitudin nunc aliquet. Phasellus luctus felis et sapien euismod, eget elementum libero euismod. Sed nec vestibulum risus. Proin vitae dui lacus. Proin ultricies, libero id congue posuere, tortor lacus lacinia nisi, sit amet hendrerit est arcu et ligula.

Integer ac ullamcorper lorem. Vestibulum egestas tincidunt mi, nec ultrices ligula consequat et. Vivamus tempus sit amet justo a vulputate. Nulla efficitur leo nisi, vel venenatis odio tristique nec. Aenean rutrum ligula non justo condimentum, et varius nisi luctus. Curabitur eget magna posuere, hendrerit nunc a, viverra lectus. Nulla eget nisl sapien. Vestibulum consequat, ligula at luctus varius, sapien ipsum cursus sapien, sed laoreet nunc magna sit amet arcu. Pellentesque ac felis at arcu accumsan bibendum et vel augue. Morbi ut efficitur felis. Nulla facilisi. Sed ut arcu nec arcu convallis accumsan.

Phasellus imperdiet facilisis lectus, et molestie est malesuada sit amet. Nullam ut ligula libero. Mauris vel justo malesuada, ultricies risus id, bibendum lectus. Curabitur sollicitudin diam in tortor aliquam, at volutpat magna cursus. Sed hendrerit orci id diam malesuada viverra. Duis in dui mauris. Aenean sagittis mi sed ex pharetra, a tincidunt nisl convallis. Nullam tincidunt ac quam id posuere. Suspendisse potenti. Suspendisse sed faucibus sem, a iaculis sem. Pellentesque quis turpis sit amet erat fringilla bibendum vel ut nulla. Donec faucibus nisl a arcu tempor, at efficitur nunc auctor.

Contact

FULL WIDTH CENTERED CTA Heading 3

Button Primary

FULL WIDTH CENTERED CTA Heading 3

Button Primary

FULL WIDTH CENTERED CTA Heading 3

Button Primary

FULL WIDTH CENTERED CTA Heading 3

Secondary Button

Text Box With Photo to the side

Default should have black as body text without selecting a class. We suggest leaving the body as black always. Button is optional to create a button select primary or secondary from the format dropdown.

Optional Button

Heading 3 Text box with photo on left

Body text color is black
Background colors: Ice, White, or Light beige
Choose photo to be left or right this one has no button added in the WYSYWIG

Two White Columns with Text Content

Body regular font Default should have black as body text without selecting a class. We suggest leaving the body as black always. Button is optional to create a button select primary or secondary from the format dropdown. Default should have black as body text without selecting a class. We suggest leaving the body as black always. Button is optional to create a button select primary or secondary from the format dropdown.

Heading Right Content Two Columns No Image

Background is white on both should have black as body text without selecting a class. We suggest leaving the body as black always. Button is optional to create a button select primary or secondary from the format dropdown.Default should have black as body text without selecting a class. We suggest leaving the body as black always. Button is optional to create a button select primary or secondary from the format dropdown.

Heading 3 Background Image With Text. When you select background Image the Text will always be white.

Background will have an image and should have a black overlay with white text. We suggest not trying to format the text as it defaults to white and is accessible.

Additionally, it is important to ensure that the contrast ratio between the background image and the foreground text is high enough that people with low vision can read the page content.

Color contrast ratio is determined by comparing the luminance of the text and background color values. To meet Web Content Accessibility Guidelines (WCAG), a ratio of 4.5:1 is required for body text content and 3:1 for larger text such as headings. Large text is defined as 24px or larger, or bolded 18.66px or larger.

Text Box With Photo to the side

Optional Button

Accordion Module

Optional Introduction Text Module.

Accordion Item 1

Heading 4 Bold, you can format however you want

Accordion content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean condimentum ultricies egestas. Fusce eget justo eu neque auctor imperdiet a et nisi. Vivamus facilisis, nulla nec feugiat ullamcorper, arcu lectus gravida enim, vel viverra mauris turpis vitae quam. Suspendisse potenti. Vivamus quis volutpat turpis, ut pharetra augue. Aliquam ante justo, tempor quis sapien at, blandit maximus justo. Curabitur et odio