<?php
require_once "../../../maincore.php";
require_once THEMES."templates/header.php";

echo '<!-- Page Content -->
<div class="page-content">

	<!-- 960 Container -->
	<div class="container">

	<!-- Headlines
	================================================== -->

		<div class="sixteen columns">
			<h1 style="margin-top: -15px;">H1 Header</h1>
			<p>Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.</p>

			<div style="margin-top: 20px;"></div>

			<h2>H2 Header</h2>
			<p>Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tellus eget tempor. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.</p>

			<div style="margin-top: 20px;"></div>

			<h3>H3 Header</h3>
			<p>Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque tempor tellus eget pellentesque. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.</p>

			<div style="margin-top: 20px;"></div>

			<h4>H4 Header</h4>
			<p>Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor libero. Pellentesque pellentesque tempor tellus eget fringilla. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.</p>

			<div style="margin-top: 20px;"></div>

			<h5>H5 Header</h5>
			<p>Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.</p>

			<div style="margin-top: 20px;"></div>

			<h6>H6 Header</h6>
			<p>Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla. Pellentesque pellentesque tempor tellus eget libero. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.</p>
		</div>

	</div>
	<!-- 960 Container / End -->

	<div class="clearfix"></div>
	<!-- Divider -->
	<div class="line" style="margin-top: 20px; margin-bottom: 42px;"></div>


	<!-- 960 Container -->
	<div class="container">

	<!-- Blockquote
	================================================== -->

		<div class="sixteen columns">
			<!-- Headline -->
			<h3 class="margin-reset">Blockquote</h3><br />

			<p>Maecenas dolor est, interdum a euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.</p>
			<blockquote>Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.</blockquote>
			<p>In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum.</p>
		</div>

	</div>
	<!-- 960 Container / End -->


	<!-- Divider -->
	<div class="line" style="margin-top: 20px; margin-bottom: 42px;"></div>


	<!-- 960 Container -->
	<div class="container">

	<!-- Dropcap
	================================================== -->

		<div class="sixteen columns">
			<!-- Headline -->
			<h3 class="margin-reset">Dropcap</h3><br />
			<p><span class="dropcap">D</span> onec varius condimentum augue, nec mollis risus egestas sit amet. Etiam elit est, tincidunt non tincidunt sit amet, mollis vitae orci. Suspendisse sit amet turpis quam. Sed varius magna nec felis faucibus blandit. Quisque at gravida ante. Phasellus sagittis aliquam sodales. Donec a tortor vitae dolor sagittis aliquam eu id lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac dapibus nisl. Proin in tellus non velit sagittis viverra vel sit amet dui. Cras augue ante, tincidunt consequat ultricies ultricies, tempor a elit. Vestibulum feugiat dapibus tempus. Integer suscipit ipsum sem fermentum bibendum. Vestibulum quam neque, pretium eu consectetur quis, iaculis et massa. Sed consectetur erat fermentum purus condimentum aliquam.</p>
		</div>

	</div>
	<!-- 960 Container / End -->


	<!-- Divider -->
	<div class="line" style="margin-top: 20px; margin-bottom: 42px;"></div>


	<!-- 960 Container -->
	<div class="container">

	<!-- Hightlights
	================================================== -->

		<div class="sixteen columns">
			<!-- Headline -->
			<h3 class="margin-reset">Highlights</h3><br />
			<p>Aliquam sed leo leo, at aliquam felis. Sed sed purus ac <span class="highlight gray">lacus faucibus placerat</span>. Donec hendrerit dapibus justo, bibendum iaculis sem vehicula sed. Fusce dolor orci, eleifend quis dignissim non, tristique sit amet elit. Maecenas semper venenatis felis eu <span class="highlight color">hendrerit in tincidunt</span> vehicula. Cras dictum mi nec dolor  justo lacinia. Nunc at sem lectus, quis <span class="highlight light">aliquam metus</span>. Nam sagittis est at erat tincidunt ut porttitor eros viverra</p>
		</div>

	</div>
	<!-- 960 Container / End -->


	<!-- Divider -->
	<div class="line" style="margin-top: 30px; margin-bottom: 42px;"></div>


	<!-- 960 Container -->
	<div class="container">

	<!-- Blockquote
	================================================== -->

		<div class="sixteen columns">
			<!-- Headline -->
			<h3 class="margin-reset">Tooltips</h3><br />
			<p>Maecenas dolor est, interdum a euismod eu, <a href="#" class="tooltip" title="First Tooltip">accumsan posuere</a> nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris <a href="#" class="tooltip" title="Another one here too">suspendisse dignissim</a> bibendum tempus.</p>
		</div>
	</div>
	<!-- 960 Container / End -->


	<!-- Divider -->
	<div class="line" style="margin-top: 30px; margin-bottom: 42px;"></div>


	<!-- 960 Container -->
	<div class="container">

	<!-- List Styles
	================================================== -->

		<div class="sixteen columns">
			<!-- Headline -->
			<h3 class="margin-reset">List Styles</h3><br />
		</div>

		<div class="four columns">
			<ul class="check-list">
				<li>Check List lorem ipsum aperia</li>
				<li>Check List lorem ipsum aperia</li>
				<li>Check List lorem ipsum aperia</li>
				<li>Check List lorem ipsum aperia</li>
			</ul>
		</div>

		<div class="four columns">
			<ul class="sign-list">
				<li>Sign List - lorem ipsum aperia</li>
				<li>Sign List - lorem ipsum aperia</li>
				<li>Sign List - lorem ipsum aperia</li>
				<li>Sign List - lorem ipsum aperia</li>
			</ul>
		</div>

		<div class="four columns">
			<ul class="star-list">
				<li>Star List - lorem ipsum aperia</li>
				<li>Star List - lorem ipsum aperia</li>
				<li>Star List - lorem ipsum aperia</li>
				<li>Star List - lorem ipsum aperia</li>
			</ul>
		</div>

		<div class="four columns">
			<ul class="plus-list">
				<li>Plus List - lorem ipsum aperia</li>
				<li>Plus List - lorem ipsum aperia</li>
				<li>Plus List - lorem ipsum aperia</li>
				<li>Plus List - lorem ipsum aperia</li>
			</ul>
		</div>

	</div>
	<!-- 960 Container / End -->


	<!-- Divider -->
	<div class="line" style="margin-top: 35px; margin-bottom: 40px;"></div>


