For advanced content creators who can use HTML code, this is the HTML code that created the reference page.

<h1>Reference For Content Styling based on grid system </h1>
		
<!--COMMENT START 12 Grid (1 column across the page)-->
		<h3>	12 Grid (1 column across the page)   </h3>
		
		<div class="rt-container">
			<div class="rt-grid-12 rt-alpha rt-omega">
				<div class="rt-block">
					Eget tincidunt est proin, imperdiet nec leo nisl tellus morbi, ac vitae nec est ultricies integer. Tristique pellentesque ut vestibulum quis quam ornare, lorem ipsum tristique nunc massa veritatis augue. Ultricies volutpat aenean ante non, lorem proin quis velit, est ullamcorper dui nullam diam integer, mi non felis posuere in eget. Magna turpis ullamcorper, eu cras aliquam purus laoreet, dis tellus, euismod dui in. Nec pretium aliquet sed consectetuer hendrerit, est morbi blandit semper, laoreet ornare in suscipit pellentesque erat amet. Euismod leo pharetra tristique nulla, nec vitae. A quisque faucibus. Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu. Sodales ac, et ante imperdiet, habitant nunc auctor dapibus bibendum lectus, adipiscing odio ac non nunc pede aenean. Dignissim velit condimentum, quis metus posuere sed et nulla, vulputate eget commodi commodo, aliquam nullam, wisi magna ac pretium montes. Vitae suspendisse sit accumsan sed eget neque, vestibulum ac wisi commodo sodales scelerisqu
				</div>
			</div>
		</div><!-- END -->

_________________________________________________________________________________

<!--COMMENT START 6 Grid + 6 Grid (2 column even)-->
		<h3>6 Grid + 6 Grid (2 column even)</h3>
		
		<div class="rt-container">
			<div class="rt-grid-6 rt-alpha">
				<div class="rt-block">
					Column #1<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, eget semper integer sed. Placerat sit pulvinar fringilla parturient dictum netus, pellentesque ultricies magna vitae at est id. Dignissim diam id nulla odio, aliquet lorem, et faucibus elementum, vel quis facilisis mattis molestie nec dis, hac justo maecenas quis eget dolor dapibus.
				</div>
			</div>
			
			<div class="rt-grid-6 rt-omega">
				<div class="rt-block">
					Column #2<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, eget semper integer sed. Placerat sit pulvinar fringilla parturient dictum netus, pellentesque ultricies magna vitae at est id. Dignissim diam id nulla odio, aliquet lorem, et faucibus elementum, vel quis facilisis mattis molestie nec dis, hac justo maecenas quis eget dolor dapibus.
				</div>
			</div>
		</div><!-- END -->

_________________________________________________________________________________
		
		
		<!--COMMENT START 4 Grid + 8 Grid (2 column 30% by 70%)  -->
		<h3>4 Grid + 8 Grid (2 column 30% by 70%)</h3>
		
		<div class="rt-container">
			<div class="rt-grid-4 rt-alpha">
				<div class="rt-block">
					Column #1<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, 
				</div>
			</div>
			
			<div class="rt-grid-8 rt-omega">
				<div class="rt-block">
					Column #2<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, eget semper integer sed. Placerat sit pulvinar fringilla parturient dictum netus, pellentesque ultricies magna vitae at est id. Dignissim diam id nulla odio, aliquet lorem, et faucibus elementum, vel quis facilisis mattis molestie nec dis, hac justo maecenas quis eget dolor dapibus.
				</div>
			</div>
		</div><!-- END -->
		
_________________________________________________________________________________

		<!--COMMENT START 4 + 4 + 4 Grid (3 column even)  -->
		<h3>	4 + 4 + 4 Grid (3 column even) </h3>
		
		<div class="rt-container">
			<div class="rt-grid-4 rt-alpha">
				<div class="rt-block">
					Column #1<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, eget semper integer sed. Placerat sit pulvinar fringilla parturient dictum netus, pellentesque ultricies magna vitae at est id. Dignissim diam id nulla odio, aliquet lorem, et faucibus elementum, vel quis facilisis mattis molestie nec dis, hac justo maecenas quis eget dolor dapibus.
				</div>
			</div>
			
			<div class="rt-grid-4">
				<div class="rt-block">
					Column #2<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, eget semper integer sed. Placerat sit pulvinar fringilla parturient dictum netus, pellentesque ultricies magna vitae at est id. Dignissim diam id nulla odio, aliquet lorem, et faucibus elementum, vel quis facilisis mattis molestie nec dis, hac justo maecenas quis eget dolor dapibus.
				</div>
			</div>
			
			<div class="rt-grid-4 rt-omega">
				<div class="rt-block">
					Column #3<br>
					Ultricies purus vestibulum feugiat lectus, dui dapibus, et velit ad lorem nibh, libero eget ligula enim donec, orci omnis vulputate porta lacinia. Gravida orci, ipsum lacinia, varius duis tincidunt, eget semper integer sed. Placerat sit pulvinar fringilla parturient dictum netus, pellentesque ultricies magna vitae at est id. Dignissim diam id nulla odio, aliquet lorem, et faucibus elementum, vel quis facilisis mattis molestie nec dis, hac justo maecenas quis eget dolor dapibus.
				</div>
			</div>
		</div><!-- END -->
		
