temp_html

<div id="main_container">
  
	<header id="header"> <!-- 12 cols -->
		
		<h1 id="logo">Logo Here</h1> <!-- 9 cols -->
		<aside id="social">Soc buttons here</aside> <!-- 3 cols -->
		<h2 id="slogan">Slogan Line here</h2> <!-- 12 cols -->
		
	</header>

<div id="frontpage"> <!-- Wrapper -->
		
		<div class="row">
		<nav role="navigation"> <!-- 8 cols -->
			<ul>
				<li>Item 1</li>
				<li>Item 2</li>
				<li>Item 3</li>
				<li>Item 4</li>
			</ul>			
		</nav>
		
		<aside id="contact_number">055 555 5555</aside> <!-- 4 cols -->
		</div>
		
		
		<div class="row">
		<hgroup id="introduction"> <!-- 12 cols -->
			<h2>Company</h2>
			<h3>Some Paragraphs/slogan on the company</h3>
		</hgroup>
		</div>
		
		<div class="row">
		<div id="slider">Image Slider</div> <!-- 12 cols -->
		</div>
		
	</div>
	
	<div class="row">
	<h2 id="appointment">Divider no.1 with promo text</h2> <!-- 12 cols -->
	</div>
	
	<section id="products">
		
		<div class="row">
		<h3 id="what_we_do">What We Do</h3> <!-- 12 cols -->
		</div>
		
		<div class="row">
		<div id="product_1"><h3>Product One/h3></div> <!-- 4 cols -->
		<div id="product_2"><h3>Product Two</h3></div> <!-- 4 cols -->
		<div id="product_3"><h3>Product Three</h3></div> <!-- 4 cols -->
		</div>
		
	</section>
	
	<div class="row">
	<h2 id="services">Divider no.2 with promo text</h2> <!-- 12 cols -->
	</div>
	
	<section id="clients">
		
		<div class="row">
		<h3 id="our_clients">Our Clients</h3> <!-- 12 cols -->
		</div>
		
		<div class="row">
		<div id="testimonial">Testimonial</div> <!-- 4 cols -->
		<div id="recent">Recent Clients</div> <!-- 4 cols -->
		<div id="contact">Contact Us</div> <!-- 4 cols -->
		</div>
		
	</section>
	
	<footer>
		<div class="row">
		<p>Footers Copyright</p> <!-- 12 cols -->
		</div>
	</footer>
	
   </div>