<!DOCTYPE html>
<title>Elegant Press | Home</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles/elegant-press.css" type="text/css" />
<script src="scripts/elegant-press.js" type="text/javascript"></script>
<!--[if IE]><style>#header h1 a:hover{font-size:75px;}</style><![endif]-->
</head>
<body>
<div class="main-container">
<header>
<h1><a href="index.html">Elegant Press</a></h1>
<p id="tagline"><strong>Clean Website Template</strong></p>
</header>
</div>
<div class="main-container">
<div id="sub-headline">
<div class="tagline_left"><p id="tagline2">Tel: 123 333 4444 | Mail: <a href="mailto:email@website.com">email@website.com</a></p></div>
<div class="tagline_right">
<form action="#" method="post">
<fieldset>
<legend>Site Search</legend>
<input type="text" value="Search Our Website…" onfocus="if (this.value == 'Search Our Website…') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search Our Website…';}" />
<input type="submit" name="go" id="go" value="Search" />
</fieldset>
</form>
</div>
<br class="clear" />
</div>
</div>
<div class="main-container">
<div id="nav-container">
<nav>
<ul class="nav">
<li class="active"><a href="index.html">Homepage</a></li>
<li><a href="typo.html">Typography</a></li>
<li><a href="#">Layouts</a>
<ul>
<li><a href="#">Sidebar</a>
<ul>
<li><a href="right_sidebar.html">Right Sidebar</a>
</li>
</ul>
<li><a href="full_width.html">Full Width</a></li>
</ul>
</li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="last"><a href="contact.php">Contact</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
<div class="main-container">
<div class="container1">
<div id="mySlides">
<div id="slide1">
<img src="images/slider1.jpg" alt="Slide 1 jFlow Plus" />
<span><b class="slideheading">First Featured Slide</b><br />Featured Text.....<a href="#" title="Coolness" class="readmore">Read More!</a></span>
</div>
<div id="slide2">
<img src="images/slider2.jpg" alt="Slide 2 jFlow Plus" />
<span><b class="slideheading">Second Featured Slide</b><br />Featured Text.....<a href="#" title="Coolness" class="readmore">Read More!</a></span>
</div>
<div id="slide3">
<img src="images/slider3.jpg" alt="Slide 3 jFlow Plus" />
<span><b class="slideheading">Third Featured Slide</b><br />Featured Text.....<a href="#" title="Coolness" class="readmore">Read More!</a></span>
</div>
</div>
<div id="myController">
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
</div>
<section class="jFlowPrev"><div></div></section>
<section class="jFlowNext"><div></div></section>
<br />
<br />
<article class="box" id="home_featured21">
<div class="block"><h2>Who Are We</h2>
<p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur. Dapiensociis temper donec auctortortis cumsan et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.<br />
<a href="#" class="read_more">Read More</a>
</p>
</div>
<div class="block"><h2>Compatibility</h2>
<ul id="list">
<li>Dapiensociis temper donec auctortortis cumsan et curabitur.</li>
<li>Condis lorem loborttis leo.</li>
<li>Portortornec condimenterdum eget consectetuer condis.</li>
<li>Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</li>
</ul>
<br />
<br />
<img src="images/browsers.png" alt="Web Browsers"/>
</div>
<div class="block last"><h2>What We Do</h2>
<p>Temperinte interdum sempus odio urna eget curabitur semper convallis nunc laoreet. Nullain convallis ris elis vest liberos nis diculis feugiat in rutrum. Suspendreristibulumfaucibulum lobortor quis tortortor ris sapien sce enim et volutpat sus. Urnaretiumorci orci fauctor leo justo nulla cras ridiculum eu id vitae. <br />
<a href="#" class="read_more">Read More</a></p>
</div>
<div class="clear"></div>
</article>
</div>
<div class="callout">
<div class="calloutcontainer">
<div class="container_12">
<div class="grid">
<div class="alignleft">
<h3>Like it? Download it for free!</h3>
<p>At <a href="http//www.priteshgupta.com/templates/elegant-press">http//www.priteshgupta.com/templates/elegant-press</a></p>
</div>
<a href="http//www.priteshgupta.com/templates/elegant-press/" class="more" target="_blank">Download</a>
</div>
<div class="clear"></div>
</div>
<div class="calloutoverlay"></div>
<div class="calloutoverlaybottom"></div>
</div>
</div>
<br /><br />
<div class="container2">
<article id="home_featured2">
<ul>
<li>
<div class="imgholder"><a href="images/slide1.jpg" data-gal="prettyPhoto[featured]" title="First Featured Title"><img src="images/featured1.jpg" width="275" height="145" alt="" /></a></div>
<h4>First Featured Title</h4>
<p>Orciint erdum condimen terdum nulla mcorper elit nam curabitur laoreet met prae senean et iac ulum. Metridiculis cons eque quis iaculum aenean nunc aenean.</p>
</li>
<li>
<div class="imgholder"><a href="images/slide2.jpg" data-gal="prettyPhoto[featured]" title="Second Featured Title"><img src="images/featured2.jpg" width="275" height="145" alt="" /></a></div>
<h4>Second Featured Title</h4>
<p>Orciint erdum condimen terdum nulla mcorper elit nam curabitur laoreet met prae senean et iac ulum. Metridiculis cons eque quis iaculum aenean nunc aenean.</p>
</li>
<li class="last">
<div class="imgholder"><a href="images/slide3.jpg" data-gal="prettyPhoto[featured]" title="Third Featured Title"><img src="images/featured3.jpg" width="275" height="145" alt="" /></a></div>
<h4>Third Featured Title</h4>
<p>Orciint erdum condimen terdum nulla mcorper elit nam curabitur laoreet met prae senean et iac ulum. Metridiculis cons eque quis iaculum aenean nunc aenean.</p>
</li>
</ul>
<br class="clear" />
</article>
</div>
</div>
<div class="main-container">
</div>
<div class="callout">
<div class="calloutcontainer">
<div class="container_12">
<div class="grid">
<article class="footbox">
<h2>From The Blog</h2>
<ul>
<li><a href="#">Lorem Ipsum Dolor</a><br />
Orciint erdum condimen terdum nulla mcorper elit nam curabitur...
</li>
<li><a href="#">Praesent Et Eros</a><br />
Orciint erdum condimen terdum nulla mcorper elit nam curabitur...
</li>
<li><a href="#">Suspendisse In Neque</a><br />
Orciint erdum condimen terdum nulla mcorper elit nam curabitur...
</li>
</ul>
</article>
<article class="footbox last">
<h2>We Are Social!</h2>
<div id="social">
<a href="http//twitter.com/priteshgupta" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a>
<a href="http//www.facebook.com/priteshgupta" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
<a href="http//forrst.com/people/priteshgupta" class="s3d forrst"> Forrst <span class="icons forrst