File: /home/vmasmheia229/domains/nslpguide.com/html/shortcodes.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="current_page_item drop"><a href="javascript:void(0);"><span>Features</span></a>
<ul>
<li class="current_page_item 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 class="current_page_item"><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="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="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><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>Post type shortcode</h2>
</div>
<div class="cont_nav"><a href="index.html">Home</a> / <a href="shortcodes.html">Features</a> / <a href="shortcodes.html">Shortcodes</a> / <span>Post type shortcode</span></div>
<div class="content_wrap nobg">
<!-- __________________________________________________ Start Content -->
<section id="middle_content">
<div class="entry">
<section id="post_type_shortcode_1" class="post_type_shortcode">
<h4>Latest project</h4>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#post_type_shortcode_1 .post_type_list').cmsmsResponsiveContentSlider( {
sliderWidth : '100%',
sliderHeight : 'auto',
animationSpeed : 500,
animationEffect : 'slide',
animationEasing : 'easeInOutExpo',
pauseTime : 0,
activeSlide : 1,
touchControls : false,
pauseOnHover : false,
arrowNavigation : true,
slidesNavigation : false
} );
} );
</script>
<ul class="post_type_list responsiveContentSlider">
<li>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_1.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Innovation</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_2.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Experience</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_3.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Solutions</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_4.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Support</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
</li>
<li>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_5.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Innovation</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_6.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Experience</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_7.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Solutions</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
<article class="portfolio format-album hentry one_fourth">
<figure>
<a href="album_four.html" class="preloader" title="">
<img src="images/img/falbum_4_8.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="album_four.html">Support</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="album_four.html" class="cmsms_more">Read More</a>
</article>
</li>
</ul>
</section>
<div class="divider"></div>
<section id="post_type_shortcode_2" class="post_type_shortcode">
<h4>Popular Posts</h4>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#post_type_shortcode_2 .post_type_list').cmsmsResponsiveContentSlider( {
sliderWidth : '100%',
sliderHeight : 'auto',
animationSpeed : 500,
animationEffect : 'slide',
animationEasing : 'easeInOutExpo',
pauseTime : 0,
activeSlide : 1,
touchControls : false,
pauseOnHover : false,
arrowNavigation : true,
slidesNavigation : false
} );
} );
</script>
<ul class="post_type_list responsiveContentSlider">
<li>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_1.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Innovation</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_2.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Experience</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_3.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Solutions</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_4.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Support</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
</li>
<li>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_5.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Innovation</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_6.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Experience</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_7.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Solutions</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
<article class="post hentry one_fourth">
<figure>
<a href="openpost.html" class="preloader" title="">
<img src="images/img/falbum_4_8.jpg" alt="" class="fullwidth" />
</a>
</figure>
<header class="entry-header">
<h4 class="entry-title"><a href="openpost.html">Support</a></h4>
</header>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur est quis mauris accumsan eleifend</p>
</div>
<a href="openpost.html" class="cmsms_more">Read More</a>
</article>
</li>
</ul>
</section>
<div class="cl"></div>
</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>