Style Guide

This style guide page contains styles and components used through the website. You can change any style from this page and it will be updated throughout the site.

Base Styles

h1

THIS IS A HEADER

h2

This is a Header.

h3

This is a Header.

h4

This is a Header.

h5

This is a Header

h6

This is a Header

Paragraph

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.

Section Title

Heading

Overline

Heading

Text Md

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.

Text LG

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.

Quote

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

List

Heading line height is fixed
All buttons now have tooltips
Spell checker number issue fixed
Spell checker number issue fixed
Spell checker number issue fixed

Bolds

This is some text inside of a div block.

Italics

This is some text inside of a div block.

Labels

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

images

Rich Text

Formatted rich text element used for long sections of text such as blog posts.

This is a Header.

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.

Latest updates

Heading line height is fixed
All buttons now have tooltips
Spell checker number issue fixed

More about me

This is a Header.

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.

Animation

Fade In & Move -T 0.6s

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Image Zoom

Style Guide

Base Styles

h1

THIS IS A HEADER

h2

This is a Header.

h3

This is a Header.

h4

This is a Header.

h5

This is a Header

h6

This is a Header

Paragraph

Section Title

Heading

Overline

Heading

Text Md

Text LG

Quote

List

Bolds

Italics

Labels

images

Rich Text

This is a Header.

Latest updates

This is a Header.

Animation

“To disappear into deep water or to disappear toward a far horizon, to become part of depth or infinity, such is the destiny of man that finds its image in the destiny of water.”

“To disappear into deep water or to disappear toward a far horizon,  to become part of depth or infinity, such is the destiny of man that finds  its image in the destiny of water.”