_________________________________________________________________________________

		<!--COMMENT START 2 + 2 + 4 +4 Grid (4 column)  -->
		<h3> 2 + 2 + 4 +4 Grid (4 column - 2 Small - 2 wide)  </h3>
		
		<div class="rt-container">
			<div class="rt-grid-2 rt-alpha">
				<div class="rt-block">
					two columns<br>
					Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu.
				</div>
			</div>
			
			<div class="rt-grid-2">
				<div class="rt-block">
					two columns<br>
					Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu.
				</div>
			</div>
			
			<div class="rt-grid-4">
				<div class="rt-block">
					four columns<br>
					Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu. Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu.
				</div>
			</div>
			
			<div class="rt-grid-4 rt-omega">
				<div class="rt-block">
					four columns<br>
					Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu. Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu.Erat sapien nam quam, vehicula egestas elit pellentesque vitae vel nam, ac lacus enim cras sagittis, ipsum accumsan rutrum nibh vitae sodales. Ipsum mauris mauris et. Eu ut, dictum commodo, enim duis etiam consequat donec torquent, ridiculus vitae eu.
				</div>
			</div>
		</div><!-- END -->
_________________________________________________________________________________

	
		<!--COMMENT START Custom List Style #1  -->
		<h3> Custom List Style #1  	</h3>
		
		<ul class="listone">
			<li>
				<img alt="" src="images/logos/news_media/New-York-Times-logo-390x250.png">
				<h4>
					<a href="#">Text</a>
				</h4>
			</li>
			
			<li>
				<img alt="" src="images/logos/news_media/New-York-Times-logo-390x250.png">
				<h4>
					<a href="#">Text</a>
				</h4>
			</li>
			
			<li>
				<img alt="" src="images/logos/news_media/New-York-Times-logo-390x250.png">
				<h4>
					<a href="#">Text</a>
				</h4>
			</li>
			
		</ul><!-- END -->
_________________________________________________________________________________
		
		<!--COMMENT START Custom List Style #2  -->
		<h3> Custom List Style #2 </h3>
		
		<ul class="listtwo">
			<li>
				<img alt="" src="images/logos/news_media/New-York-Times-logo-390x250.png">
				<h4>
					<a href="#">Text</a>
				</h4>
				<p>
					Text
				</p>
			</li>
			
			<li>
				<img alt="" src="images/logos/news_media/New-York-Times-logo-390x250.png">
				<h4>
					<a href="#">Text</a>
				</h4>
				<p>
					Text
				</p>
			</li>
			
			<li>
				<img alt="" src="images/logos/news_media/New-York-Times-logo-390x250.png">
				<h4>
					<a href="#">Text</a>
				</h4>
				<p>
					Text
				</p>
			</li>
			
		</ul><!-- END -->
_________________________________________________________________________________

		<!--COMMENT START Block Quote Left  -->
		<h3> Block Quote Left </h3>
		
		<blockquote>
			<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
			</p>
			<small>Someone famous <cite title="Source Title">Source Title</cite></small>
		</blockquote><!-- END -->
_________________________________________________________________________________

		
		<!--COMMENT START Block Quote Right  -->
		<h3> Block Quote right </h3>
		
		<blockquote class="pull-right">
			<p>
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
			</p>
			<small>Someone famous <cite title="Source Title">Source Title</cite></small>
		</blockquote><!-- END -->
_________________________________________________________________________________

		<!--COMMENT START Description Lists  -->
		<h3> Description Lists </h3>
		
		<dl class="dl-horizontal">
			<dt>
				Description lists
			</dt>
			<dd>
				A description list is perfect for defining terms.
			</dd>
			<dt>
				Euismod
			</dt>
			<dd>
				Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
			</dd>
			<dd>
				Donec id elit non mi porta gravida at eget metus.
			</dd>
			<dt>
				Malesuada porta
			</dt>
			<dd>
				Etiam porta sem malesuada magna mollis euismod.
			</dd>
			<dt>
				Felis euismod semper eget lacinia
			</dt>
			<dd>
				Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
			</dd>
		</dl><!-- END -->
_________________________________________________________________________________

		<!--COMMENT START Making Buttons  -->
		<h3> Making Buttons - Go in paragraph tags </h3>
	
		<p>
			<button class="btn btn-large btn-primary" type="button">Large button</button>
		</p>
		<p>
			<button class="btn" type="button">Default button</button>
		</p>
		<p>
			<button class="btn btn-small btn-primary" type="button">Small button</button>
		</p>
		<p>
			<button class="btn btn-mini" type="button">Mini button</button>
		</p><!-- END -->

_________________________________________________________________________________

		<!--COMMENT START Using ICONS  -->
		<h3> Large collection of available ICONS </h3>
		
		<p>
		<h1><span class="icon-download"> - Download icon in H1 tag</span></h1>
		<p><span class="icon-facebook"> - Facebook Icon in Paragraph tag</span></p>
	See the full set available at this link: http://fortawesome.github.io/Font-Awesome/icons/
		</p><!-- END -->
		
_________________________________________________________________________________