File: /home/vmasmheia229/www/_html2012/columns.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">Columns</h1>
<div class="intro center">Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</div>
<div class="one-half">
<p><span class="dropcap">A</span>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit amet lacus. </p>
</div>
<div class="one-half last">
<p><span class="dropcap">B</span>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit amet lacus. </p>
</div>
<div class="clear"></div>
<hr />
<div class="one-third">
<p><span class="dropcap">C</span>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit. </p>
</div>
<div class="one-third">
<p><span class="dropcap">D</span>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit. </p>
</div>
<div class="one-third last">
<p><span class="dropcap">E</span>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit. </p>
</div>
<div class="clear"></div>
<hr />
<h2>Heading 2</h2>
<div class="one-fourth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci.</p>
</div>
<div class="one-fourth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci.</p>
</div>
<div class="one-fourth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci.</p>
</div>
<div class="one-fourth last">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci.</p>
</div>
<div class="clear"></div>
<hr />
<h3>Heading 3</h3>
<div class="one-fifth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. </p>
</div>
<div class="one-fifth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. </p>
</div>
<div class="one-fifth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. </p>
</div>
<div class="one-fifth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus.</p>
</div>
<div class="one-fifth last">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus.</p>
</div>
<div class="clear"></div>
<hr />
<h4>Heading 4</h4>
<div class="one-sixth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus. </p>
</div>
<div class="one-sixth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus. </p>
</div>
<div class="one-sixth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus. </p>
</div>
<div class="one-sixth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus.</p>
</div>
<div class="one-sixth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus.</p>
</div>
<div class="one-sixth last">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus.</p>
</div>
<div class="clear"></div>
<hr />
<h5>Heading 5</h5>
<div class="two-third">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit amet lacus. </p>
</div>
<div class="one-third last">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas. </p>
</div>
<div class="clear"></div>
<hr />
<h6>Heading 6</h6>
<div class="one-fourth">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue. </p>
</div>
<div class="three-fourth last">
<p>Nam laoreet rutrum ligula, at tincidunt ligula sagittis semper. Integer congue vehicula lectus eu faucibus. Maecenas ante lectus, placerat et venenatis quis, dictum quis orci. Curabitur lacus nisi, vestibulum id aliquam sit amet, dictum sit amet lacus. </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>