File: /home/vmasmheia229/domains/s148287.gridserver.com/_html2012/home4.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 Clients -->
<h1 class="center">Our Clients</h1>
<div class="intro center">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus nibh ultricies vehicula </div>
<img src="style/images/clients.png" class="center" alt="" />
<!-- End Clients -->
</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>