<!-- 960 Container -->
<div class="container">

	<!-- 1/2 -->
	<div class="eight columns">
		<h4>Half Page 1/2</h4>
		<p>Praesent ut ante id metus sollicitudin sodales. Mauris dictum, lorem quis arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi.Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas pretium feugiat, nibh metus ultricies quam, nec venenatis.</p>
	</div>

	<!-- 1/2 -->
	<div class="eight columns">
		<h4>Half Page 1/2</h4>
		<p>Praesent ut ante id metus sollicitudin sodales. Mauris dictum, lorem quis pretium arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi.Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas feugiat, nibh metus ultricies quam, nec venenati.</p>
	</div>
	<!-- 1/2 Columns End -->

</div>
<!-- 960 Container End -->


<br />


<!-- 960 Container -->
<div class="container">

	<!-- 1/3 -->
	<div class="one-third column">
		<h4>One Third 1/3</h4>
		<p>Cras semper facilisis vestibulum. Nam purus magna, venenatis a mollis Quisque metus arcu, condimentum vitae dignissim at, condimentum id dui. Fusce at dui metus. Nulla in purus in mauris luctus gravida.</p>
	</div>

	<!-- 1/3 -->
	<div class="one-third column">
		<h4>One Third 1/3</h4>
		<p>Cras semper facilisis vestibulum. Nam purus magna, venenatis a mollis Quisque metus arcu, condimentum vitae dignissim at, condimentum id dui. Fusce at dui metus. Nulla in purus in mauris luctus gravida.</p>
	</div>

	<!-- 1/3 -->
	<div class="one-third column">
		<h4>One Third 1/3</h4>
		<p>Cras semper facilisis vestibulum. Nam purus magna, venenatis a mollis Quisque metus arcu, condimentum vitae dignissim at, condimentum id dui. Fusce at dui metus. Nulla in purus in mauris luctus gravida.</p>
	</div>

</div>
<!-- 960 Container End -->


<br />


<!-- 960 Container -->
<div class="container">

	<!-- 1/3 -->
	<div class="one-third column">
		<h4>One Third 1/3</h4>
		<p>Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec sed.</p>
	</div>

	<!-- 2/3 -->
	<div class="two-thirds column">
		<h4>Two Thirds 2/3</h4>
		<p>Magna nisi. Integer ut risus nulla. Aliquam  arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi.Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus dolor pulvinar condimentum nec sed.</p>
	</div>

</div>
<!-- 960 Container End -->


<br />


<!-- 960 Container -->
<div class="container">

	<!-- 1/4 -->
	<div class="four columns">
		<h4>One Fourth 1/4</h4>
		<p>Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus.</p>
	</div>

	<!-- 1/4 -->
	<div class="four columns">
		<h4>One Fourth 1/4</h4>
		<p>Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus.</p>
	</div>

	<!-- 1/4 -->
	<div class="four columns">
		<h4>One Fourth 1/4</h4>
		<p>Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus.</p>
	</div>

	<!-- 1/4 -->
	<div class="four columns">
		<h4>One Fourth 1/4</h4>
		<p>Magna nisi. Integer ut risus nulla. Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Nullam vitae neque luctus.</p>
	</div>

</div>
<!-- 960 Container End -->


<br />


<!-- 960 Container -->
<div class="container">

	<!-- 1/4 -->
	<div class="twelve columns">
		<h4>One Fourth 1/4</h4>
		<p>Sed at odio ut arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi.Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Maecenas ut nulla quis eros scelerisque posuere vel vitae nibh. Proin id condimentum sem. Morbi vitae dui in magna vestibulum suscipit vitae vel nunc. Integer ut risus nulla. malesuada tortor, nec scelerisque lorem mattis  lore Aliquam at erat in purus aliquet mollis.</p>
	</div>

	<!-- 3/4 -->
	<div class="four columns">
		<h4>Three Fourth 3/4</h4>
		<p>Magna nisi. Integer ut risus nulla lorem. Aliquam at erat in purus aliquet mollis nullam vitae pulvinar condimentum nec aiquam at erat in purus.</p>
	</div>

</div>
<!-- 960 Container End -->

</div>
<!-- Page Content / End -->';

require_once THEMES."templates/footer.php";
?>