File: /home/vmasmheia229/domains/nslpguide.com/html/about.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=" 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="current_page_item drop"><a href="javascript:void(0);"><span>Layouts</span></a>
<ul>
<li class="current_page_item"><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>About Us</h2>
</div>
<div class="cont_nav"><a href="index.html">Home</a> / <a href="shortcodes.html">Features</a> / <a href="sitemap.html">Layouts</a> / <span>About Us</span></div>
<div class="content_wrap nobg">
<!-- __________________________________________________ Start Content -->
<section id="middle_content">
<div class="entry">
<div class="one_half">
<img src="images/img/about_1.jpg" alt="" class="fullwidth" />
</div>
<div class="one_half">
<h2>What Can We Do</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis arcu vitae magna egestas pulvinar vitae sed lectus. Morbi fringilla, lorem id laoreet faucibus, erat ligula susc augue, quis bibendum eros nisi vel lorem. Donec faucibus iaculis mauris vitae tint. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Phasellus hendrerit. Pelletesque aliquet nibh nec urna. In nisi, dapibus id, mattis vel, si. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget bland nunc tortor. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p>
<p>Sed quia non numquam eius modi tempora incidunt ut labor et dolore magnam aliquam quaerat voluptatem. </p>
</div>
<div class="divider"></div>
<h2>Our Progress</h2>
<div class="one_fourth">
<div class="colored_banner glow_blue">
<span class="icon_banner icon_1"></span>
<h3>Research</h3>
</div>
<br />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis arcu vitae magna egestas pulvinar vitae sed lectus. Morbi fringilla, lorem id laoreet faucibus, erat ligula susc augue, quis bibendum eros nisi vel lorem. Donec faucibus iaculis mauris vitae tint. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div class="one_fourth">
<div class="colored_banner glow_green">
<span class="icon_banner icon_2"></span>
<h3>Design</h3>
</div>
<br />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis arcu vitae magna egestas pulvinar vitae sed lectus. Morbi fringilla, lorem id laoreet faucibus, erat ligula susc augue, quis bibendum eros nisi vel lorem. Donec faucibus iaculis mauris vitae tint. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div class="one_fourth">
<div class="colored_banner glow_yellow">
<span class="icon_banner icon_3"></span>
<h3>Develop</h3>
</div>
<br />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis arcu vitae magna egestas pulvinar vitae sed lectus. Morbi fringilla, lorem id laoreet faucibus, erat ligula susc augue, quis bibendum eros nisi vel lorem. Donec faucibus iaculis mauris vitae tint. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div class="one_fourth">
<div class="colored_banner glow_red">
<span class="icon_banner icon_4"></span>
<h3>Deliver</h3>
</div>
<br />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis arcu vitae magna egestas pulvinar vitae sed lectus. Morbi fringilla, lorem id laoreet faucibus, erat ligula susc augue, quis bibendum eros nisi vel lorem. Donec faucibus iaculis mauris vitae tint. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div class="divider"></div>
<h2>Meet Our Team</h2>
<div class="one_third">
<h4>John Smith</h4>
<a href="#">Twitter</a> | <a href="#">Facebook</a>
<div class="cl"></div>
<br />
<p><img class="fullwidth" src="images/img/about_2.jpg" alt="" /></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eliter. Nam risus nisl, porttitor et fermentum sem, sit amet ipite odio suscipit id.</p>
</div>
<div class="one_third">
<h4>Denis Murr</h4>
<a href="#">Vimeo</a> | <a href="#">Flickr</a>
<div class="cl"></div>
<br />
<p><img class="fullwidth" src="images/img/about_3.jpg" alt="" /></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eliter. Nam risus nisl, porttitor et fermentum sem, sit amet ipite odio suscipit id.</p>
</div>
<div class="one_third">
<h4>Emma Jenkins</h4>
<a href="#">Facebook</a> | <a href="#">Twitter</a>
<div class="cl"></div>
<br />
<p><img class="fullwidth" src="images/img/about_4.jpg" alt="" /></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eliter. Nam risus nisl, porttitor et fermentum sem, sit amet ipite odio suscipit id.</p>
</div>
<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>