?
áEÓê¤ÎïLwebshll2019
<!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="current-menu-parent 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="current-menu-parent menu-item-has-children">
<a href="#"><span>Columns</span></a>
<ul class="sub-menu">
<li class="current-menu-item"><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="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="menu-item-has-children">
<a href="#"><span>Posts Variants</span></a>
<ul class="sub-menu">
<li><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">
<div class="content_block row no-sidebar">
<div class="fl-container ">
<div class="row">
<div class="posts-block ">
<div class="contentarea">
<div class="row">
<div class="span12 first-module module_number_1 module_cont pb0 module_portfolio">
<ul class="optionset" data-option-key="filter">
<li class="selected"><a href="#filter" data-option-value="*">All Works</a></li>
<li><a data-option-value=".advertisement" href="#filter" title="View all post filed under advertisement">Advertisement</a></li>
<li><a data-option-value=".cities" href="#filter" title="View all post filed under cities">Cities</a></li>
<li><a data-option-value=".fashion" href="#filter" title="View all post filed under fashion">Fashion</a></li>
<li><a data-option-value=".nature" href="#filter" title="View all post filed under nature">Nature</a></li>
<li><a data-option-value=".portrait" href="#filter" title="View all post filed under portrait">Portrait</a></li>
<li><a data-option-value=".stuff" href="#filter" title="View all post filed under stuff">Stuff</a></li>
</ul>
<div class="portfolio_block image-grid columns1 portf_columns">
<div class="stuff portrait element row portfolio_item">
<div class="portfolio_item_img gallery_item_wrapper span6">
<img src="img/portfolio/570_385/1.jpg" alt="">
<div class="gallery_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
<a href="simple_fullwidth_image_post.html" class="portf_zoom"></a>
</div>
<div class="portfolio_dscr span6">
<div class="portfolio_dscr_top">
<h3><a href="simple_fullwidth_image_post.html">Lorem ipsum dolor sit</a></h3>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>7917</span></div>
<div class="gallery_likes gallery_likes_add already_liked">
<i class="stand_icon icon-heart"></i>
<span>138</span>
</div>
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat risus et nisl volutpat dapibus in non lectus. Duis nunc arcu, scelerisque sed justo nec, iaculis sagittis turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris volutpat, neque in rutrum elementum, mauris justo suscipit dolor, vel accumsan velit tellus sit amet magna. Vestibulum vestibulum urna eget eros sagittis, id tempus nunc faucibus. Proin egestas ullamcorper ornare. Quisque luctus pellentesque tellus, vel sodales elit feugiat vel. Donec velit dui, dapibus sed metus et, pellentesque pretium orci. Quisque ut ante nunc. Suspendisse vulputate condimentum sapien, ac congue neque iaculis eget. Fusce sit amet interdum diam. Nulla lectus mauris, cursus sit amet lectus et, pulvinar pellentesque est. Curabitur aliquam nisl quis mauris euismod, non interdum velit ullamcorper. Proin vitae justo vel nisi sagittis ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus mauris vel sapien auctor. <br /><a class="shortcode_button btn_small btn_type5 reamdore" href="simple_fullwidth_image_post.html">Read more!</a>
</div>
</div>
<div class="advertisement stuff element row portfolio_item">
<div class="portfolio_item_img gallery_item_wrapper span6">
<img src="img/portfolio/570_385/2.jpg" alt="">
<div class="gallery_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
<a href="simple_fullwidth_image_post.html" class="portf_zoom"></a>
</div>
<div class="portfolio_dscr span6">
<div class="portfolio_dscr_top">
<h3><a href="simple_fullwidth_image_post.html">Sed cursus ante dapibus</a></h3>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>10407</span></div>
<div class="gallery_likes gallery_likes_add ">
<i class="stand_icon icon-heart-o"></i>
<span>143</span>
</div>
</div>
</div>
Pellentesque pretium orci quisque ut ante nunc. Suspendisse vulputate condimentum sapien, ac congue neque iaculis eget. Fusce sit amet interdum diam. Nulla lectus mauris, cursus sit amet lectus et, pulvinar pellentesque est. Curabitur aliquam nisl quis mauris euismod, non interdum velit ullamcorper. Proin vitae justo vel nisi sagittis ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus mauris vel sapien auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat risus et nisl volutpat dapibus in non lectus. Duis nunc arcu, scelerisque sed justo nec, iaculis sagittis turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Mauris volutpat, neque in rutrum elementum, mauris justo suscipit dolor, vel accumsan velit tellus sit amet magna. Vestibulum vestibulum urna eget eros sagittis, id tempus nunc faucibus. Proin egestas ullamcorper ornare. Eget quisque luctus pellentesque tellus, vel sodales elit feugiat vel. Donec velit dui, dapibus sed metus et. <br /><a class="shortcode_button btn_small btn_type5 reamdore" href="simple_fullwidth_image_post.html">Read more!</a>
</div>
</div>
<div class="cities fashion element row portfolio_item">
<div class="portfolio_item_img gallery_item_wrapper span6">
<img src="img/portfolio/570_385/3.jpg" alt="">
<div class="gallery_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
<a href="simple_fullwidth_image_post.html" class="portf_zoom"></a>
</div>
<div class="portfolio_dscr span6">
<div class="portfolio_dscr_top">
<h3><a href="simple_fullwidth_image_post.html">Vestibulum lacinia arcu</a></h3>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>4948</span></div>
<div class="gallery_likes gallery_likes_add ">
<i class="stand_icon icon-heart-o"></i>
<span>123</span>
</div>
</div>
</div>
Proin egestas ullamcorper ornare. Quisque luctus pellentesque tellus, vel sodales elit feugiat vel. Donec velit dui, dapibus sed metus et, pellentesque pretium orci. Quisque ut ante nunc. Suspendisse vulputate condimentum sapien, ac congue neque iaculis eget. Fusce sit amet interdum diam. Nulla lectus mauris, cursus sit amet lectus et, pulvinar pellentesque est. Curabitur aliquam nisl quis mauris euismod, non interdum velit ullamcorper. Proin vitae justo vel nisi sagittis ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus mauris vel sapien auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat risus et nisl volutpat dapibus in non lectus. Duis nunc arcu, scelerisque sed justo nec, iaculis sagittis turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae. Mauris volutpat, neque in rutrum elementum, mauris justo suscipit dolor, vel accumsan velit tellus sit amet magna. Vestibulum vestibulum urna eget eros sagittis, id tempus nunc faucibus. <br /><a class="shortcode_button btn_small btn_type5 reamdore" href="simple_fullwidth_image_post.html">Read more!</a>
</div>
</div>
<div class="fashion nature element row portfolio_item">
<div class="portfolio_item_img gallery_item_wrapper span6">
<img src="img/portfolio/570_385/4.jpg" alt="">
<div class="gallery_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
<a href="simple_fullwidth_image_post.html" class="portf_zoom"></a>
</div>
<div class="portfolio_dscr span6">
<div class="portfolio_dscr_top">
<h3><a href="simple_fullwidth_image_post.html">Curabitur sodales ligula</a></h3>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>5744</span></div>
<div class="gallery_likes gallery_likes_add ">
<i class="stand_icon icon-heart-o"></i>
<span>87</span>
</div>
</div>
</div>
Curabitur aliquam nisl quis mauris euismod, non interdum velit ullamcorper. Proin vitae justo vel nisi sagittis ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus mauris vel sapien auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat risus et nisl volutpat dapibus in non lectus. Duis nunc arcu, scelerisque sed justo nec, iaculis sagittis turpis. Vestibulum ante ipsum primis in faucibus orci. Luctus et ultrices posuere cubilia curae. Mauris volutpat, neque in rutrum elementum, mauris justo suscipit dolor, vel accumsan velit tellus sit amet magna. Vestibulum vestibulum urna eget eros sagittis, id tempus nunc faucibus. Proin egestas ullamcorper ornare. Eget quisque luctus pellentesque tellus, vel sodales elit feugiat vel. Donec velit dui, dapibus sed metus et. Pellentesque pretium orci quisque ut ante nunc. Suspendisse vulputate condimentum sapien, ac congue neque iaculis eget. Fusce sit amet interdum diam. Nulla lectus mauris, cursus sit amet lectus et, pulvinar pellentesque. <br /><a class="shortcode_button btn_small btn_type5 reamdore" href="simple_fullwidth_image_post.html">Read more!</a>
</div>
</div>
<div class="nature advertisement element row portfolio_item">
<div class="portfolio_item_img gallery_item_wrapper span6">
<img src="img/portfolio/570_385/5.jpg" alt="">
<div class="gallery_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
<a href="simple_fullwidth_image_post.html" class="portf_zoom"></a>
</div>
<div class="portfolio_dscr span6">
<div class="portfolio_dscr_top">
<h3><a href="simple_fullwidth_image_post.html">Nulla metus metus</a></h3>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>2739</span></div>
<div class="gallery_likes gallery_likes_add ">
<i class="stand_icon icon-heart-o"></i>
<span>30</span>
</div>
</div>
</div>
Eget quisque luctus pellentesque tellus, vel sodales elit feugiat vel. Donec velit dui, dapibus sed metus et. Pellentesque pretium orci quisque ut ante nunc. Suspendisse vulputate condimentum sapien, ac congue neque iaculis eget. Fusce sit amet interdum diam. Nulla lectus mauris, cursus sit amet lectus et, pulvinar pellentesque est. Curabitur aliquam nisl quis mauris euismod, non interdum velit ullamcorper. Proin vitae justo vel nisi sagittis ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus mauris vel sapien auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat risus et nisl volutpat dapibus in non lectus. Duis nunc arcu, scelerisque sed justo nec, iaculis sagittis turpis. Vestibulum ante ipsum primis in faucibus orci. Luctus et ultrices posuere cubilia curae. Mauris volutpat, neque in rutrum elementum, mauris justo suscipit dolor, vel accumsan velit tellus sit amet magna. Vestibulum vestibulum urna eget eros sagittis, id tempus nunc faucibus. Proin egestas ullamcorper ornare. <br /><a class="shortcode_button btn_small btn_type5 reamdore" href="simple_fullwidth_image_post.html">Read more!</a>
</div>
</div>
<div class="portrait cities element row portfolio_item">
<div class="portfolio_item_img gallery_item_wrapper span6">
<img src="img/portfolio/570_385/6.jpg" alt="">
<div class="gallery_fadder"></div>
<span class="gallery_ico"><i class="stand_icon icon-eye"></i></span>
<a href="simple_fullwidth_image_post.html" class="portf_zoom"></a>
</div>
<div class="portfolio_dscr span6">
<div class="portfolio_dscr_top">
<h3><a href="simple_fullwidth_image_post.html">Integer euismod lacus luctus</a></h3>
<div class="block_likes">
<div class="post-views"><i class="stand_icon icon-eye"></i> <span>5404</span></div>
<div class="gallery_likes gallery_likes_add ">
<i class="stand_icon icon-heart-o"></i>
<span>44</span>
</div>
</div>
</div>
Eget quisque luctus pellentesque tellus, vel sodales elit feugiat vel. Donec velit dui, dapibus sed metus et. Pellentesque pretium orci quisque ut ante nunc. Suspendisse vulputate condimentum sapien, ac congue neque iaculis eget. Fusce sit amet interdum diam. Nulla lectus mauris, cursus sit amet lectus et, pulvinar pellentesque est. Curabitur aliquam nisl quis mauris euismod, non interdum velit ullamcorper. Proin vitae justo vel nisi sagittis ultricies. Interdum et malesuada fames ac ante ipsum primis in faucibus mauris vel sapien auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean placerat risus et nisl volutpat dapibus in non lectus. Duis nunc arcu, scelerisque sed justo nec, iaculis sagittis turpis. Vestibulum ante ipsum primis in faucibus orci. Luctus et ultrices posuere cubilia curae. Mauris volutpat, neque in rutrum elementum, mauris justo suscipit dolor, vel accumsan velit tellus sit amet magna. Vestibulum vestibulum urna eget eros sagittis, id tempus nunc faucibus. Proin egestas ullamcorper ornare. <br /><a class="shortcode_button btn_small btn_type5 reamdore" href="simple_fullwidth_image_post.html">Read more!</a>
</div>
</div>
<div class="clear"></div>
</div>
<ul class="pagerblock">
<li><a href="javascript:void(0);" class="current">1</a></li>
<li><a href="javascript:void(0);">2</a></li>
<li><a href="javascript:void(0);">3</a></li>
<li><a href="javascript:void(0);">4</a></li>
</ul>
</div><!-- .module_cont -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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 type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/sorting.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
"use strict";
jQuery('.portfolio_title').each(function(){
jQuery(this).css('margin-top', -1*jQuery(this).height()/2+'px');
});
if (jQuery('.pagerblock').size() > 0) {
jQuery('.pagerblock').addClass('type_columns1');
}
});
</script>
</body>
</html>