Headings

h1. I am Heading 1

 Cocon-Bold 30px 
 <h1>Heading 1</h1>

h2. I am Heading 2

 Cocon-Bold 20px 
 <h2>Heading 2</h2>

h3. I am Heading 3

 Cocon-Bold 16px 
 <h3>Heading 3</h3>

h4. I am Heading 4

 Cocon-Bold 14px 
 <h4>Heading 4</h4>
h5. I am Heading 5
 Cocon-Bold 13px 
 <h5>Heading 5</h5>
h6. I am Heading 6
 Cocon-Bold 12px 
 <h6>Heading 6</h6>

Paragraphs

You can use the mark tag to highlight text.

 
 <p>You can use the mark tag to <mark>highlight</mark> text.</p>

This line of text is meant to be treated as deleted text.

 
 <p><del>This line of text is meant to be treated as deleted text.</del></p>

This line of text is meant to be treated as no longer accurate.

 
 <p><s>This line of text is meant to be treated as no longer accurate.</s></p>

This line of text is meant to be treated as an addition to the document.

 
 <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>

This line of text will render as underlined

 
 <p><u>This line of text will render as underlined</u></p>

This line of text is meant to be treated as fine print.

 
 <p><small>This line of text is meant to be treated as fine print.</small></p>

This line rendered as bold text.

 
 <p><strong>This line rendered as bold text.</strong></p>

This line rendered as italicized text.

 
 <p><em>This line rendered as italicized text.</em></p>
This is a horizonal rule above		 
 <hr />
Adding extra line breaks

Now the text is pushed down each
will push it down another line		 

Adding extra line breaks 
<br>
<br> 
Now the text is pushed down each 

<br>  
will push it down another line

Links

This Text will be shown. The read more is automatically generated provided that the p tags are inside a div with a class of component.

This text will be hidden.

Along with this text as it is set to display none the read more will then reveal it when clicked.

	
<div class="read-more">

	<p style="">This Text will be shown.</p>

	<p style="display: none;">This text will be hidden.</p>

	<p style="display: none;">along with this text as i is set to display none the read more will then reveal it when clicked.</p>

</div>
Visit site 
	
<a rel="nofollow" target="_blank" href="Your link goes here">Visit site</a>
Anchor links, This is the link
Place this where ever in the pace you wish to jump to. 
	
<a href="#Anchor">Anchor links, This is the link</a>

<a name="Anchor">tThis is the anchor, Place this where in the pace you wish to jump to.</a>