<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Meta Content" />
<meta name="keywords" content="Meta Keywords" />
<link data-type="sitestyle" href="styles/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<title>Web solution</title>
</head>

<body>
<div class="main_outer">
	<div id="sitecolor">
	<div class="outerwrapper_container">
		<div class="outerwrapper">
			<div class="wrapper">
				<div class="layout_header">
					<!-- start header -->
					<div class="header_wrapper">
						<div class="logo_image">
							<img src="images/logo.jpg" id="logo" data-type="logo" data-edit="true">
						</div>
						<div class="compnynamencaption">
							<h1 id="heading" data-type="heading">WEB SOLUTIONS</h1>
							<h2 id="caption" data-type="caption">The complate design media </h2>
						</div>
						<div class="clear"></div>
					</div>
					<!-- end header -->
				</div>
				<div class="layot_topmenu">
					 <!-- start topmenu -->
					<div class="top_menu">
						<ul  data-type="menu">
							<li class="active"><a data-alias="index">Home</a></li>
							<li><a data-alias="aboutus">About Us</a></li>
							<li><a data-alias="gallery">Gallery</a></li>
							<li><a data-alias="contactus">Contact Us </a></li>
						</ul>
					<div class="clear"></div>
				</div>
				 <!-- end topmenu -->
				</div>
				<div class="layout_bannerarea">
					<div class="banner_area_wrapper">
					 
					<div class="layout_banner">
						<div class="banner">
					<!-- start maincontent -->
						<div data-type="slider">
						<img src="images/banner.jpg" data-edit="true" title="Click here to update your gallery" />
						</div>
					<!-- end maincontent -->
						</div>
					</div>
					
					
					<div class="layout_welcome_area">
					<!-- start box -->
						<div class="welcome_area">
						<h2>Welcome</h2>
						<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
						Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, 
						consectetuer adipis cing elit. Mauris fermentum dictum magna. 
						Sed laore et aliquam leo. Ut tellus dolor, dapibus eget, element um vel, cursus eleifend, elit.</p>
						<p><a class="morelink right">more</a></P>
						<div class="clear"></div>
					</div><!-- end box -->
					</div>
					
					<div class="clear"></div>
				</div>
				</div>
				<div class="layout_row1">
					<!-- start box1 -->
					<div class="homecontentrow1">
						<div class="layout_threecolumnbox">
							<div class="threecolumnbox">
							<h3>Branding <span>Solutions</span> </h3>
							<div class="homecontentrow1_image">
							<img src="images/img1.jpg" data-edit="true">
							</div>
							<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
								Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, 
								consectetuer adipis cing elit. Mauris fermentum dictum magna. 
								Sed laore et aliquam leo. Ut tellus dolor, dapibus eget, element um vel, cursus eleifend, elit.
							</p>
							<p><a class="morelink">more</a></P>
							<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
						
						<div class="layout_threecolumnbox">
							<div class="threecolumnbox">
								<h3>Website <span>Design</span> </h3>
								<div class="homecontentrow1_image">
								<img src="images/img2.jpg" data-edit="true">
								</div>
								<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
									Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, 
									consectetuer adipis cing elit. Mauris fermentum dictum magna. 
									Sed laore et aliquam leo. Ut tellus dolor, dapibus eget, element um vel, cursus eleifend, elit.
								</p>
								<p><a class="morelink">more</a></P>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
						
						<div class="layout_threecolumnbox">
							<div class="threecolumnbox">
								<h3>Graphic <span>Design</span> </h3>
								<div class="homecontentrow1_image">
								<img src="images/img3.jpg" data-edit="true">
								</div>
								<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. 
									Phasellus porta. Fusce suscipit varius mi. Lorem ipsum dolor sit amet, 
									consectetuer adipis cing elit. Mauris fermentum dictum magna. 
									Sed laore et aliquam leo. Ut tellus dolor, dapibus eget, element um vel, cursus eleifend, elit.
								</p>
								<p><a class="morelink">more</a></P>
								<div class="clear"></div>
							</div>
						</div>
						
						<div class="clear"></div>
					</div>
					<!-- end box1 -->
				</div>
				<div class="layout_homecontentrow2">
					<!-- start featured -->
					<div class="homecontentrow2">
						<div class="homecontentrow2_hdr">
						<span>Recent</span> Portfolio
						</div>
						<div class="homecontentrow2_content">
							<div class="layout_fourcolumnbox">
								<div class="fourcolumnbox ">
								<div class="fourcolumnbox_image">
								<img src="images/img4.jpg" data-edit="true">
								</div>
								<p><span>Web Portfolios</span></p>
								<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris.</p>
								<div class="clear"></div>
							</div>
								
							</div>
							<div class="layout_fourcolumnbox">
								<div class="fourcolumnbox ">
									<div class="fourcolumnbox_image">
									<img src="images/img5.jpg" data-edit="true">
									</div>
									<p><span>Branding Portfolios</span></p>
									<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris.</p>
									<div class="clear"></div>
								</div>
							</div>
							
							<div class="layout_fourcolumnbox">
								<div class="fourcolumnbox ">
									<div class="fourcolumnbox_image">
									<img src="images/img6.jpg" data-edit="true">
									</div>
									<p><span>Graphic Portfolios</span></p>
									<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris.</p>
									<div class="clear"></div>
								</div>
							</div>
							
							<div class="layout_fourcolumnbox">
								<div class="fourcolumnbox ">
									<div class="fourcolumnbox_image">
									<img src="images/img7.jpg" data-edit="true">
									</div>
									<p><span>Logo Portfolios</span></p>
									<p>Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris.</p>
									<div class="clear"></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<!-- end featured -->
					<div class="clear"></div>
				</div>
			<div class="clear"></div>
			</div>
			<!-- start footer -->
			<div class="footer">
				<div id="site_banner" data-type="site_banner"></div>
			<div class="footer_content">
				 <p>&copy;2013 Web Solutions All Rights Reserved </p>
				 <div class="socialshare"  data-type="socialshare">
					<a href="#"><img src="images/ricon_facebook.png" data-edit="true"></a>
					<a href="#"><img src="images/ricon_linkedin.png" data-edit="true"></a>
					<a href="#"><img src="images/ricon_twitter.png" data-edit="true"></a>
				</div>
			</div>
			</div>
			<!-- end footer -->
			
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>
	
</div>
</div>

</body>
</html>
