Your Text Here
Home arrow Typography
Typography PDF Print E-mail

 

The following typography items automatically pull from the two colors you choose in the template configuration:

 

heading 1

heading 2

heading 3

heading 4

heading 5

These are the standard typography items: 

 

To use the below add this div class <div class="code_grey"> ... </div>

#s5_code { width: 30px; color: #fff; line-height: 45px; } 
To use the below add this div class <div class="code_blue"> ... </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class="code_red"> ... </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class="code_green"> ... </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class="code_orange"> ... </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }
To use the below add this div class <div class="code_dark"> ... </div>
#s5_code { width: 30px; color: #fff; line-height: 45px; }

To use the below add this span class <span class="bold_blue"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span class="bold_grey"> ... </span>

This is a sample boldcaption.

To use the below add this span class <span class="bold_green"> ... </span>

This is a sample boldcaption.


To use the below add this span class <span class="bold_orange"> ... </span>

This is a sample boldcaption.


To use the below add this span class <span class="bold_red"> ... </span>

This is a sample boldcaption.


To use the below add this span class <span class="bold_dark"> ... </span>

This is a sample boldcaption.

This is a large intro letter, to use simply apply the "introletter_dark" class as follows:
<span class="introletter_dark">T</span></strong>


This is a large intro letter, to use simply apply the "introletter
_blue" class as follows:
<span class="introletter
_blue">T</span></strong>


This is a large intro letter, to use simply apply the "introletterblue" class as follows:
<span class="introletterblue">T</span></strong>


This is a large intro letter, to use simply apply the "introletterblue" class as follows:
<span class="introletterblue">T</span></strong>


This is a large intro letter, to use simply apply the "introletter
_green" class as follows:
<span class="introletter
_green">T</span></strong>


This is a large intro letter, to use simply apply the "introletter
_orange" class as follows:
<span class="introletter
_orange">T</span></strong>

 

To use the below add this div class <div class="grey_box"> ... </div>

You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class="blue_box"> ... </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class="green_box"> ... </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class="orange_box"> ... </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class="red_box"> ... </div>
You can use a box like this for advertisements announcements and much more!
To use the below add this div class <div class="dark_box"> ... </div>
You can use a box like this for advertisements announcements and much more!

SampleTo apply this option do the following: <p class="blockbox"><span class="red_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>

 

SampleTo apply this option do the following: <p class="blockbox"><span class="green_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>



SampleTo apply this option do the following: <p class="blockbox"><span class="blue_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>



SampleTo apply this option do the following: <p class="blockbox"><span class="grey_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>



SampleTo apply this option do the following: <p class="blockbox"><span class="orange_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>



SampleTo apply this option do the following: <p class="blockbox"><span class="dark_boxed"><strong>Sample</strong></span><strong>Your text goes here.</strong></p>


To use the below add the image class as follows: <img src="images/yourimage.jpg" class="solid" />

image

To use the below add the image class as follows: <img src="images/yourimage.jpg" class="bold" />

image

To use the below add the image class as follows: <img src="images/yourimage.jpg" class="dashed" />

image


 
< Prev   Next >