File: /home/vmasmheia229/www/_html2012/icons.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 class="page">
<!-- 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 Wrapper -->
<div class="wrapper">
<!-- Begin Services -->
<h1 class="center">Icons</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="one-fourth"> <img src="style/images/icon-basket.png" alt="" class="aligncenter"/>
<h5 class="center">Basket</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-billing.png" alt="" class="aligncenter"/>
<h5 class="center">Billing</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-blueprint.png" alt="" class="aligncenter"/>
<h5 class="center">Blueprint</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-book.png" alt="" class="aligncenter"/>
<h5 class="center">Book</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-box.png" alt="" class="aligncenter"/>
<h5 class="center">Box</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-briefcase.png" alt="" class="aligncenter"/>
<h5 class="center">Briefcase</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-calculator.png" alt="" class="aligncenter"/>
<h5 class="center">Calculator</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-calendar.png" alt="" class="aligncenter"/>
<h5 class="center">Calendar</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-camera.png" alt="" class="aligncenter"/>
<h5 class="center">Camera</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-cash.png" alt="" class="aligncenter"/>
<h5 class="center">Cash</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-chalkboard.png" alt="" class="aligncenter"/>
<h5 class="center">Chalkboard</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-chat.png" alt="" class="aligncenter"/>
<h5 class="center">Chat</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-clipboard.png" alt="" class="aligncenter"/>
<h5 class="center">Clipboard</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-clock.png" alt="" class="aligncenter"/>
<h5 class="center">Clock</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-contacts.png" alt="" class="aligncenter"/>
<h5 class="center">Contacts</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-documents.png" alt="" class="aligncenter"/>
<h5 class="center">Documents</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-earth.png" alt="" class="aligncenter"/>
<h5 class="center">Earth</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-flag.png" alt="" class="aligncenter"/>
<h5 class="center">Flag</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-flask.png" alt="" class="aligncenter"/>
<h5 class="center">Flask</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-float.png" alt="" class="aligncenter"/>
<h5 class="center">Float</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-gift.png" alt="" class="aligncenter"/>
<h5 class="center">Gift</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-graphic.png" alt="" class="aligncenter"/>
<h5 class="center">Graphic</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-heart.png" alt="" class="aligncenter"/>
<h5 class="center">Heart</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-home.png" alt="" class="aligncenter"/>
<h5 class="center">Home</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-identification.png" alt="" class="aligncenter"/>
<h5 class="center">Identification</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-keychain.png" alt="" class="aligncenter"/>
<h5 class="center">Keychain</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-laptop.png" alt="" class="aligncenter"/>
<h5 class="center">Laptop</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-light.png" alt="" class="aligncenter"/>
<h5 class="center">Light</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-magic.png" alt="" class="aligncenter"/>
<h5 class="center">Magic</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-mail.png" alt="" class="aligncenter"/>
<h5 class="center">Mail</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-map.png" alt="" class="aligncenter"/>
<h5 class="center">Map</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-mastercard.png" alt="" class="aligncenter"/>
<h5 class="center">Master Card</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-moleskine.png" alt="" class="aligncenter"/>
<h5 class="center">Moleskine</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-news.png" alt="" class="aligncenter"/>
<h5 class="center">News</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-notes.png" alt="" class="aligncenter"/>
<h5 class="center">Notes</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-paypal.png" alt="" class="aligncenter"/>
<h5 class="center">PayPal</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-pencil.png" alt="" class="aligncenter"/>
<h5 class="center">Pencil</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-picture.png" alt="" class="aligncenter"/>
<h5 class="center">Picture</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-piechart.png" alt="" class="aligncenter"/>
<h5 class="center">Piechart</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-player.png" alt="" class="aligncenter"/>
<h5 class="center">Player</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-price.png" alt="" class="aligncenter"/>
<h5 class="center">Price</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-printer.png" alt="" class="aligncenter"/>
<h5 class="center">Printer</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-prize.png" alt="" class="aligncenter"/>
<h5 class="center">Prize</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-shop.png" alt="" class="aligncenter"/>
<h5 class="center">Shop</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-sign.png" alt="" class="aligncenter"/>
<h5 class="center">Sign</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-system.png" alt="" class="aligncenter"/>
<h5 class="center">System</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-traffic.png" alt="" class="aligncenter"/>
<h5 class="center">Traffic</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-video.png" alt="" class="aligncenter"/>
<h5 class="center">Video</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-visa.png" alt="" class="aligncenter"/>
<h5 class="center">Visa Card</h5>
<p>Etiam porta sem malesuada magna lorem etor mollis euismod. Cras mattis consectetur purus.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-wallet.png" alt="" class="aligncenter"/>
<h5 class="center">Wallet</h5>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta vestibulum.</p>
</div>
<div class="one-fourth"> <img src="style/images/icon-web.png" alt="" class="aligncenter"/>
<h5 class="center">Web</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="one-fourth last"> <img src="style/images/icon-zoom.png" alt="" class="aligncenter"/>
<h5 class="center">Zoom</h5>
<p>Fusce dapibus, tellus cursus commodo, tortor condimentum fermentum massa justo risus.</p>
</div>
<div class="clear"></div>
</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>