Typography
Written by admin   
Wednesday, 05 December 2007
This is a sample code div. <div class="code">Your content goes here!</div> to create a code div.

#s5_code { width: 30px; color: #fff; line-height: 45px; }

 

heading 1

heading 2

heading 3

heading 4

heading 5

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="bold_blue"> ... </span>

This is a sample boldcaption.

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

This is a sample boldcaption.

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

This is a sample boldcaption.


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

This is a sample boldcaption.


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

This is a sample boldcaption.


To use the below add this span class <span="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>

 


This is a styled box. Use <div class="red_box">Your content goes here!</div>

This is a styled box. Use <div class="blue_box">Your content goes here!</div>

This is a styled box. Use <div class="green_box">Your content goes here!</div>

This is a styled box. Use <div class="yellow_box">Your content goes here!</div>

This is a styled box. Use <div class="orange_box">Your content goes here!</div>


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


This is a sample blockquote. Use <blockquote><p>Your content goes here!</p></blockquote> to create a blockquote.


This is an image with the "boxed" class applied:



This is an image with the "boxed2" class applied:


Last Updated ( Saturday, 10 May 2008 )