496 lines
20 KiB
HTML
496 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]-->
|
|
<!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]-->
|
|
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]-->
|
|
<head>
|
|
<title>Freely | Blog Details</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<link rel="shortcut" href="images/favicon.ico" />
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
|
|
|
|
<!-- initialize jQuery Library -->
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="js/modernizr.custom.js"></script>
|
|
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
|
|
<script type="text/javascript" src="js/ie.js"></script>
|
|
<![endif]-->
|
|
|
|
</head>
|
|
<body class="color-1 pattern-1 h-style-1 text-1">
|
|
|
|
<!-- ***************** - BEGIN Top Holder - ***************** -->
|
|
<div class="top-holder"></div><!--/ top-holder-->
|
|
<!-- ***************** - END Top Holder - ******************* -->
|
|
|
|
|
|
<!-- ***************** - BEGIN Wrapper - ******************* -->
|
|
<div id="wrapper">
|
|
|
|
|
|
<!-- ***************** - BEGIN Header - ******************* -->
|
|
<header class="clearfix">
|
|
<div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div><!--/ logo-->
|
|
<div class="info-call">
|
|
<p>
|
|
For additional information call: <span>+00 123456789</span>
|
|
</p>
|
|
</div><!--/ info-call-->
|
|
</header>
|
|
<!-- ***************** - END Header - ******************* -->
|
|
|
|
|
|
<div id="content-wrapper">
|
|
<section id="content">
|
|
|
|
|
|
<!-- ************ - BEGIN Navigation - ************** -->
|
|
<nav class="navigation" id="navigation">
|
|
<ul>
|
|
<li><a href="index.html"><span>Home</span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="index.html">Nivo Slider</a></li>
|
|
<li><a href="index-4.html">Circle Effect Slider</a></li>
|
|
<li><a href="index-2.html">Elegant Accordion</a></li>
|
|
<li><a href="index-5.html">Rama Slider</a></li>
|
|
<li><a href="index-3.html">Mosaic</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="about-us.html"><span>Pages</span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="about-us.html">About</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="#">Dropdown</a>
|
|
<ul>
|
|
<li><a href="#">Drowdown 1</a></li>
|
|
<li><a href="#">Drowdown 2</a></li>
|
|
<li><a href="#">Drowdown 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="404error.html">404 Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="headings.html"><span>Features</span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="headings.html">Headings</a></li>
|
|
<li><a href="images-and-floats.html">Images and floats</a></li>
|
|
<li><a href="pricing-tables.html">Pricing Tables</a></li>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="toggle.html">FAQ Toggle</a></li>
|
|
<li><a href="tables.html">Tables</a></li>
|
|
<li><a href="buttons.html">Buttons</a></li>
|
|
<li><a href="columns.html">Column Layout</a></li>
|
|
<li><a href="tabs.html">Tabs</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="gallery.html"><span>Gallery</span></a></li>
|
|
<li><a href="portfolio-1col.html"><span>Portfolio</span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="portfolio-1col.html">Portfolio 1 Column</a></li>
|
|
<li><a href="portfolio-2col.html">Portfolio 2 Columns</a></li>
|
|
<li><a href="portfolio-3col.html">Portfolio 3 Columns</a></li>
|
|
<li><a href="portfolio-single.html">Portfolio Single Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="current-menu-item"><a href="blog-style1.html"><span>Blog</span></a>
|
|
<ul class="sub-menu">
|
|
<li><a href="blog-style1.html">Blog Page</a></li>
|
|
<li><a href="blog-style2.html">Alternative Blog Page</a></li>
|
|
<li class="active"><a href="blog-details.html">Blog Single Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contacts.html"><span>Contacts</span></a></li>
|
|
</ul>
|
|
<div class="search-top">
|
|
<form action="/" class="inline-search">
|
|
<fieldset>
|
|
<input type="text" name="search" />
|
|
<input type="submit" name="s" />
|
|
</fieldset>
|
|
</form><!--/ inline-search-->
|
|
</div><!--/ search-top-->
|
|
<div class="clear"></div>
|
|
</nav><!--/ navigation-->
|
|
<!-- ************ - END Navigation - ************** -->
|
|
|
|
|
|
<!-- ************ - BEGIN Breadcrumbs - ************** -->
|
|
<div id="breadcrumbs">
|
|
<a title="Home" href="#">Home »</a> Blog Details
|
|
</div><!--/ breadcrumbs-->
|
|
<!-- ************ - END Breadcrumbs - ************** -->
|
|
|
|
|
|
<!-- ************ - BEGIN Content Wrapper - ************** -->
|
|
<div class="content-wrapper blogdetails">
|
|
|
|
<div class="post-item">
|
|
|
|
<div class="post-title alignleft">
|
|
<h3>Excepteur sint occaecat</h3>
|
|
</div><!--/ post-title-->
|
|
|
|
<div class="post-meta">
|
|
<div class="post-date">Date: <a href="#">November 27, 2011</a></div>
|
|
<div class="post-author">Author: <a href="#">Admin</a></div>
|
|
<div class="post-tags">Tags: <a href="#">Business</a>, <a href="#">Featured</a></div>
|
|
<div class="post-comments-icon"><a href="#">12</a></div>
|
|
<div class="clear"></div>
|
|
</div><!--/ post-meta-->
|
|
|
|
<div class="clear"></div>
|
|
|
|
<div class="post-thumb">
|
|
<a href="#"><img src="images/temp/blog_img_01.jpg" alt="" class="add-border"></a>
|
|
</div><!--/ post-thumb-->
|
|
|
|
<div class="entry">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
|
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
|
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
|
|
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet,
|
|
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
|
commodo consequat.
|
|
</p>
|
|
<blockquote>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
|
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
|
|
</blockquote>
|
|
<p>
|
|
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
|
|
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
|
|
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
</p>
|
|
|
|
<div class="one_third">
|
|
<ul class="list type-3">
|
|
<li>Lorem ipsum dolor sit amet</li>
|
|
<li>Consectetur adipisicing </li>
|
|
<li>Elit sed do eiusmod tempor </li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p>
|
|
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
|
|
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.
|
|
</p>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
|
|
</p>
|
|
|
|
|
|
</div><!--/ entry-->
|
|
<div class="clear"></div>
|
|
</div><!--/ post-item-->
|
|
|
|
|
|
<!-- ************ - BEGIN About the Author - ************** -->
|
|
<div id="bio">
|
|
<h5>About the Author</h5>
|
|
<img alt="" class="add-border alignleft" src="images/avatar.png">
|
|
<div class="bio_info">
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
|
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
|
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.
|
|
</p>
|
|
</div><!--/ bio_info-->
|
|
</div><!--/ bio-->
|
|
<!-- ************ - END About the Author - ************** -->
|
|
|
|
|
|
<div class="content-divider"></div>
|
|
|
|
|
|
<!-- ************ - BEGIN Related - ************** -->
|
|
<div class="related">
|
|
<h4>Related Posts</h4>
|
|
<ul>
|
|
<li>
|
|
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_1.jpg"></a>
|
|
<div class="excerpt"><a href="#">Lorem ipsum dolor sit amet</a></div>
|
|
</li>
|
|
<li>
|
|
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_2.jpg"></a>
|
|
<div class="excerpt"><a href="#">Set dolor non proident</a></div>
|
|
</li>
|
|
<li>
|
|
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_3.jpg"></a>
|
|
<div class="excerpt"><a href="#">Excepteur sint occaecat cupidatat</a></div>
|
|
</li>
|
|
<li class="last">
|
|
<a href="#"><img class="add-border" alt="" src="images/temp/rel_img_4.jpg"></a>
|
|
<div class="excerpt"><a href="#">Lorem ipsum dolor sit amet</a></div>
|
|
</li>
|
|
</ul>
|
|
<div class="clear"></div>
|
|
</div><!--/ related-->
|
|
<!-- ************ - END Related - ************** -->
|
|
|
|
|
|
<div class="content-divider"></div>
|
|
|
|
|
|
<!-- ************ - BEGIN Post Comments - ************** -->
|
|
<div class="comment-list" id="comments">
|
|
<h4>2 Comments</h4>
|
|
<ol>
|
|
<li class="comment">
|
|
<div class="comment-body">
|
|
<div class="avatar"><img class="add-border alignleft" src="images/avatar.png" alt="" /></div>
|
|
<div class="comment-text">
|
|
<div class="comment-author">Author: <a href="#">Admin</a></div>
|
|
<div class="comment-date">Date: <span>November 27, 2011</span></div>
|
|
<div class="comment-entry">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
|
dolor in reprehenderit. <a class="comment-reply" href="#">[Reply]</a>
|
|
</div><!--/ comment-entry-->
|
|
</div><!--/ comment-text -->
|
|
<div class="clear"></div>
|
|
</div><!--/ comment-body-->
|
|
|
|
<!-- comment reply -->
|
|
<ul class="children">
|
|
<li class="comment">
|
|
<div class="comment-body">
|
|
<div class="avatar"><img class="add-border alignleft" src="images/avatar.png" alt="" /></div>
|
|
<div class="comment-text">
|
|
<div class="comment-author">Author: <a class="link" href="#">Admin</a></div>
|
|
<div class="comment-date">Date: <span>November 27, 2011</span></div>
|
|
<div class="comment-entry">
|
|
Do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
veniam, quis nostrud exercitation ullamco. Duis aute irure dolor
|
|
in reprehenderit. <a class="comment-reply" href="#">[Reply]</a>
|
|
</div><!--/ comment-entry-->
|
|
</div><!--/ comment-text -->
|
|
<div class="clear"></div>
|
|
</div><!--/ comment-body-->
|
|
</li><!--/ comment-->
|
|
</ul><!--/ children-->
|
|
<!--/ comment reply -->
|
|
|
|
</li><!--/ comment-->
|
|
<li class="comment">
|
|
<div class="comment-body">
|
|
<div class="avatar"><img class="add-border alignleft" src="images/avatar.png" alt="" /></div>
|
|
<div class="comment-text">
|
|
<div class="comment-author">Author: <a href="#">Admin</a></div>
|
|
<div class="comment-date">Date: <span>November 27, 2011</span></div>
|
|
<div class="comment-entry">
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
|
|
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
|
|
dolor in reprehenderit. <a class="comment-reply" href="#">[Reply]</a>
|
|
</div><!--/ comment-entry-->
|
|
</div><!--/ comment-text -->
|
|
<div class="clear"></div>
|
|
</div><!--/ comment-body-->
|
|
</li><!--/ comment-->
|
|
</ol>
|
|
</div><!--/ #comments-->
|
|
<!-- ************ - END Post Comments - ************** -->
|
|
|
|
<div class="content-divider"></div>
|
|
|
|
<!-- ************ - BEGIN Post Comments - ************** -->
|
|
<div class="add-comment" id="addcomments">
|
|
<h4>Leave a Reply</h4>
|
|
<form action="/" id="commentform">
|
|
<div class="alignleft">
|
|
<div class="row">
|
|
<label>Your Name: <span class="required">(required)</span></label>
|
|
<input type="text" />
|
|
</div><!--/ row-->
|
|
<div class="row">
|
|
<label>E-mail: <span class="required">(will not published) (required)</span></label>
|
|
<input type="text" />
|
|
</div><!--/ row-->
|
|
<div class="row">
|
|
<label>Website:</label>
|
|
<input type="text" />
|
|
</div><!--/ row-->
|
|
<input type="submit" class="button green small" value="Submit" />
|
|
</div><!--/ textfield-->
|
|
<div class="alignright">
|
|
<label>Message:</label>
|
|
<textarea name="textarea" id="textfield" cols="30" rows="10"></textarea>
|
|
</div><!--/ areafield-->
|
|
</form><!--/ commentform-->
|
|
<div class="clear"></div>
|
|
</div><!--/ addcomments-->
|
|
<!-- ************ - END Post Comments - ************** -->
|
|
|
|
|
|
</div><!--/ content-wrapper-->
|
|
<!-- ************ - END Content Wrapper - ************** -->
|
|
|
|
|
|
</section><!--/ content-->
|
|
|
|
|
|
<!-- ***************** - Begin Footer - ***************** -->
|
|
<footer>
|
|
|
|
<div class="entry-footer">
|
|
|
|
<div class="one_third">
|
|
<h3>Twitter Feed</h3>
|
|
<div id="jstwitter"></div>
|
|
</div><!--/ one_third-->
|
|
|
|
<div class="one_third">
|
|
<h3>From The Blog</h3>
|
|
<div class="latest_posts">
|
|
<ul>
|
|
<li>
|
|
<span class="small-custom-frame">
|
|
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-1.jpg" alt="" /></a>
|
|
</span>
|
|
<a href="blog-details.html" class="teaser-title">Lorem ipsum dolor sit amet consectetur</a>
|
|
<div class="teaser-date">Posted on Now 25, 2011</div>
|
|
<div class="clear"></div>
|
|
</li>
|
|
<li>
|
|
<span class="small-custom-frame">
|
|
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-2.jpg" alt="" /></a>
|
|
</span>
|
|
<a href="blog-details.html" class="teaser-title">Ipsum dolor sit amet consectetur adipisicing</a>
|
|
<div class="teaser-date">Posted on Now 25, 2011</div>
|
|
<div class="clear"></div>
|
|
</li>
|
|
<li>
|
|
<span class="small-custom-frame">
|
|
<a href="blog-details.html"><img class="alignleft" src="images/temp/sample-post-3.jpg" alt="" /></a>
|
|
</span>
|
|
<a href="blog-details.html" class="teaser-title">Dolor sit amet consectetur adipisicing elit</a>
|
|
<div class="teaser-date">Posted on Now 25, 2011</div>
|
|
<div class="clear"></div>
|
|
</li>
|
|
</ul>
|
|
<a class="see-all" href="blog-style1.html">See all</a>
|
|
</div><!--/ latest_posts-->
|
|
</div><!--/ one_third-->
|
|
|
|
<div class="one_third_last">
|
|
<h3>Contact Info</h3>
|
|
<div class="widget_text widget">
|
|
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
|
|
<strong>Phone: +00 123456789</strong> <br />
|
|
<strong>E-mail:</strong> <a href="mailto:yoursite@yoursite.com">yoursite@yoursite.com</a>
|
|
</div><!--/ widget_text-->
|
|
|
|
<div class="social_widget widget">
|
|
<h3>Socialize With Us</h3>
|
|
<ul>
|
|
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon1" href="#">Facebook</a></li>
|
|
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon2" href="#">Twitter</a></li>
|
|
<li data-tooltip="Tooltip - Optional description can go here!"><a class="social_icon3" href="#">Rss</a></li>
|
|
</ul>
|
|
</div><!--/ social_widget-->
|
|
|
|
</div><!--/ one_third_last-->
|
|
|
|
<div class="clear"></div>
|
|
|
|
</div><!--/ entry-footer-->
|
|
|
|
</footer><!--/ footer-->
|
|
<!-- ***************** - END Footer - ***************** -->
|
|
|
|
|
|
<!-- ***************** - BEGIN Copyright - ***************** -->
|
|
<div class="copyright">Copyright © 2024 - 2012. ThemeMakers. All rights reserved</div>
|
|
<div class="developed">developed by <a target="_blank" href="http://webtemplatemasters.com">ThemeMakers</a></div>
|
|
<!-- ***************** - END Copyright - ***************** -->
|
|
|
|
|
|
</div><!--/ #content-wrapper-->
|
|
|
|
|
|
<!-- ***************** - BEGIN Sidebar - ******************* -->
|
|
<aside id="sidebar">
|
|
|
|
|
|
<!-- ************* - BEGIN Categories Widget - *************** -->
|
|
<div class="categories_widget widget">
|
|
<h3 class="widget-title">Categories</h3>
|
|
<ul class="categories">
|
|
<li><a href="blog-style1.html">Lorem ipsum dolor sit amet</a></li>
|
|
<li><a href="blog-style2.html">Consectetur adipisicing </a></li>
|
|
<li><a href="blog-style2.html">Elit sed do eiusmod </a></li>
|
|
<li><a href="blog-style1.html">Tempor incididunt ut labore </a></li>
|
|
<li><a href="blog-style2.html">Et dolore magna aliqua</a></li>
|
|
<li><a href="blog-style1.html">Ut enim ad minim </a></li>
|
|
<li><a href="blog-style2.html">Veniam quis nostrud</a></li>
|
|
<li><a href="blog-style1.html">Esse cillum dolore eu </a></li>
|
|
<li><a href="blog-style2.html">Fugiat nulla pariat</a></li>
|
|
<li><a href="blog-style1.html">Excepteur sint occaeca</a></li>
|
|
<li><a href="blog-style2.html">Cupidatat non</a></li>
|
|
</ul>
|
|
</div><!--/ categories_widget-->
|
|
<!-- ************* - END Categories Widget - *************** -->
|
|
|
|
|
|
<!-- ************* - BEGIN Testimonials Widget - *************** -->
|
|
<div class="testimonials widget">
|
|
<div class="quote-text">
|
|
<p>"Etiam consequat, tortor nec feugiat faucibus, libero eget ullamcorper"
|
|
<span class="quote-author">-Brandon Green-</span>
|
|
</p>
|
|
</div><!--/ quote-text-->
|
|
<div class="quote-text">
|
|
<p>"Cras euismod, est et semper viverra, augue magna luctus neque, ac tincidunt felis nisl euismod nisi."
|
|
<span class="quote-author">-John Resig-</span>
|
|
</p>
|
|
</div><!--/ quote-text-->
|
|
<div class="quote-text">
|
|
<p>"Quisque sit amet odio eu ipsum sollicitudin porttitor ut a nisl. Vestibulum lobortis ultrices justo, id feugiat enim fermentum non. "
|
|
<span class="quote-author">-Amanda Smith-</span>
|
|
</p>
|
|
</div><!--/ quote-text-->
|
|
</div><!--/ testimonials -->
|
|
<!-- ************* - END Testimonials Widget - *************** -->
|
|
|
|
|
|
<!-- ************* - BEGIN Latest Widget - *************** -->
|
|
<div class="archive widget">
|
|
<h3 class="widget-title">Archives</h3>
|
|
<ul>
|
|
<li><a href="#">December, 2011</a></li>
|
|
<li><a href="#">November, 2011</a></li>
|
|
<li><a href="#">October, 2011</a></li>
|
|
</ul>
|
|
</div><!--/ latest_posts-->
|
|
<!-- ************* - END Latest Widget - *************** -->
|
|
|
|
|
|
</aside><!--/ sidebar-->
|
|
<div class="clear"></div>
|
|
<!-- ***************** - END Sidebar - ******************* -->
|
|
|
|
|
|
</div><!--/ wrapper-->
|
|
<!-- ***************** - END Wrapper - ***************** -->
|
|
|
|
<div id="back-top">
|
|
<a href="#top"></a>
|
|
</div><!--/ back-top-->
|
|
|
|
<script type="text/javascript" src="js/general.js"></script>
|
|
</body>
|
|
</html>
|
|
|