File: /home/vmasmheia229/domains/nslpguide.com/html/album_one.html
<!DOCTYPE html>
<!--[if lt IE 7]><html dir="ltr" lang="en-US" class="ie6"><![endif]-->
<!--[if IE 7]><html dir="ltr" lang="en-US" class="ie7"><![endif]-->
<!--[if IE 8]><html dir="ltr" lang="en-US" class="ie8"><![endif]-->
<!--[if gt IE 8]><!--><html dir="ltr" lang="en-US"><!--<![endif]-->
<head>
<meta content="text/html;charset=utf-8" http-equiv="content-type" />
<meta name="description" content="cmsmasters responsive html5 website template" />
<meta name="keywords" content="html5, css3, template, responsive, adaptive" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/styles/fonts.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/styles/jquery.prettyPhoto.css" type="text/css" media="screen" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/styles/ie.css" type="text/css" />
<link rel="stylesheet" href="css/styles/ieCss3.css" type="text/css" media="screen" />
<![endif]-->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/modernizr.custom.all.js" type="text/javascript"></script>
<script src="js/respond.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.js" type="text/javascript"></script>
<title>Halsey</title>
</head>
<body>
<!-- __________________________________________________ Start Page -->
<section id="page">
<a href="#" id="slide_top"></a>
<div class="container">
<!-- __________________________________________________ Start Header -->
<header id="header">
<div class="header_inner">
<a class="logo" href="index.html"><img src="images/logo.png" alt="" /></a>
<a class="resp_navigation" href="javascript:void(0);"></a>
<nav>
<ul id="navigation">
<li class="drop">
<a href="javascript:void(0);"><span>Home</span></a>
<ul>
<li><a href="index.html"><span>Responsive Slider</span></a></li>
<li><a href="index-2.html"><span>Revolution Slider</span></a></li>
</ul>
</li>
<li class="drop"><a href="javascript:void(0);"><span>Features</span></a>
<ul>
<li class="drop"><a href="javascript:void(0);"><span>Shortcodes</span></a>
<ul>
<li><a href="buttons.html"><span>Buttons</span></a></li>
<li><a href="boxes.html"><span>InfoBoxes</span></a></li>
<li><a href="columns.html"><span>Columns</span></a></li>
<li><a href="tabs.html"><span>Tabs & Toggle</span></a></li>
<li><a href="shortcodes.html"><span>Post type shortcode</span></a></li>
<li><a href="media.html"><span>Media</span></a></li>
<li><a href="player.html"><span>Audio & Video Players</span></a></li>
<li><a href="pricing.html"><span>Pricing Tables</span></a></li>
<li><a href="lightboxes.html"><span>Lightboxes</span></a></li>
<li><a href="tour.html"><span>Site Tour</span></a></li>
<li><a href="googlemaps.html"><span>Google Maps</span></a></li>
</ul>
</li>
<li><a href="widgets.html"><span>Widgets</span></a></li>
<li><a href="typography.html"><span>Typography</span></a></li>
<li class="drop"><a href="javascript:void(0);"><span>Layouts</span></a>
<ul>
<li><a href="about.html"><span>About</span></a></li>
<li><a href="services.html"><span>Services</span></a></li>
<li><a href="error.html"><span>404 Error Page</span></a></li>
<li><a href="sitemap.html"><span>Sitemap</span></a></li>
<li><a href="lsidebar.html"><span>Left Sidebar</span></a></li>
<li><a href="rsidebar.html"><span>Right Sidebar</span></a></li>
</ul>
</li>
<li class="drop"><a href="javascript:void(0);"><span>Heading Templates</span></a>
<ul>
<li><a href="heading.html"><span>Standard Heading</span></a></li>
<li><a href="heading_icon.html"><span>With Icon</span></a></li>
<li><a href="heading_text.html"><span>With Text</span></a></li>
<li><a href="heading_icon_text.html"><span>Heading With Icon & Text</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="current_page_item drop">
<a href="javascript:void(0);"><span>Portfolio</span></a>
<ul>
<li class="drop"><a href="javascript:void(0);"><span>Sortable Portfolio</span></a>
<ul>
<li><a href="portfolio_sort_four.html"><span>Four Columns</span></a></li>
<li><a href="portfolio_sort_three.html"><span>Three Columns</span></a></li>
<li><a href="portfolio_sort_two.html"><span>Two Columns</span></a></li>
<li><a href="portfolio_sort_one.html"><span>One Column</span></a></li>
</ul>
</li>
<li class="drop"><a href="javascript:void(0);"><span>Portfolio</span></a>
<ul>
<li><a href="portfolio_four.html"><span>Four Columns</span></a></li>
<li><a href="portfolio_three.html"><span>Three Columns</span></a></li>
<li><a href="portfolio_two.html"><span>Two Columns</span></a></li>
<li><a href="portfolio_one.html"><span>One Column</span></a></li>
</ul>
</li>
<li class="current_page_item drop"><a href="javascript:void(0);"><span>Project layouts</span></a>
<ul>
<li><a href="project_slider.html"><span>Image Slider</span></a></li>
<li><a href="project_video.html"><span>Video</span></a></li>
<li><a href="album_four.html"><span>Album Four Columns</span></a></li>
<li><a href="album_three.html"><span>Album Three Columns</span></a></li>
<li><a href="album_two.html"><span>Album Two Columns</span></a></li>
<li class="current_page_item"><a href="album_one.html"><span>Album One Column</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="drop">
<a href="javascript:void(0);"><span>Blogs</span></a>
<ul>
<li><a href="blog_sidebar.html"><span>Blog with Sidebar</span></a></li>
<li><a href="blog_fwidth.html"><span>Full width Blog</span></a></li>
<li><a href="openpost.html"><span>Blog Post</span></a></li>
</ul>
</li>
<li>
<a href="contacts.html"><span>Contacts</span></a>
</li>
</ul>
</nav>
<div class="cl"></div>
</div>
</header>
<!-- __________________________________________________ Finish Header -->
<!-- __________________________________________________ Start Middle -->
<section id="middle">
<div class="headline">
<h2>Album One Column</h2>
</div>
<div class="cont_nav"><a href="index.html">Home</a> / <a href="portfolio_sort_four.html">Portfolio</a> / <a href="project_slider.html">Project Layouts</a> / <span>Album One Column</span></div>
<div class="content_wrap nobg">
<!-- __________________________________________________ Start Content -->
<section id="middle_content">
<div class="entry">
<section class="opened-article">
<article class="portfolio format-album hentry one_block">
<header class="entry-header">
<h2 class="entry-title">Project Name</h2>
</header>
<div class="resize">
<div class="cmsms_media_box">
<figure>
<a href="images/img/falbum_1_1.jpg" rel="prettyPhoto" title="Project Name" class="preloader"><img src="images/img/falbum_1_1.jpg" alt="" class="fullwidth" /></a>
</figure>
</div>
</div>
<div class="resize">
<div class="cmsms_media_box">
<figure>
<a href="images/img/falbum_1_2.jpg" rel="prettyPhoto" title="Project Name" class="preloader"><img src="images/img/falbum_1_2.jpg" alt="" class="fullwidth" /></a>
</figure>
</div>
</div>
<div class="resize">
<div class="cmsms_media_box">
<figure>
<a href="images/img/falbum_1_3.jpg" rel="prettyPhoto" title="Project Name" class="preloader"><img src="images/img/falbum_1_3.jpg" alt="" class="fullwidth" /></a>
</figure>
</div>
</div>
<div class="two_third">
<h4>Project description</h4>
<div class="entry-content">
<p>Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa sem sit amet diam. Etiam at ante erat, id aliquam nisi. Integer vitae nibh tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. Sed sollicitudin euismod velit. Suspendisse pretium tempus sollicitudin. Proin augue felis, posuere id elementum et, accumsan at sem. Vivamus non facilisis quam. Nunc pellentesque pulvinar vestibulum. </p>
<p>Aliquam convallis erat a enim dictum et vestibulum nibh rutrum. In mi nisi, hendrerit in pellentesque pellentesque, blandit a ipsum. Nam aliquet commodo nulla nec lobortis. Curabitur aliquet, urna a tempus iaculis, lorem augue tristique augue, sed aliquet sapien ligula nec lorem.Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa sem sit amet diam. Etiam at ante erat, id aliquam nisi. Integer vitae nibh tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
<div class="one_third">
<footer class="entry-meta">
<h4>Project details</h4>
<ul class="cmsms_details">
<li><span class="cmsms_details_links"><a href="#">Website</a>, <a href="#">Graphic design</a></span>Category:</li>
<li><span class="cmsms_details_links"><abbr class="published" title="May 12, 2012">May 12, 2012</abbr></span>Date:</li>
<li><span class="cmsms_details_links"><a href="#">HTML5</a>, <a href="#">CSS3</a>, <a href="#">Wordpress</a></span>Skills:</li>
<li><span class="cmsms_details_links"><a href="#">Click here</a></span>Project URL:</li>
<li><span class="cmsms_details_links"><a href="http://cmsmasters.net/">cmsmasters</a></span>Copyright:</li>
</ul>
</footer>
</div>
<div class="cl"></div>
</article>
<div class="project_navi">
<a href="#" rel="prev">Previous project link</a>
<a href="#" rel="next">Next project link</a>
</div>
<aside class="share_posts">
<h4>Like this project?</h4>
<a href="#" class="cmsmsLike"><span>0</span></a>
<div class="fl">
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">
(function () {
var po = document.createElement('script'),
s = document.getElementsByTagName('script')[0];
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
s.parentNode.insertBefore(po, s);
} )();
</script>
</div>
<div class="fl">
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
<script type="text/javascript">
!function (d, s, id) {
var js = undefined,
fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = '//platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
} (document, 'script', 'twitter-wjs');
</script>
</div>
<div class="fl">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" data-font="arial"></div>
<script type="text/javascript">
(function (d, s, id) {
var js = undefined,
fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = '//connect.facebook.net/en_US/all.js#xfbml=1';
fjs.parentNode.insertBefore(js, fjs);
} (document, 'script', 'facebook-jssdk'));
</script>
</div>
<div class="cl"></div>
<a class="cmsms_share button_small" href="#">More sharing options</a>
<div class="cmsms_social cl"></div>
</aside>
<aside class="about_author">
<h4>About author</h4>
<div class="about_author_inner">
<figure class="alignleft">
<img src="images/img/author.jpg" alt="" />
</figure>
<h5>John Smith</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nibh metus, feugiat et laoreet a, commodo at velit. Nullam tempor purus ut libero faucibus lacinia. Praesent ligula felis, auctor a rutrum quis, aliquet ac lorem. Donec eget pellentesque libero.</p>
</div>
</aside>
<aside class="related_posts">
<h4>More posts</h4>
<ul>
<li><a href="#" class="current button_small">Popular</a></li>
<li><a href="#" class="button_small">Latest</a></li>
<li><a href="#" class="button_small">Recent</a></li>
</ul>
<div class="cl"></div>
<div class="related_posts_content">
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Post name</a></h6>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Sample post</a></h6>
</div>
<div class="cl"></div>
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Just post </a></h6>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Another post </a></h6>
</div>
<div class="cl"></div>
</div>
<div class="related_posts_content" style="display:none;">
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Post name</a></h6>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Sample post</a></h6>
</div>
<div class="cl"></div>
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Just post </a></h6>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Another post </a></h6>
</div>
<div class="cl"></div>
</div>
<div class="related_posts_content" style="display:none;">
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Post name</a></h6>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Sample post</a></h6>
</div>
<div class="cl"></div>
<div class="one_half">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Just post </a></h6>
</div>
<div class="one_half last">
<figure class="alignleft">
<a href="openpost.html"><img src="images/img/author.jpg" alt="" /></a>
</figure>
<h6><a href="openpost.html">Another post </a></h6>
</div>
<div class="cl"></div>
</div>
</aside>
<aside id="comments">
<h4>Comments</h4>
<ol class="commentlist">
<li>
<div class="comment-body">
<div class="alignleft">
<img src="images/img/person.jpg" alt="" />
<a href="#" class="comment-edit-link">Edit</a>
</div>
<div class="comment-content">
<h5 class="fn">John Smith</h5>
<a href="#" class="comment-reply-link">Reply</a>
<abbr class="published" title="June 29, 2011 at 3:30 pm">June 29, 2011 | 3:30 pm</abbr>
<div class="cl"></div>
<p>Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa em sit amet diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. </p>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="alignleft">
<img src="images/img/person.jpg" alt="" />
<a href="#" class="comment-edit-link">Edit</a>
</div>
<div class="comment-content">
<h5 class="fn">John Smith</h5>
<a href="#" class="comment-reply-link">Reply</a>
<abbr class="published" title="June 29, 2011 at 3:30 pm">June 29, 2011 | 3:30 pm</abbr>
<div class="cl"></div>
<p>Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa em sit amet diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. </p>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="alignleft">
<img src="images/img/person.jpg" alt="" />
<a href="#" class="comment-edit-link">Edit</a>
</div>
<div class="comment-content">
<h5 class="fn">John Smith</h5>
<a href="#" class="comment-reply-link">Reply</a>
<abbr class="published" title="June 29, 2011 at 3:30 pm">June 29, 2011 | 3:30 pm</abbr>
<div class="cl"></div>
<p>Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa em sit amet diam. Pellentesque habitant morbi tristique senectus et netus egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. </p>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="alignleft">
<img src="images/img/person.jpg" alt="" />
<a href="#" class="comment-edit-link">Edit</a>
</div>
<div class="comment-content">
<h5 class="fn">John Smith</h5>
<a href="#" class="comment-reply-link">Reply</a>
<abbr class="published" title="June 29, 2011 at 3:30 pm">June 29, 2011 | 3:30 pm</abbr>
<div class="cl"></div>
<p>Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa em sit amet diam. Pellentesque habitant morbi tristique senectus et netus et turpis egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. </p>
</div>
</div>
<ul>
<li>
<div class="comment-body">
<div class="alignleft">
<img src="images/img/person.jpg" alt="" />
<a href="#" class="comment-edit-link">Edit</a>
</div>
<div class="comment-content">
<h5 class="fn">John Smith</h5>
<a href="#" class="comment-reply-link">Reply</a>
<abbr class="published" title="June 29, 2011 at 3:30 pm">June 29, 2011 | 3:30 pm</abbr>
<div class="cl"></div>
<p>Morbi posuere, augue adipiscing, turpis urna volutpat urna, a pulvinar massa em sit amet diam. Pellentesque habitant morbi tristique senectus et ac turpis egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. </p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="comment-body">
<div class="alignleft">
<img src="images/img/person.jpg" alt="" />
<a href="#" class="comment-edit-link">Edit</a>
</div>
<div class="comment-content">
<h5 class="fn">John Smith</h5>
<a href="#" class="comment-reply-link">Reply</a>
<abbr class="published" title="June 29, 2011 at 3:30 pm">June 29, 2011 | 3:30 pm</abbr>
<div class="cl"></div>
<p>Morbi posuere, augue adipiscing cursus ullamcorper, turpis urna volutpat urna, a pulvinar massa em sit amet diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi rhoncus lorem ac risus iaculis adipiscing. </p>
</div>
</div>
</li>
</ol>
<div class="cl"></div>
</aside>
<form action="#" method="post" id="commentform">
<h4>Leave a Reply</h4>
<p>
<label for="author">Name<span> *</span></label>
<input type="text" name="author" id="author" value="" size="22" />
</p>
<p>
<label for="email">Mail (will not be published)<span> *</span></label>
<input type="text" name="email" id="email" value="" size="22" />
</p>
<p>
<label for="url">Website</label>
<input type="text" name="url" id="url" value="" size="22" />
</p>
<p>
<textarea name="comment" id="comment" cols="28" rows="6"></textarea>
</p>
<p>
<a href="#" class="button_small"><span>Add Comment</span></a>
</p>
<div class="cl"></div>
</form>
<div class="cl"></div>
</section>
</div>
</section>
<!-- __________________________________________________ Finish Content -->
</div>
</section>
<!-- __________________________________________________ Finish Middle -->
<!-- __________________________________________________ Start Bottom -->
<section id="bottom">
<div class="one_fourth">
<aside class="widget widget_links">
<h3 class="widgettitle">Social</h3>
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Flickr</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Vimeo</a></li>
<li><a href="#">Google Plus</a></li>
</ul>
</aside>
</div>
<div class="one_fourth">
<aside class="widget widget_links">
<h3 class="widgettitle">Popular resources</h3>
<ul>
<li><a href="#">How to Write a Blog</a></li>
<li><a href="#">Create a Blog in 4 Steps</a></li>
<li><a href="#">15 Tips to Increase Traffic</a></li>
<li><a href="#">20 Blog Post Ideas</a></li>
<li><a href="#">Top 10 for Beginner Bloggers</a></li>
</ul>
</aside>
</div>
<div class="one_fourth">
<aside class="widget widget_links">
<h3 class="widgettitle">Blogroll</h3>
<ul>
<li><a href="#">Blogs Blog</a></li>
<li><a href="#">Roll Up Roll Up</a></li>
<li><a href="#">Blog Free</a></li>
<li><a href="#">Wordpress Blog</a></li>
<li><a href="#">Start Blogging</a></li>
</ul>
</aside>
</div>
<div class="one_fourth">
<aside class="widget widget_links">
<h3 class="widgettitle">About</h3>
<ul>
<li><a href="#">Halsey</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Company news</a></li>
<li><a href="#">Investor relations</a></li>
<li><a href="#">Site map</a></li>
</ul>
</aside>
</div>
</section>
<!-- __________________________________________________ Finish Bottom -->
</div>
<!-- __________________________________________________ Start Footer -->
<footer id="footer">
<ul class="social_list">
<li><a href="#" title="Facebook"><img src="images/socicons/facebook.png" alt="" /></a></li>
<li><a href="#" title="Flickr"><img src="images/socicons/flickr.png" alt="" /></a></li>
<li><a href="#" title="Twitter"><img src="images/socicons/twitter.png" alt="" /></a></li>
<li><a href="#" title="Vimeo"><img src="images/socicons/vimeo.png" alt="" /></a></li>
<li><a href="#" title="Google Plus"><img src="images/socicons/googleplus.png" alt="" /></a></li>
</ul>
<span class="cmsms_copy">© 2012 Halsey</span>
<ul class="footer_nav">
<li><a href="contacts.html">Contact us</a></li>
<li><a href="#">Privacy statement</a></li>
</ul>
</footer>
<!-- __________________________________________________ Finish Footer -->
</section>
<!-- __________________________________________________ Finish Page -->
<script src="js/jquery.script.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
</body>
</html>