Image Sizing
Background images will scale up in size to ensure that the entire area that displays the image will be covered. This may cause an image to appear cropped on certain screen sizes. There is no single perfect image size for all senarios, but the following recommendations are optimized to be suitable for the majority of circumstances.
Hero Image Recommended Size:
1400px x 600px
For use in the hero area of the homepage.
Banner Image Recommended Size:
1400px x 700px
For use in the hero area of subpages.
Typography
<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>
<h4>Heading Four</h4>
<h5>Heading Five</h5>
<h6>Heading Six</h6>
<p>Paragraph</p>
<blockquote>Blockquote</blockquote>
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Paragraph text
Blockquote text
Buttons
Buttons can be easily created using a custom shortcode. Simply type [button color="red" text="Click Me" link="/mission" target="_blank"] to create a red button with the text "Click Me" that opens the Mission page in a new tab.
The color parameter accepts red, black, or white. The target parameter can be omitted to function like any normal hyperlink.
[button color="red" text="Click Me" link="/mission"]
[button color="black" text="Click Me" link="/mission"]
[button color="white" text="Click Me" link="/mission"]