Style Guide
Typography
Headings: h1-h5
NOTE: Use h1-h5 semantically; add as class for styling
h1 - Lorem ipsum dolor sit amet
h2 - Consectetur adipisicing elit architecto dolores eius exercitationem
h3 - Cumque deleniti dolores dolorum mollitia omnis quia rerum!
h4 - Accusamus aliquid asperiores assumenda blanditiis
h5 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
Special Headings
Blockquote
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
Lists
Unordered, Ordered, and Nested
-
Lorem ipsum dolor sit amet,
consectetur adipisicing elit.
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
-
Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
- Accusantium aliquam commodi consequuntur cumque eveniet minima nobis provident similique!
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
- Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
-
Accusantium aliquam commodi consequuntur cumque eveniet minima nobis provident similique! Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
- Lorem ipsum dolor sit amet, consectetur adipisicing elit.
- Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
Inline
List with checkmarks
- Live
- In-office
- Accusantium aliquam commodi consequuntur cumque eveniet minima nobis provident similique! Adipisci deserunt dicta ipsam perferendis possimus quas qui recusandae saepe sint ullam?
- On Demand
Inline text links
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae cupiditate dicta dolorem doloremque id illo iste, itaque iure libero maiores molestias officia pariatur provident quaerat quia quis repudiandae sint voluptas.
Forms
Select
Checkboxes
Radio Buttons
Tabs
Alerts dismissible
Default
alert-info
Warning
alert-warning
Error
alert-danger
Success
alert-success
Colors
Primary
black #000000
blue #60aee0
Secondary
dark-blue #0c456b
grey #9a9a9a
charcoal #383838
Background
bg-lt-grey #f6f6f6
bg-lt-blue #e9f4fb
Favicon and web clip icon set
Source image 260x260 PNG
Generated favicon ICO file