Typography

H1 is the main page heading.

H2 is the page level / section level heading.

H3 The heading falls below h2 in a document heirarchy.

H4 is typically used for article title or call-to-action elements.

H5 is the fifth level heading.
H6 is the sixth level heading and the lowest.
Styles and fonts are defined in style.css. H1-H3 share similar margins, while H4-H6 share their own.

A lede, or lead, paragraph in literature is the opening paragraph of an article, essay, news story or book chapter. It usually occurs together with the headline or title. It precedes the main body of the article, and it gives the reader the main idea of the story. In both spellings, the word rhymes with the word need.

All paragraphs are wrapped in p tags. Additionally, p elements can be wrapped with a blockquote element if the p element is indeed a quote. Historically, blockquote has been used purely to force indents, but this is now achieved using CSS. Reserve blockquote for quotes.

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Paragraphs wrapped in p tags. There's a .bigger class added to the first paragraph, and .smaller added to the third.
Buttons are chill. Make sure to add .btn .btn-primary to a link tag to make it a button. You can also size it with .btn-lg and .btn-sm

Forms

[gravityform id="1" title="false" description="false" ajax="true"]
<div class="form_wide"> [gravityform id="1" title="false" description="false" ajax="true"] </div>
<div class="wire"> [gravityform id="1" title="false" description="false" ajax="true"] </div>

Scroll Animations (disabled below 767px)

class="anim hider"
class="anim_up hider"
class="anim_left hider"
class="anim_right hider"
Adding .anim_parent to a parent element, such as a ul or .row will auto add animations to the children.

Responsive Video

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XXXX?rel=0" frameborder="0" allowfullscreen></iframe> </div>