Skip to Global Search Skip to Content
Home Page
Main Content

ReFlex Styles

The ReFlex Framework that this custom look and feel were built on includes some basic stylistic and layout options. Many of them can be seen below.

The framework also includes code for several Stripe colors. In this unique theme, these stripes should be used sparingly to match the style and layout of templated pages provided for the unique look and feel of this site. More than a couple of stripes on a page will create a look that does not match the rest of the design.

Links

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Buttons

- highlight link and apply Button Style. The Secondary Button requires the Button and Secondary Button classes together.

primary button

secondary button

The following headers, H1-H6, can be applied using the text editor's Format drop down menu in the Freeform, Form Editor and FAQ blocks. 

Heading Level 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. 

Heading Level 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. 

Heading Level 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. 

Heading Level 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. 

Heading Level 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. 

Heading Level 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. 

Text Styles

Unordered List

  • List Item 1
    • Sub List Item
    • Sub List Item
  • List Item 2
  • List Item 3
  • List Item 4

Blockquotes

This is a blockquote. It uses the same styles as paragraphs, but indents the text on the left and right.

Circle Images

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

placeholder

Image Layout Option - MainCol Zone

FloatLeft

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

primary button

secondary button

Accordion FAQ

Open AllClose All
Sunt in culpa qui
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bottom Zone

FloatRight

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

Accessible Tabbed FAQ Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra vel turpis nunc eget lorem dolor. Neque vitae tempus quam pellentesque. Ac orci phasellus egestas tellus rutrum tellus pellentesque. Non pulvinar neque laoreet suspendisse. Pulvinar elementum integer enim neque volutpat. Mollis nunc sed id semper risus in hendrerit. Ac turpis egestas maecenas pharetra convallis posuere. Viverra suspendisse potenti nullam ac tortor. Urna nunc id cursus metus. Massa eget egestas purus viverra. Nullam vehicula ipsum a arcu. Egestas sed sed risus pretium quam vulputate. Risus in hendrerit gravida rutrum. Risus ultricies tristique nulla aliquet enim tortor at auctor urna. At erat pellentesque adipiscing commodo elit at. Congue eu consequat ac felis donec. Convallis posuere morbi leo urna molestie. Gravida cum sociis natoque penatibus.