Sample Styles

EMPHASIS SHORTCODE

Headers

<h1>Header 1</h1>

Header 1

<h2>Header 2</h2>

Header 2

<h3>Header 3</h3>

Header 3

<h4>Header 4</h4>

Header 4

<h5>Header 5</h5>
Header 5

Buttons

Use the button shortcode to easily add a button to your content! With the button shortcode you can set the link, the size and whether or not the button opens in a new tab.

Example 1: A button that links to homepage

[button link="http://www.jhmg.com"]Sample Button[/button]

Sample Button

You can enter anything you'd like as a link, you could enter /adventures/ to link to the Adventures Page or you could enter a link to another website. Just be sure to include http:// before www where applicable and to test all your links!


Example 2: A large blue button

[button color="blue" size="btn-lg" link="http://www.climbwyoming.org"]Large Blue Button[/button]

Large Blue Button


Available Size Values: btn-lg, btn-sm, btn-block.

More About Us

Typography

<h4 class="emphasis>Header with Underline</h4>

Header with Underline


<p class="lead">...</p>

Use the lead class for text that you would like to stand out.


<p class="text-center">...</p>

Use the text-center class for center-aligned text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


<p class="uppercase">...</p>

Use the uppercase class to capitalize text.


Example 3: A button that opens the link in a new tab

[button target="blank" link="http://www.google.com"]Link in New Tab[/button]

Link in New Tab


The only value available for target is: blank.


Colors

Set the color of text with the following classes:

<p class="white">...</p>

This text is white (which is default color, this is good for links which are automatically blue)

<p class="blue">...</p>

This text is blue

<p class="gray">...</p>

This text is gray


Book Your Trip