03. Add Content

After you have choosen a base file and added in it the modules you need all you have to do is add the content.
This page contains examples and the code needed to include anything from basic paragraphs to image positioning.
You could either copy paste source code from this page in the modules and then replace the dummy text or just
add the content directly and just look at the code on this page for referance.

Headlines

Lorem ipsum dolor sit amet

<h1><span> Lorem ipsum dolor sit amet </span></h1>

<h2><span> Lorem ipsum dolor sit amet </span></h2>

<h3><span> Lorem ipsum dolor sit amet </span></h3>

<h4><span> Lorem ipsum dolor sit amet </span></h4>

Paragraphs

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

<p> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet,
ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.
Mauris placerat eleifend leo. </p>

Bold Text / Italic / Links

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

 <b>habitant morbi tristique senectus</b> 

 <i>eu libero sit amet quam egestas</i> 

 <a href="#">Mauris placerat eleifend</a>

Shout / Silence text

Aenean et ipsum nibh
quis aliquet nunc

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

 <span class="silence">quis aliquet nunc</span> 
 
 <span class="shout">habitant morbi tristique senectus</span>

Align text left, center and right

Text aligned to the left

Text aligned centrally

Text aligned to the right

<p> Text aligned to the left </p>

<p class="text-align-center"> Text aligned centrally </p>

<p class="text-align-right"> Text aligned to the right </p>

Unordered / Ordered Lists

Lorem ipsum dolor sit ipsum dolor sit
Consectetur adipisicing elit adipisicing elit
Incididunt ut labore et dolore ipsum dolor

Lorem ipsum dolor sit ipsum dolor sit
Consectetur adipisicing elit adipisicing elit
Incididunt ut labore et dolore ipsum dolor

<ul>
	<li>Lorem ipsum dolor sit ipsum dolor sit</li>
	<li>Consectetur adipisicing elit adipisicing elit</li>
	<li>Incididunt ut labore et dolore ipsum dolor</li>
</ul>

<ol>
	<li>Lorem ipsum dolor sit ipsum dolor sit</li>
	<li>Consectetur adipisicing elit adipisicing elit</li>
	<li>Incididunt ut labore et dolore ipsum dolor</li>
</ol>

Quotes

“ Aenean et ipsum nibh, quis aliquet nunc. Phasellus nisi lectus, elementum eget lobortis nec. - Customer Name ”

<blockquote>
	&#8220; Aenean et ipsum nibh, quis aliquet nunc.
	Phasellus nisi lectus, elementum eget lobortis
	nec. - <i>Customer Name</i> &#8221;
</blockquote>

Adding Images / Image Alignment Left and Right

Aenean et ipsum nibh, quis aliquet nunc. Phasellus nisi lectus, elementum eget lobortis nec, congue vulputate. Aenean et ipsum nibh, quis aliquet nunc.

<img src="placeholders/120x59.jpg" width="120" height="59" alt="">

<p> <img src="placeholders/120x59.jpg" width="120" height="59" alt="" align="left" class="img-left-aligned"> Aenean et ipsum ...

<p> <img src="placeholders/120x59.jpg" width="120" height="59" alt="" align="right" class="img-right-aligned"> Aenean et ipsum ...

Versatile 3 Manual Layout Creator

03. Add Content

Headlines

Lorem ipsum dolor sit amet