File: /home/vmasmheia229/www/_html2012/home5.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/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 class="active"><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><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 Slider -->
<div class="fullwidthbanner-container">
<div class="fullwidthbanner">
<ul>
<!-- FADE -->
<li data-transition="fade"> <img src="style/images/art/slider-homebg.jpg" alt="" />
<div class="caption lft" data-x="35" data-y="10" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="style/images/art/slider-glare2.png" alt="" /></div>
<div class="caption lfl" data-x="63" data-y="294" data-speed="900" data-start="1300" data-easing="easeOutBack"><img src="style/images/art/slider-home.png" alt="" /></div>
<div class="caption lft" data-x="543" data-y="0" data-speed="900" data-start="1700" data-easing="easeOutSine"><img src="style/images/art/slider-cloud1.png" alt="" /></div>
<div class="caption lft" data-x="768" data-y="0" data-speed="900" data-start="2000" data-easing="easeOutSine"><img src="style/images/art/slider-cloud2.png" alt="" /></div>
<div class="caption lft" data-x="674" data-y="0" data-speed="900" data-start="2300" data-easing="easeOutSine"><img src="style/images/art/slider-cloud3.png" alt="" /></div>
<div class="caption lft" data-x="593" data-y="15" data-speed="900" data-start="2600" data-easing="easeOutBack"><img src="style/images/art/slider-stars.png" alt="" /></div>
<div class="caption sfl big_white" data-x="62" data-y="60" data-speed="600" data-start="2600" data-easing="easeOutExpo">Think Unique</div>
<div class="caption sfl small_white" data-x="62" data-y="125" data-speed="600" data-start="2900" data-easing="easeOutExpo">Nulla vitae elit libero, a pharetra augue. <br />
Duis mollis, est non commodo luctus, nisi erat <br />
porttitor ligula, eget lacinia odio sem nec elit. <br />
Fusce dapibus, tellus ac cursus commodo. </div>
</li>
<!-- SLIDELEFT -->
<li data-transition="slideright"> <img src="style/images/art/slider-image.jpg" alt="" />
<div class="caption lfr big_white_bg" data-x="30" data-y="50" data-speed="300" data-start="1600" data-easing="easeOutExpo">Connect from anywhere</div>
<div class="caption sfl small_white_bg" data-x="30" data-y="131" data-speed="300" data-start="1800" data-easing="easeOutExpo">Etiam porta sem malesuada magna mollis euismod.</div>
<div class="caption sfr small_white_bg" data-x="30" data-y="174" data-speed="300" data-start="2000" data-easing="easeOutExpo">Maecenas sed diam eget risus varius blandit sit amet non magna.</div>
<div class="caption sfl small_white_bg" data-x="30" data-y="217" data-speed="300" data-start="2200" data-easing="easeOutExpo">Donec ullamcorper nulla non metus auctor fringilla.</div>
<div class="caption lfb" data-x="30" data-y="290" data-speed="300" data-start="2400" data-easing="easeOutExpo"><a href="#" class="button black">See Prices</a></div>
</li>
<!-- SLIDERIGHT -->
<li data-transition="slideleft"> <img src="style/images/art/slider-wood.jpg" alt="" />
<div class="caption lft boxshadow" data-x="30" data-y="50" data-speed="900" data-start="1300" data-easing="easeOutExpo">
<iframe src="http://player.vimeo.com/video/6757600?title=0&byline=0&portrait=0&color=ffffff" width="630" height="350" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<div class="caption lfr big_black_bg" data-x="700" data-y="50" data-speed="300" data-start="1600" data-easing="easeOutExpo">Be in Motion</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="130" data-speed="300" data-start="1800" data-easing="easeOutExpo">Ullamcorper tor vestilo.</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="173" data-speed="300" data-start="2000" data-easing="easeOutExpo">Sem tortor nullam.</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="216" data-speed="300" data-start="2200" data-easing="easeOutExpo">Ligula mattis vehicula.</div>
</li>
<!-- SLIDEUP -->
<li data-transition="fade"> <img src="style/images/art/slider-carbg.jpg" alt="" />
<div class="caption lfl" data-x="205" data-y="280" data-speed="900" data-start="900" data-easing="easeOutSine"><img src="style/images/art/slider-car.png" alt="" /></div>
<div class="caption lfl" data-x="330" data-y="97" data-speed="300" data-start="1200" data-easing="easeOutExpo"><img src="style/images/art/slider-cartext.png" alt="" /></div>
<div class="caption lfr" data-x="345" data-y="54" data-speed="300" data-start="1500" data-easing="easeOutExpo"><img src="style/images/art/slider-vintage.png" alt="" /></div>
<div class="caption lft" data-x="426" data-y="40" data-speed="300" data-start="1700" data-easing="easeOutExpo"><img src="style/images/art/slider-wheel.png" alt="" /></div>
</li>
<!-- SLIDEUP -->
<li data-transition="fade"> <img src="style/images/art/slider-connectbg.jpg" alt="" />
<div class="caption sfb" data-x="195" data-y="10" data-speed="900" data-start="900" data-easing="easeOutSine"><img src="style/images/art/slider-glare1.png" alt="" /></div>
<div class="caption lft" data-x="320" data-y="50" data-speed="900" data-start="1700" data-easing="easeOutBack"><img src="style/images/art/slider-connection.png" alt="" /></div>
<div class="caption lfb big_white" data-x="154" data-y="380" data-speed="900" data-start="2000" data-easing="easeOutSine">Be Creative and Make Gorgeous Design </div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
<!-- End Slider -->
<!-- Begin Wrapper -->
<div class="wrapper">
<!-- Begin Portfolio -->
<h1 class="center">Latest Stuff from Our Projects</h1>
<div class="intro center">Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</div>
<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>
<li>
<a href="portfolio-post.html">
<div class="caption">
<h3>Malesuada Cras Condimentum</h3>
<span class="meta">Poster</span>
</div>
<img src="style/images/art/p4.jpg" alt="" />
</a>
</li>
<li>
<a href="portfolio-post.html">
<div class="caption">
<h3>Etiam Inceptos</h3>
<span class="meta">Corporate</span>
</div>
<img src="style/images/art/p5.jpg" alt="" />
</a>
</li>
<li>
<a href="portfolio-post.html">
<div class="caption">
<h3>Ultricies Amet Etiam</h3>
<span class="meta">Conceptual</span>
</div>
<img src="style/images/art/p6.jpg" alt="" />
</a>
</li>
</ul>
</div>
<!-- End Portfolio -->
<hr />
<!-- Begin Prices -->
<h1 class="center">Our Prices</h1>
<div class="intro center">Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum vel augue laoreet auctor.</div>
<!-- Begin Pricing Table -->
<div class="pricing four">
<div class="plan p1">
<h3>Free</h3>
<h4><span class="amount"><span></span>FREE!</span><span class="interval">3 days</span></h4>
<div class="features">
<ul>
<li>5 Domains</li>
<li>2GB Storage</li>
<li>25 Users</li>
<li>Unlimited Pages</li>
<li>Enhanced Security</li>
</ul>
</div>
<div class="select">
<div> <a href="#" class="button black"><span>Select Plan</span></a> </div>
</div>
</div>
<div class="plan p2">
<h3>Bronze</h3>
<h4><span class="amount"><span>$</span>9</span><span class="interval">7 days</span></h4>
<div class="features">
<ul>
<li>5 Domains</li>
<li>2GB Storage</li>
<li>25 Users</li>
<li>Unlimited Pages</li>
<li>Enhanced Security</li>
</ul>
</div>
<div class="select">
<div> <a href="#" class="button black"><span>Select Plan</span></a> </div>
</div>
</div>
<div class="plan p3">
<h3>Silver</h3>
<h4><span class="amount"><span>$</span>18</span><span class="interval">30 days</span></h4>
<div class="features">
<ul>
<li>5 Domains</li>
<li>2GB Storage</li>
<li>25 Users</li>
<li>Unlimited Pages</li>
<li>Enhanced Security</li>
</ul>
<div class="select">
<div> <a href="#" class="button black"><span>Select Plan</span></a> </div>
</div>
</div>
</div>
<div class="plan p4">
<h3>Gold</h3>
<h4><span class="amount"><span>$</span>27</span><span class="interval">120 days</span></h4>
<div class="features">
<ul>
<li>5 Domains</li>
<li>2GB Storage</li>
<li>25 Users</li>
<li>Unlimited Pages</li>
<li>Enhanced Security</li>
</ul>
<div class="select">
<div> <a href="#" class="button black"><span>Select Plan</span></a> </div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<!-- End Pricing Table -->
<!-- End Prices -->
</div>
<!-- End Wrapper -->
<!-- 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>