File: /home/vmasmheia229/public_html/_html2012/button-box.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">Other Styles</h1>
<div class="intro center">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas quam.</div>
<!-- Begin Column -->
<div class="one-half">
<h3>Boxes</h3>
<div class="info-box">This is an information box</div>
<div class="download-box">This is a download box</div>
<div class="warning-box">This is a warning box</div>
<div class="note-box">This is a note box</div>
</div>
<!-- End Column -->
<!-- Begin Column -->
<div class="one-half last">
<h3>Buttons</h3>
<div class="one-third"><a href="#" class="button blue">Button</a></div>
<div class="one-third"><a href="#" class="button pink">Button</a></div>
<div class="one-third last"><a href="#" class="button purple">Button</a></div>
<div class="one-third"><a href="#" class="button black">Button</a></div>
<div class="one-third"><a href="#" class="button green">Button</a></div>
<div class="one-third last"><a href="#" class="button red">Button</a></div>
<div class="one-third"><a href="#" class="button brown">Button</a></div>
<div class="one-third"><a href="#" class="button yellow">Button</a></div>
<div class="one-third last"><a href="#" class="button aqua">Button</a></div>
<div class="one-third"><a href="#" class="button navy">Button</a></div>
<div class="one-third"><a href="#" class="button orange">Button</a></div>
<div class="one-third last"><a href="#" class="button gray">Button</a></div>
</div>
<!-- End Column -->
<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>