File: /home/vmasmheia229/www/_html2012/slider2.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><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 class="active"><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="bannercontainer">
<div class="banner">
<ul>
<!-- FADE -->
<li data-transition="fade"> <img src="style/images/art/slider-image2.jpg" alt="" />
<div class="caption lfr big_white_bg" data-x="50" 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="50" 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="50" 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="50" 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="50" 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="boxslide" data-slotamount="6"> <img src="style/images/art/slider-image3.jpg" alt="" />
<div class="caption lft big_white_bg_2" data-x="40" data-y="328" data-speed="900" data-start="1200" data-easing="easeOutExpo">Adipiscing Commodo Cras</div>
<div class="caption lfb small_white_bg" data-x="40" data-y="371" data-speed="600" data-start="1400" data-easing="easeOutExpo">Fusce dapibus, tellus ac cursus commodo.</div>
</li>
<!-- SLIDERIGHT -->
<li data-transition="fade"> <img src="style/images/art/slider-black.jpg" alt="" />
<div class="caption lft" data-x="0" data-y="0" data-speed="900" data-start="500" data-easing="easeOutExpo">
<iframe src="http://player.vimeo.com/video/6757600?title=0&byline=0&portrait=0&color=ffffff" width="960" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</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 Blog -->
<h1 class="center">Latest Blog</h1>
<div class="intro center">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.</div>
<div class="content-wrapper">
<ul class="latest-blog">
<li> <span class="date"> <span class="day">23</span> <span class="month">Jun</span> </span>
<div class="text">
<h2><a href="blog-post.html">Nullam quis risus eget</a></h2>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
<div class="meta">
<div class="tags"><a href="#">Journal</a>, <a href="#">Photography</a>, <a href="#">Web Design</a></div>
<span class="sep"> | </span>
<div class="comments"><a href="#">9 Comments</a></div>
</div>
</div>
</li>
<li> <span class="date"> <span class="day">18</span> <span class="month">Apr</span> </span>
<div class="text">
<h2><a href="blog-post.html">Commodo Sem Inceptos Fusce</a></h2>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec vestibulum ligula porta semper.</p>
<div class="meta">
<div class="tags"><a href="#">Journal</a>, <a href="#">Photography</a>, <a href="#">Web Design</a></div>
<span class="sep"> | </span>
<div class="comments"><a href="#">2 Comments</a></div>
</div>
</div>
</li>
<li> <span class="date"> <span class="day">31</span> <span class="month">Mar</span> </span>
<div class="text">
<h2><a href="blog-post.html">Inceptos Purus Etiam Condimentum</a></h2>
<p>Aenean leo quam. Pellentesque ornare lacinia quam. Vestibulum. Integer venenatis dapibus posuere velit aliquet.</p>
<div class="meta">
<div class="tags"><a href="#">Journal</a>, <a href="#">Photography</a></div>
<span class="sep"> | </span>
<div class="comments"><a href="#">3 Comments</a></div>
</div>
</div>
</li>
<li> <span class="date"> <span class="day">15</span> <span class="month">Mar</span> </span>
<div class="text">
<h2><a href="blog-post.html">Justo Etiam Bibendum Venenatis</a></h2>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus.</p>
<div class="meta">
<div class="tags"><a href="#">Journal</a>, <a href="#">Photography</a></div>
<span class="sep"> | </span>
<div class="comments"><a href="#">No Comments</a></div>
</div>
</div>
</li>
</ul>
</div>
<!-- End Blog -->
</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>