Table of Contents


  • Colors
  • Typefaces
  • Headings
  • Paragraphs
  • Unordered Lists
  • Ordered Lists
  • Cards
  • Buttons
  • Forms
  • Tables
  • Carousels
  • Accordions

Colors


  • Primary Color
  • Primary Color - Light
  • Primary Color - Dark
  • Secondary Color
  • Secondary Color - Light
  • Secondary Color - Dark
  • Tertiary Color
  • Tertiary Color - Light
  • Tertiary Color - Dark
  • Accent Color
  • Accent Color - Light
  • Accent Color - Dark
  • White
  • Light Color
  • Medium Color
  • Dark Color
  • Black
  • Action Color
  • Base Background Color
  • Secondary Background Color
  • Alert Color
  • Error Color
  • Notice Color
  • Success Color

Typefaces


  • Primary Font (body) - Lato

Headings


Header 1 small text header 1 small text with markHeader 1 text with mark

Header 2 small text header 2 small text with markHeader 2 text with mark

Header 3 small text header 3 small text with markHeader 3 text with mark

Header 4 small textHeader 4 text with mark

Header 5 small textHeader 5 text with mark
Header 6 small textHeader 6 text with mark

Body Text


Large paragraph body text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium amet animi aut cumque dignissimos dolore doloremque dolorum eveniet impedit iure officia officiis, quaerat quidem quo quod soluta voluptate voluptatibus? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aliquid at consequuntur cum delectus, deserunt et excepturi illo laboriosam nostrum quidem repellat saepe vero voluptas voluptate. Dolorem hic laborum maiores!

Blockquote. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere molestias nesciunt, obcaecati officia praesentium temporibus velit? Aliquid atque culpa delectus, dignissimos dolores, ipsa libero neque non saepe soluta veniam veritatis.

I'm a link, you can click me

Unordered List


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.

  • 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.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
  • 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.
    • 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.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      • 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.
      • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit
  • 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.

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.

Ordered List


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.

  1. 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.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
  3. 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.
    1. 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.
    2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
      1. 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.
      2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..
  4. Lorem ipsum dolor sit amet, consectetur adipiscing elit
  5. 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.

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.

Card Styles


POAM News

Tim Brown's interview as the New York firefighter who survived 9/11

POAM News

Tim Brown's interview as the New York firefighter who survived 9/11

POAM News

Tim Brown's interview as the New York firefighter who survived 9/11

Do you know a good cop?

Nominate your local law enforcement officer to be recognized for their excellent acts of service!

Do you know a good cop?

Nominate your local law enforcement officer to be recognized for their excellent acts of service!

Buttons


Gravity Form


  • This field is for validation purposes and should be left unchanged.

Native Form Elements


Tables


Years President Vice President
2021 - Present Joe Biden Kamala Harris
2017 - 2021 Donald Trump Mike Pence
2009 - 2018 Barack Obama Joe Biden
2001 - 2009 George W. Bush Richard Cheney
1993 - 2001 Bill Clinton Albert Gore

Carousels

Carousel with defaults:

Alt one Alt two Alt three

Carousel with navigation bullets:

Alt one Alt two Alt three

Carousel using props (":per-view='2'") to override the default options:

Alt one Alt two Alt three

Accordions



Accordion with "single-open" prop:


Accordion with "no-icon" prop set on accordion items: