| Current Path : /home/webyoo/www/backup/allback/kanity.com/save0807bh/ |
| Current File : /home/webyoo/www/backup/allback/kanity.com/save0807bh/fullwidth_image_post.html |
<!DOCTYPE html>
<html class="sticky_menu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favico.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Oyster | Html Photo Template</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto:400,300,500,900" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<header class="main_header">
<div class="header_wrapper">
<div class="logo_sect">
<a href="index.html" class="logo"><img src="img/logo.png" alt="" class="logo_def"><img src="img/retina/logo.png" alt="" class="logo_retina"></a>
<div class="slogan">html photo template</div>
</div>
<div class="header_rp">
<nav>
<div class="menu-main-menu-container">
<ul id="menu-main-menu" class="menu">
<li class="menu-item-has-children">
<a href="#"><span>Home</span></a>
<ul class="sub-menu">
<li><a href="index.html"><span>Slider</span></a></li>
<li><a href="portfolio_masonry.html"><span>Masonry Portfolio</span></a></li>
<li><a href="horizontal_striped.html"><span>Horizontal Striped</span></a></li>
<li><a href="vertical_striped.html"><span>Vertical Striped</span></a></li>
<li><a href="revolution_slider.html"><span>Revolution Slider</span></a></li>
<li><a href="bg_image.html"><span>Image BG</span></a></li>
<li><a href="bg_video.html"><span>Vimeo BG</span></a></li>
<li><a href="bg_youtube_video.html"><span>Youtube BG</span></a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Gallery</span></a>
<ul class="sub-menu">
<li><a href="gallery_kenburns.html"><span>Kenburns</span></a></li>
<li><a href="gallery_flow.html"><span>Flow</span></a></li>
<li><a href="gallery_ribbon.html"><span>Ribbon</span></a></li>
<li><a href="gallery_photo_listing.html"><span>Photo Listing</span></a></li>
<li><a href="gallery_grid.html"><span>Grid</span></a></li>
<li><a href="gallery_grid_with_margin.html"><span>Grid 2</span></a></li>
<li><a href="gallery_masonry.html"><span>Masonry</span></a></li>
<li><a href="gallery_masonry_with_margin.html"><span>Masonry 2</span></a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Portfolio</span></a>
<ul class="sub-menu">
<li><a href="portfolio_grid1.html"><span>Grid Style 1</span></a></li>
<li><a href="portfolio_grid2.html"><span>Grid Style 2</span></a></li>
<li><a href="portfolio_masonry_listing.html"><span>Masonry Style</span></a></li>
<li><a href="portfolio_standard.html"><span>Isotope</span></a></li>
<li class="menu-item-has-children">
<a href="#"><span>Columns</span></a>
<ul class="sub-menu">
<li><a href="portfolio_1col.html"><span>1 Column</span></a></li>
<li><a href="portfolio_2col.html"><span>2 Columns</span></a></li>
<li><a href="portfolio_3col.html"><span>3 Columns</span></a></li>
<li><a href="portfolio_4col.html"><span>4 Columns</span></a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Fullscreen Posts</span></a>
<ul class="sub-menu">
<li><a href="fullscreen_ribbon_post.html"><span>Ribbon</span></a></li>
<li><a href="fullscreen_post_without_info.html"><span>Without Info</span></a></li>
<li><a href="fullscreen_post_with_info.html"><span>With Info</span></a></li>
<li><a href="fullscreen_video_post_without_info.html"><span>Video Post</span></a></li>
<li><a href="fullscreen_post_sidebar.html"><span>With Sidebar</span></a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Simple Posts</span></a>
<ul class="sub-menu">
<li><a href="simple_fullwidth_image_post.html"><span>Image</span></a></li>
<li><a href="video_post_with_gallery.html"><span>Video</span></a></li>
<li><a href="simple_image_post.html"><span>With Sidebar</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="current-menu-parent menu-item-has-children">
<a href="#"><span>Blog</span></a>
<ul class="sub-menu">
<li><a href="fullscreen_blog.html"><span>Fullscreen</span></a></li>
<li class="menu-item-has-children">
<a href="#"><span>Standard</span></a>
<ul class="sub-menu">
<li><a href="blog_with_right_sidebar.html"><span>Right Sidebar</span></a></li>
<li><a href="blog_with_left_sidebar.html"><span>Left Sidebar</span></a></li>
<li><a href="fullwidth_blog.html"><span>Fullwidth</span></a></li>
</ul>
</li>
<li class="current-menu-parent menu-item-has-children">
<a href="#"><span>Posts Variants</span></a>
<ul class="sub-menu">
<li class="current-menu-item"><a href="fullwidth_image_post.html"><span>Fullwidth Post</span></a></li>
<li><a href="vimeo_video_post.html"><span>Right Sidebar</span></a></li>
<li><a href="post_with_left_sidebar.html"><span>Left Sidebar</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Pages</span></a>
<ul class="sub-menu">
<li><a href="about.html"><span>About</span></a></li>
<li><a href="full_width.html"><span>Full Width</span></a></li>
<li><a href="before_after.html"><span>Before/After</span></a></li>
<li><a href="coming_soon.html"><span>Coming Soon</span></a></li>
<li><a href="404.html"><span>404 Error</span></a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Features</span></a>
<ul class="sub-menu">
<li><a href="shortcodes.html"><span>Shortcodes</span></a></li>
<li><a href="typography.html"><span>Typography</span></a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#"><span>Contact</span></a>
<ul class="sub-menu">
<li><a href="contacts_fullscreen.html"><span>Fullscreen</span></a></li>
<li><a href="contact_with_sidebar.html"><span>With Sidebar</span></a></li>
<li><a href="contact_fullwidth.html"><span>Fullwidth</span></a></li>
</ul>
</li>
</ul>
</div>
<div class="search_fadder"></div>
<div class="header_search">
<form name="search_form" method="get" action="#" class="search_form">
<input type="text" name="s" value="" placeholder="Search the site..." class="field_search">
</form>
</div>
</nav>
<a class="search_toggler" href="#"></a>
</div>
<div class="clear"></div>
</div>
</header>
<div class="main_wrapper">
<div class="content_wrapper">
<div class="container simple-post-container">
<div class="content_block no-sidebar row">
<div class="fl-container ">
<div class="row">
<div class="posts-block simple-post ">
<div class="contentarea">
<div class="row">
<div class="span12 module_cont module_blog module_none_padding module_blog_page">
<div class="prev_next_links">
<div class="fleft"><a href="javascript:void(0);">Previous Post</a></div>
<div class="fright"><a href="javascript:void(0);">Next Post</a></div>
</div>
<div class="blog_post_page">
<div class="pf_output_container">
<div class="slider-wrapper theme-default ">
<div class="nivoSlider">
<img src="img/blog/1170_563/4.jpg" alt="" />
<img src="img/blog/1170_563/5.jpg" alt="" />
<img src="img/blog/1170_563/6.jpg" alt="" />
</div>
</div>
</div>
<div class="blogpreview_top">
<div class="box_date">
<span class="box_month">Mar</span>
<span class="box_day">04</span>
</div>
<div class="listing_meta">
<span>in <a href="javascript:void(0);" title="View all posts in Cities">Cities</a></span>
<span><a href="javascript:void(0);">3 comments</a></span>
<span>tags: <a href="javascript:void(0);">advertisement</a>, <a href="javascript:void(0);">html5</a>, <a href="javascript:void(0);">man</a>, <a href="javascript:void(0);">photo</a>, <a href="javascript:void(0);">stuff</a></span>
</div>
<div class="author_ava"><img alt="" src="img/avatar/2.jpg" class="avatar" height="72" width="72" /></div>
</div>
<h3 class="blogpost_title">Fullwidth Image Post</h3>
<div class="blog_post_content">
<article class="contentarea">
<p>Sed quis ipsum eu mi condimentum vehicula. Nam sed nisi dictum, faucibus augue at, posuere nibh. Sed nec euismod justo. <a href="javascript:void(0);">Duis cursus</a> rutrum molestie. Ut accumsan lorem nunc, ut lobortis urna hendrerit et. Sed non erat porta, feugiat mi nec, tincidunt massa. Maecenas faucibus sollicitudin justo, vitae molestie turpis porta ut. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus adipiscing, purus eget fermentum iaculis, leo mi sodales purus, a convallis mi ipsum in elit. Aenean consequat sapien tincidunt dui auctor, ut adipiscing tellus fermentum. Maecenas dictum nisl in purus feugiat tempus.</p>
<p>Sed sed augue adipiscing lorem tristique convallis dignissim id nulla. Interdum et malesuada fames ac ante ipsum nec primis in faucibus. Proin ornare ligula accumsan aliquet egestas. Maecenas non velit nec nulla commodo faucibus. Maecenas velit lacus, bibendum vel placerat a, scelerisque eu lacus. Pellentesque sollicitudin <a href="javascript:void(0);">blandit neque.</a> Cras quis euismod sapien, et pulvinar ante. Phasellus ante libero, iaculis vitae ipsum sit amet, ultrices dignissim massa. Morbi ut ante elementum, consequat libero nec, ornare dui. Sed eleifend at lorem sit amet sagittis. Maecenas fermentum turpis libero, et imperdiet dui venenatis ut. Nam dictum enim ut massa bibendum consectetur. Fusce fermentum consequat massa, quis ornare turpis semper non. Sed viverra neque rutrum metus facilisis aliquam sed malesuada rutrum odio.</p>
</article>
</div>
<div class="blog_post-footer">
<div class="blogpost_share">
<span>Share this:</span>
<a href="javascript:void(0);" class="share_facebook"><i class="stand_icon icon-facebook-square"></i></a>
<a href="javascript:void(0);" class="share_pinterest"><i class="stand_icon icon-pinterest"></i></a>
<a href="javascript:void(0);" class="share_tweet"><i class="stand_icon icon-twitter"></i></a> <a href="javascript:void(0);" class="share_gplus"><i class="icon-google-plus-square"></i></a>
<div class="clear"></div>
</div>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>1319</span></div>
<div class="gallery_likes gallery_likes_add ">
<i class="stand_icon icon-heart-o"></i>
<span>16</span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!--.blog_post_page -->
<div class="blogpost_user_meta">
<div class="author-ava"><img alt="" src="img/avatar/2.jpg" class="avatar" height="96" width="96" /></div>
<div class="author-name"><h6>About the Author: <a href="javascript:void(0);" title="Posts by gt3dev" rel="author">gt3dev</a></h6></div>
<div
class="author-description">Consectetur adipiscing elit. Morbi facilisis, arcu eget gravida feugiat nulla nisl ut lor a eros phasellus ut nisl aliquet, eleifend ante quis, cursus elit, сurabitur pulvinar, dolor ac vel euismod condimentum, tortor dolor suscipit est, ut interdum augue leo ut dolor nulla libero tellus, bibendum nec neque vel ullamcorper bibendum lectus maecenas.</div>
<div class="clear"></div>
</div>
</div>
</div>
<hr class="single_hr">
<div class="row">
<div class="span12 module_cont module_small_padding featured_items single_feature featured_posts">
<div class="featured_items">
<div class="items3 featured_posts" data-count="3">
<ul class="item_list">
<li>
<div class="item">
<div class="item_wrapper">
<div class="img_block wrapped_img">
<a href="vimeo_video_post.html">
<img alt="" src="img/blog/540_368/1.jpg" />
<div class="featured_item_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
</a>
</div>
<div class="featured_items_body featured_posts_body">
<div class="featured_items_title">
<h6><a href="vimeo_video_post.html">Elit egestas lacinia</a></h6>
</div>
<div class="featured_item_content">
Amet dolor, ac consectetur adipiscing elit egestas egetfusce lacinia sed purus
<a class="morelink" href="vimeo_video_post.html">Read more</a>
<div class="featured_items_meta">
<div class="preview_categ">
<span class="preview_meta_data">in <a href="javascript:void(0);">Advertisement</a></span>
<span class="preview_meta_comments"><a href="javascript:void(0);">4 comments</a></span>
</div>
<div class="gallery_likes gallery_likes_add already_liked">
<i class="stand_icon icon-heart"></i>
<span>4</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="item_wrapper">
<div class="img_block wrapped_img">
<a href="vimeo_video_post.html">
<img alt="" src="img/blog/540_368/2.jpg" />
<div class="featured_item_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
</a>
</div>
<div class="featured_items_body featured_posts_body">
<div class="featured_items_title">
<h6><a href="vimeo_video_post.html">Adipiscing elit egestas</a></h6>
</div>
<div class="featured_item_content">
Amet dolor, ac consectetur adipiscing elit egestas egetfusce lacinia sed purus
<a class="morelink" href="vimeo_video_post.html">Read more</a>
<div class="featured_items_meta">
<div class="preview_categ">
<span class="preview_meta_data">in <a href="javascript:void(0);">Advertisement</a></span>
<span class="preview_meta_comments"><a href="javascript:void(0);">4 comments</a></span>
</div>
<div class="gallery_likes gallery_likes_add">
<i class="stand_icon icon-heart-o"></i>
<span>4</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="item_wrapper">
<div class="img_block wrapped_img">
<a href="vimeo_video_post.html">
<img alt="" src="img/blog/540_368/3.jpg" />
<div class="featured_item_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
</a>
</div>
<div class="featured_items_body featured_posts_body">
<div class="featured_items_title">
<h6><a href="vimeo_video_post.html">Consectetur adipiscing</a></h6>
</div>
<div class="featured_item_content">
Amet dolor, ac consectetur adipiscing elit egestas egetfusce lacinia sed purus
<a class="morelink" href="vimeo_video_post.html">Read more</a>
<div class="featured_items_meta">
<div class="preview_categ">
<span class="preview_meta_data">in <a href="javascript:void(0);">Advertisement</a></span>
<span class="preview_meta_comments"><a href="javascript:void(0);">4 comments</a></span>
</div>
<div class="gallery_likes gallery_likes_add">
<i class="stand_icon icon-heart-o"></i>
<span>4</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<hr class="single_hr">
<div class="row">
<div class="span12">
<div id="comments">
<h4 class="headInModule postcomment">3 Comments: </h4>
<ol class="commentlist">
<li class="comment odd alt thread-odd thread-alt depth-1">
<div class="stand_comment">
<div class="commentava wrapped_img">
<img alt="" src="img/avatar/3.jpg" class="avatar" height="96" width="96" />
<div class="img_inset"></div>
</div>
<div class="thiscommentbody">
<div class="comment_info">
<h6 class="author_name">John Doe </h6>
<h6 class="date">July 11, 2014</h6>
<span class="comments"><a class="comment-reply-link" href="javascript:void(0)">Reply</a></span>
</div>
<p>Awesome!</p>
</div>
<div class="clear"></div>
</div>
<ul class="children">
<li class="comment byuser comment-author-gt3dev bypostauthor even depth-2">
<div class="stand_comment">
<div class="commentava wrapped_img">
<img alt="" src="img/avatar/2.jpg" class="avatar" height="96" width="96" />
<div class="img_inset"></div>
</div>
<div class="thiscommentbody">
<div class="comment_info">
<h6 class="author_name">gt3dev </h6>
<h6 class="date">July 11, 2014</h6>
<span class="comments"><a class="comment-reply-link" href="javascript:void(0)">Reply</a></span>
</div>
<p>Thanks!</p>
</div>
<div class="clear"></div>
</div>
</li><!-- #comment-## -->
</ul><!-- .children -->
</li><!-- #comment-## -->
<li class="comment odd alt thread-even depth-1">
<div class="stand_comment">
<div class="commentava wrapped_img">
<img alt="" src="img/avatar/4.jpg" class="avatar" height="96" width="96" />
<div class="img_inset"></div>
</div>
<div class="thiscommentbody">
<div class="comment_info">
<h6 class="author_name">Tom White </h6>
<h6 class="date">July 11, 2014</h6>
<span class="comments"><a class="comment-reply-link" href="javascript:void(0)">Reply</a></span>
</div>
<p>Amazing theme!</p>
</div>
<div class="clear"></div>
</div>
</li><!-- #comment-## -->
</ol>
<hr class="comment_hr">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">Leave a Comment!</h3>
<form action="javascript:void(0)" method="post" id="commentform" class="comment-form">
<p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p>
<label class="label-name"></label><input type="text" placeholder="Name *" title="Name *" id="author" name="author" class="form_field">
<label class="label-email"></label><input type="text" placeholder="Email *" title="Email *" id="email" name="email" class="form_field">
<label class="label-web"></label><input type="text" placeholder="URL" title="URL" id="web" name="url" class="form_field">
<label class="label-message"></label><textarea name="comment" cols="45" rows="5" placeholder="Message..." id="comment-message" class="form_field"></textarea>
<p class="form-allowed-tags">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" value="Post Comment" /></p>
</form>
</div><!-- #respond -->
</div>
</div>
</div>
</div><!-- .contentarea -->
</div>
</div>
<div class="clear"></div>
</div><!-- .fl-container -->
<div class="clear"></div>
</div>
</div><!-- .container -->
</div><!-- .content_wrapper -->
</div><!-- .main_wrapper -->
<footer>
<div class="footer_wrapper container">
<div class="copyright">Copyright © 2014 Oyster HTML Template. All Rights Reserved.</div>
<div class="socials_wrapper">
<ul class="socials_list">
<li><a class="ico_social_dribbble" target="_blank" href="http://dribbble.com/" title="Dribbble"></a></li>
<li><a class="ico_social_gplus" target="_blank" href="https://plus.google.com/" title="Google+"></a></li>
<li><a class="ico_social_vimeo" target="_blank" href="https://vimeo.com/" title="Vimeo"></a></li>
<li><a class="ico_social_pinterest" target="_blank" href="http://pinterest.com" title="Pinterest"></a></li>
<li><a class="ico_social_facebook" target="_blank" href="http://facebook.com" title="Facebook"></a></li>
<li><a class="ico_social_twitter" target="_blank" href="http://twitter.com" title="Twitter"></a></li>
<li><a class="ico_social_instagram" target="_blank" href="http://instagram.com" title="Instagram"></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</footer>
<div class="content_bg"></div>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/modules.js"></script>
<script type="text/javascript" src="js/theme.js"></script>
<script>
jQuery(document).ready(function(){
"use strict";
jQuery('.commentlist').find('li').each(function(){
if (jQuery(this).find('ul').size() > 0) {
jQuery(this).addClass('has_ul');
}
});
jQuery('.form-allowed-tags').width(jQuery('#commentform').width() - jQuery('.form-submit').width() - 13);
jQuery('.pf_output_container').each(function(){
if (jQuery(this).html() == '') {
jQuery(this).parents('.blog_post_page').addClass('no_pf');
} else {
jQuery(this).parents('.blog_post_page').addClass('has_pf');
}
});
});
jQuery(window).resize(function(){
"use strict";
jQuery('.form-allowed-tags').width(jQuery('#commentform').width() - jQuery('.form-submit').width() - 13);
});
</script>
</body>
</html>