Files
iCare/web/blog-details.html
CHIEFSOFT\ameye 43a6facde9 first commit
2024-07-06 18:33:32 -04:00

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 &copy; 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>