File: /home/vmasmheia229/public_html/_html2012/blog-post.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="single">
<!-- 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 class="active"><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 Wrapper -->
<div class="wrapper">
<!-- Begin Content -->
<div class="post-container">
<div class="post">
<div class="post-info">
<div class="date">
<div class="day">27</div>
<div class="month">Jun</div>
</div>
<div class="title-meta">
<h1 class="post-title">Ridiculus Mattis Lorem Dolor Inceptos</h1>
<div class="meta">Posted on <a href="#">August 17, 2011</a> by <a href="#">admin</a> in <a href="#">No Comments</a></div>
</div>
</div>
<div class="featured"><img src="style/images/art/post1.jpg" alt="" /></div>
<p>Donec sed odio dui <a href="#">consectetur adipiscing</a> elit. Etiam sollicitudin tincidunt elit, eu convallis felis suscipit ut. Sed et nisl ut odio lacinia auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero, condimentum ac laoreet vitae, varius tempor nisi. Duis non arcu vel lectus.
</p>
<blockquote><p>Pellentesque non diam et tortor dignissim bibendum. Neque sit amet mauris egestas quis mattis velit fringilla. Curabitur viver justo sed scelerisque.</p></blockquote>
<p>Duis non lectus sit amet est imperdiet cursus elementum vitae eros. <span class="highlight">Etiam adipiscing</span> morbi vitae magna tellus, ac mattis urna. <span class="highlight2">Phasellus rhoncus tincidunt</span> posuere. Cras quis odio in risus euismod suscipit. <img src="style/images/art/post-th1.jpg" alt="" class="left"/> Fusce viverra ligula vel justo bibendum semper. Nulla facilisi. Donec interdum, enim in dignissim lacinia, lectus nisl viverra lorem, ac pulvinar nunc ante at neque. Proin et dui eros, at aliquet est. Pellentesque consectetur lectus quis enim mollis ut convallis urna malesuada. Sed tincidunt interdum sapien vel gravida. Nulla a tellus lectus, in aliquet tellus. Donec aliquam neque quis mi vestibulum ut cursus velit consectetur. Maecenas faucibus mollis interdum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<div class="clear"></div>
<h3>Unordered list</h3>
<ul>
<li>Mauris lacinia dui non metus dignissim venenatis.</li>
<li>Etiam elit tellus, condimentum tempor lobortis non.</li>
<li>Aliquam pharetra vestibulum arcu, eget iaculis. </li>
</ul>
<p> Mauris convallis, sapien id ultricies aliquet, mi nisi congue dui, id laoreet ligula ante vitae ligula. Duis lectus magna, cursus in molestie eget, cursus eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<img src="style/images/art/post-th2.jpg" alt="" class="right"/> Nunc in turpis metus. Sed sit amet dictum magna. Aliquam vel mauris ut quam sodales ultricies nec sed dolor. Duis sed ipsum at tellus sodales ultrices. Proin sit amet ligula non mauris lacinia malesuada. Nam nisl felis, tincidunt sit amet pharetra at, lacinia ut turpis. Ut fermentum nisl vel arcu blandit cursus. Vivamus eget nibh dolor, in viverra leo. Fusce tincidunt metus in dui accumsan tempor. In sit amet viverra magna. Phasellus facilisis porta dolor ut sagittis. Morbi ullamcorper laoreet metus, eu commodo diam cursus et. Nam eleifend aliquam augue, id condimentum erat vehicula vel. Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vivamus sagittis lacus vel augue laoreet.</p>
<div class="tags"><span></span> Tags: <a href="#">photography</a>, <a href="#">journal</a>, <a href="#">black & white</a></div>
</div>
<div class="related">
<h3>Related Posts</h3>
<ul>
<li><div class="featured"><a href="#"><img src="style/images/art/r1.jpg" alt="" /></a></div></li>
<li><div class="featured"><a href="#"><img src="style/images/art/r2.jpg" alt="" /></a></div></li>
<li><div class="featured"><a href="#"><img src="style/images/art/r3.jpg" alt="" /></a></div></li>
<li><div class="featured"><a href="#"><img src="style/images/art/r4.jpg" alt="" /></a></div></li>
</ul>
</div>
<!-- Begin Comments -->
<div id="comments">
<h3>4 Comments to "Ridiculus Mattis Lorem Dolor Inceptos"</h3>
<ol id="singlecomments" class="commentlist">
<li class= "clearfix">
<div class="user"><img alt="" src="style/images/art/a1.jpg" class="avatar" /></div>
<div class="message">
<a class="reply-link" href="#">Reply</a>
<div class="info">
<h2><a href="#">Isabel</a></h2>
<div class="meta">February 21, 2010</div>
</div>
<p>Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare elit, quis mattis eros sodales ac.</p>
</div>
<ul class="children">
<li class= "clearfix">
<div class="user"><img alt="" src="style/images/art/a2.jpg" class="avatar" /></div>
<div class="message">
<a class="reply-link" href="#">Reply</a>
<div class="info">
<h2><a href="#">Marianne</a></h2>
<div class="meta">February 22, 2010</div>
</div>
<p>Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare elit, quis mattis eros sodales ac.</p>
</div>
<ul class="children">
<li class= "clearfix">
<div class="user"><img alt="" src="style/images/art/a3.jpg" class="avatar" /></div>
<div class="message">
<a class="reply-link" href="#">Reply</a>
<div class="info">
<h2><a href="#">Charlene</a></h2>
<div class="meta">April 4, 2010</div>
</div>
<p>Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare elit, quis mattis eros sodales ac.</p>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li class= "clearfix">
<div class="user"><img alt="" src="style/images/art/a1.jpg" class="avatar" /></div>
<div class="message">
<a class="reply-link" href="#">Reply</a>
<div class="info">
<h2><a href="#">Isabel</a></h2>
<div class="meta">February 21, 2010</div>
</div>
<p>Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare elit, quis mattis eros sodales ac.</p>
</div>
</li>
</ol>
</div>
<!-- End Comments -->
<!-- Begin Form -->
<div class="comment-form-wrapper">
<h3>Would you like to share your thoughts?</h3>
<p>Your email address will not be published. Required fields are marked *</p>
<form class="comment-form" name="form_name" action="#" method="post">
<div>
<input type="text" name="first" title="Name*"/>
</div>
<div>
<input type="text" name="first" title="Email*" />
</div>
<div>
<input type="text" name="first" title="Website" />
</div>
<div>
<textarea name="textarea" id="textarea" rows="5" cols="30"></textarea>
</div>
<input type="submit" value="Submit" name="submit" class="btn-submit" />
</form>
</div>
<!-- End Form -->
</div>
<!-- End Content -->
<div class="sidebar">
<div class="sidebox">
<h3>Popular Posts</h3>
<ul class="posts-list">
<li> <div class="featured"><a href="#"><img src="style/images/art/a1.jpg" alt="" /></a></div>
<div class="meta">
<h6><a href="#">Interior Design Workshop</a></h6>
<em>02 Mar 2012</em>
</div>
</li>
<li> <div class="featured"><a href="#"><img src="style/images/art/a2.jpg" alt="" /></a></div>
<div class="meta">
<h6><a href="#">Unbearable Waiting Hours in the Doctor's Office</a></h6>
<em>23 Dec 2011</em>
</div>
</li>
<li> <div class="featured"><a href="#"><img src="style/images/art/a3.jpg" alt="" /></a></div>
<div class="meta">
<h6><a href="#">How to Eat Healthy</a></h6>
<em>15 Nov 2011</em>
</div>
</li>
</ul>
</div>
<div class="sidebox">
<h3>Search</h3>
<form class="searchform" method="get">
<input type="text" id="s" name="s" value="type and hit enter" onfocus="this.value=''" onblur="this.value='type and hit enter'"/>
</form>
</div>
<div class="sidebox">
<h3>Custom Text</h3>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<p>Sed posuere consectetur est at lobortis. Sed posuere consectetur est at lobortis. Fusce mauris condimentum.</p>
</div>
<div class="sidebox">
<h3>Categories</h3>
<ul class="list">
<li><a href="#">Web Design (21)</a></li>
<li><a href="#">Photography (19)</a></li>
<li><a href="#">Graphic Design (16)</a></li>
<li><a href="#">Manipulation (15)</a></li>
<li><a href="#">Motion Graphics (12)</a></li>
</ul>
</div>
</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>