File: /home/vmasmheia229/www/_html2012/portfolio-post.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>Ikaros</title>
<link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.png" />
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/media-queries.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/jquery.fancybox.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.2" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:700,700italic,300italic,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all" />
<![endif]-->
<script type="text/javascript" src="style/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/selectnav.js"></script>
<script type="text/javascript" src="style/js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="style/js/jquery.easytabs.js"></script>
<script type="text/javascript" src="style/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript" src="style/js/zeta_slider.js"></script>
<script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="style/js/jquery.address-1.4.min.js"></script>
</head>
<body>
<!-- Begin Header -->
<div class="header-wrapper">
<div class="header">
<!-- Begin Logo -->
<div class="logo"> <a href="index.html"><img src="style/images/logo.png" alt="" /></a> </div>
<!-- End Logo -->
<!-- Begin Menu -->
<div id="menu" class="menu">
<ul id="tiny">
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Layout 1</a></li>
<li><a href="home2.html">Home Layout 2</a></li>
<li><a href="home3.html">Home Layout 3</a></li>
<li><a href="home4.html">Home Layout 4</a></li>
<li><a href="home5.html">Home Layout 5</a></li>
<li><a href="home6.html">Home Layout 6</a></li>
</ul>
</li>
<li><a href="blog1.html">Blog</a>
<ul>
<li><a href="blog1.html">Grid Layout</a></li>
<li><a href="blog2.html">Classic Layout</a></li>
<li><a href="blog-post.html">Blog Post</a></li>
</ul>
</li>
<li class="active"><a href="portfolio1.html">Portfolio</a>
<ul>
<li><a href="portfolio1.html">Classic Portfolio</a></li>
<li><a href="portfolio2.html">Lightbox Portfolio</a></li>
<li><a href="portfolio-post.html">Portfolio Post</a></li>
</ul>
</li>
<li><a href="videocase.html">Videocase</a></li>
<li><a href="#">Features</a>
<ul>
<li><a href="index.html">Fullwidth Slider</a></li>
<li><a href="slider2.html">Fitwidth Slider</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="icons.html">Icons</a></li>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="tab-toggle.html">Tabs & Toggle</a></li>
<li><a href="button-box.html">Buttons & Boxes</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="columns.html">Columns</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- End Menu -->
</div>
<div class="header-light"></div>
</div>
<!-- End Header -->
<!-- Begin Wrapper -->
<div class="wrapper">
<!-- Begin Portfolio -->
<h1 class="center">Cras justo odio dapibus</h1>
<div class="intro center">Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</div>
</div>
<!-- End Wrapper -->
<div class="zetaSlider" id="zetaSlider">
<div class="zetaHolder">
<div class="zetaWrapper">
<div class="zetaEmpty">
<div class="zetaImageBox"><img src="style/images/art/p1-full.jpg" alt="" /><a href="style/images/art/p1-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p2-full.jpg" alt="" /><span>Morbi leo <a href="#">lacus</a> risus, porta ac consectetur ac.</span><a href="style/images/art/p2-full.jpg" class="fancybox-media enlarge" data-title-id="title-02"></a>
<div id="title-02" class="info hidden">
<div class="fancybox-desc">Morbi leo <a href="#">lacus</a> risus, porta ac consectetur ac.</div>
</div>
</div>
<div class="zetaImageBox"><img src="style/images/art/p3-full.jpg" alt="" /><a href="style/images/art/p3-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p4-full.jpg" alt="" /><a href="style/images/art/p4-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p5-full.jpg" alt="" /><a href="style/images/art/p5-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p6-full.jpg" alt="" /><a href="style/images/art/p6-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p7-full.jpg" alt="" /><a href="style/images/art/p7-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p8-full.jpg" alt="" /><a href="style/images/art/p8-full.jpg" class="fancybox-media enlarge"></a></div>
<div class="zetaImageBox"><img src="style/images/art/p9-full.jpg" alt="" /><a href="style/images/art/p9-full.jpg" class="fancybox-media enlarge"></a></div>
</div>
</div>
</div>
<div class="zetaControls"> <a class="zetaBtnPrev" href="#">Previous</a> <a class="zetaBtnNext" href="#">Next</a> </div>
<div class="zetaWarning">
<div class="navigate">Navigate by</div>
<div class="drag">Dragging</div>
<div class="arrow">Arrows</div>
<div class="keys">Keyboard</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#zetaSlider').zetaSlider();
});
</script>
<div class="wrapper">
<div class="three-fourth">
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec ullamcorper nulla non metus auctor fringilla.</p>
<p> Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.</p>
</div>
<div class="one-fourth last">
<!-- Begin Meta -->
<div class="item-info">
<ul class="portfolio-meta">
<li><span>Date:</span> 02 January 2012</li>
<li><span>Skills:</span> JavaScript, CSS, HTML</li>
<li><span>Client:</span> Nutshell</li>
<li><span>Link:</span> <a href="#">http://website.com</a></li>
</ul>
<div class="portfolio-nav">
<h6>Other Projects</h6>
<span class="prev"><a href="portfolio-post.html" title="Previous"></a></span> <span class="up"><a href="portfolio1.html" title="All Items"></a></span> <span class="next"><a href="portfolio-post.html" title="Next"></a></span> </div>
</div>
<!-- End Meta -->
</div>
<div class="clear"></div>
<br />
<br />
<h3>Related Projects</h3>
<div class="portfolio">
<ul class="items">
<li>
<a href="portfolio-post.html">
<div class="caption">
<h3>Cras justo odio dapibus</h3>
<span class="meta">Poster, Conceptual</span>
</div>
<img src="style/images/art/p1.jpg" alt="" />
</a>
</li>
<li>
<a href="portfolio-post.html">
<div class="caption">
<h3>Egestas Pellentesque Fringilla</h3>
<span class="meta">Conceptual</span>
</div>
<img src="style/images/art/p2.jpg" alt="" />
</a>
</li>
<li>
<a href="portfolio-post.html">
<div class="caption">
<h3>Mollis Fringilla Ridiculus</h3>
<span class="meta">Poster, Corporate</span>
</div>
<img src="style/images/art/p3.jpg" alt="" />
</a>
</li>
</ul>
</div>
</div>
<!-- Begin Footer -->
<div class="footer-wrapper">
<div class="footer-light"></div>
<div class="footer">
<div class="one-fourth">
<h3>Popular Posts</h3>
<ul class="post-list">
<li>
<h4><a href="#">Vivamus sagittis lacus vel augue laoreet rutrum dolor auctor.</a></h4>
<div class="meta">14 Jun, 2012</div>
</li>
<li>
<h4><a href="#">Scelerisque nisl consectetur et.</a></h4>
<div class="meta">22 May, 2012</div>
</li>
<li>
<h4><a href="#">Pellentesque ornare sem lacinia quam venenatis vestibulum.</a></h4>
<div class="meta">13 Apr, 2012</div>
</li>
</ul>
</div>
<div class="one-fourth">
<h3>Twitter</h3>
<div id="twitter-wrapper">
<div id="twitter"></div>
<span class="username"><a href="http://twitter.com/elemisdesign">→ Follow @elemisdesign</a></span> </div>
</div>
<div class="one-fourth">
<h3>A Little About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<p>Donec id elit non porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel.</p>
</div>
<div class="one-fourth last">
<h3>Contact Form</h3>
<!-- Begin Form -->
<div class="form-container">
<div class="response"></div>
<form class="forms" action="contact/form-handler.php" method="post">
<fieldset>
<ol>
<li class="form-row text-input-row">
<input type="text" name="name" class="text-input required defaultText" title="Name*"/>
</li>
<li class="form-row text-input-row">
<input type="text" name="email" class="text-input required email defaultText" title="Email*"/>
</li>
<li class="form-row text-area-row">
<textarea name="message" class="text-area required defaultText"></textarea>
</li>
<li class="form-row hidden-row">
<input type="hidden" name="hidden" value="" />
</li>
<li class="button-row">
<input type="submit" value="Submit" name="submit" class="btn-submit" />
</li>
</ol>
<input type="hidden" name="v_error" id="v-error" value="Required" />
<input type="hidden" name="v_email" id="v-email" value="Enter a valid email" />
</fieldset>
</form>
</div>
<!-- End Form -->
</div>
<div class="clear"></div>
</div>
</div>
<!-- End Footer -->
<!-- Begin Site Generator -->
<div class="site-generator-wrapper">
<div class="site-generator">
<div class="copyright">
<p>© 2012 Ikaros. Theme by elemis</p>
</div>
<ul class="social">
<li><a class="rss" href="#"></a></li>
<li><a class="facebook" href="#"></a></li>
<li><a class="twitter" href="#"></a></li>
<li><a class="dribbble" href="#"></a></li>
<li><a class="pinterest" href="#"></a></li>
<li><a class="linkedin" href="#"></a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<!-- End Site Generator -->
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>