One Column Example
<h1> Heading 1
<h2> Heading 2
<h3> Heading 3
<h4> Heading 4
<h5> Heading 5
<p>
Paragraph 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.
<strong> Strong Tag (Bold)
<em> Em tag (italic)
Example of a "Learn More" link (class="learn-more")
Ordered List <ol> <li> </li> </ol>
- Bacon ipsum dolor amet andouille
escond line of bulleted list - Bacon ipsum dolor amet andouille
- Bacon ipsum dolor amet andouille
- Ordered List Item
- Ordered List Item
- Ordered List Item
- Ordered List Item
- Nested Ordered List Item
- Nested Ordered List Item
- Nested Ordered List Item
Unordered List <ul> <li> </li> </ul>
- Bacon ipsum dolor amet andouille
escond line of bulleted list - Bacon ipsum dolor amet andouille
- Bacon ipsum dolor amet andouille
<button class="button" type="button">Button</button>
<button class="button button-secondary" type="button">Button</button>
<dl><dt></dt><dd></dd></dl>
- Definition List Title
- Definition List Definition
- Definition List Definition
- Definition List Definition
Helper and Utility Classes
Video Wrapper to Contain Video on mobile
use div class="videoWrapper"> // iFrame Video Link Goes here)
Revert Text To Natural Case (class="text-transform-none")
make text stand out more (class="lead")
make text more subdued (class="text-muted")
make text darker (class="text-dark")
MAKE TEXT LOWERCASE (class="text-transform-lower")
make text uppercase (class="text-transform-cap")
make text title case (class="text-transform-cap")
- List item with out list styles
- (class="no-list") on the ul or ol
Margin helper classes: All of which will apply 15 pixels of margin. (class="margin", class="margin-top", class="margin-right", class="margin-bottom", class="margin-left")
Padding helper classes: All of which will apply 15 pixels of padding. (class="padding", class="padding-top", class="padding-right", class="padding-bottom", class="padding-left")
Border helper classes: (class="border", class="border-top", class="border-right", class="border-bottom", class="border-left", class="no-border")