<?php include("inc/header.php"); //get the header ?>

<?php include("inc/latest.php"); //get the header ?>

<?php include("inc/sharebox.php"); //get the sharebox ?>

<div class="main-content-left">

	<div class="page-content">
        
        <div class="content-panel">
            
        	<h1>Fancy Boxes and Quotes</h1>
                            
            <h6>Left &amp; Right Pullquotes</h6>
            
            <p>Proin ultricies eros eu ipsum ultricies commodo. Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem.
            <div class="pullquote-wrapper left">
            
            	<div class="pullquote prociono">Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem.</div>
                
            </div>
            
            <p>Fusce semper dapibus risus, mollis eleifend turpis feugiat vitae. Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti. Integer adipiscing sodales eros a facilisis. Etiam eros lectus, fringilla ac porta non, tincidunt ultrices augue. Pellentesque tempus elementum leo, a pellentesque tellus sodales id. Ut auctor congue accumsan. Proin ultricies eros eu ipsum ultricies commodo. Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem. Fusce semper dapibus risus, mollis eleifend turpis feugiat vitae. Sed eget lacus sit amet lacus convallis tempus. Pellentesque tempus elementum leo, a pellentesque tellus sodales id. Ut auctor congue accumsan. Proin ultricies eros eu ipsum ultricies commodo. Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem.</p>
            
            <div class="pullquote-wrapper right">
            
            	<div class="pullquote prociono">Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem.</div>
                
            </div>
            
            <p>Fusce semper dapibus risus, mollis eleifend turpis feugiat vitae. Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti. Integer adipiscing sodales eros a facilisis. Etiam eros lectus, fringilla ac porta non, tincidunt ultrices augue. Pellentesque tempus elementum leo, a pellentesque tellus sodales id. Ut auctor congue accumsan. Proin ultricies eros eu ipsum ultricies commodo. Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem. Fusce semper dapibus risus, mollis eleifend turpis feugiat vitae. Sed eget lacus sit amet lacus convallis tempus.</p>
            
            <h6>Fancy Boxes</h6>
            
            <div class="box-wrapper light">
            
                <div class="box light">
                
                    <h3>Light Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper dark">
            
                <div class="box dark">
                
                    <h3>Dark Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper info">
            
                <div class="box info">
                
                    <h3>Info Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper download">
            
                <div class="box download">
                
                    <h3>Download Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper help">
            
                <div class="box help">
                
                    <h3>Help Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper success">
            
                <div class="box success">
                
                    <h3>Success Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper alert">
            
                <div class="box alert">
                
                    <h3>Alert Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper tip">
            
                <div class="box tip">
                
                    <h3>Tip Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper error">
            
                <div class="box error">
                
                    <h3>Error Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <div class="box-wrapper warning">
            
                <div class="box warning">
                
                    <h3>Warning Box</h3>
                    
                    <p>Sed eget lacus sit amet lacus convallis tempus. Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti.</p>
                
                </div>
            
            </div>
            
            <h6>Fancy Quote</h6>
            
            <div class="quote-wrapper">
            
                <div class="quote">
                
                    Pellentesque tempus elementum leo, a pellentesque tellus sodales id. Ut auctor congue accumsan. Proin ultricies eros eu ipsum ultricies commodo. Vestibulum imperdiet, mi ac placerat hendrerit, orci leo facilisis dui, a imperdiet neque massa quis lorem.
                    
                </div>
            
            </div>
            
            <h6>Subtle Content Divider</h6>
            
            <p>Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti. Integer adipiscing sodales eros a facilisis. Etiam eros lectus, fringilla ac porta non, tincidunt ultrices augue. Pellentesque tempus elementum leo, a pellentesque tellus sodales id. Ut auctor congue accumsan.</p>
            
            <div class="divider">&nbsp;</div>
            
            <p>Donec tempus pretium aliquam. Aenean posuere, dui sed lacinia commodo, quam leo viverra odio, et congue sem nibh et ipsum. Suspendisse potenti. Integer adipiscing sodales eros a facilisis. Etiam eros lectus, fringilla ac porta non, tincidunt ultrices augue. Pellentesque tempus elementum leo, a pellentesque tellus sodales id. Ut auctor congue accumsan.</p>
            
            <h6>Signoff Text</h6>
            
            <div class="signoff-wrapper">
            
                <div class="signoff">
                
                    Did you enjoy this article? If so, we&#8217;d love to hear your thoughts in the comments below. It would be great if you subscribed to our RSS feed or signed up for email updates to get more goodness. There&#8217;s lots more where this came from!
                    
                </div>
            
            </div>
			            
        </div>      
        
    </div>
        
    <br class="clearer" />

	<?php include("inc/article-slider.php"); //get the article slider ?>
    
</div>

<?php include("inc/sidebar.php"); //get the sidebar ?>

<?php include("inc/footer.php"); //get the footer ?>