<?php require_once("cabecalho.php"); ?>
     <div id="pages_maincontent">
      
      <h2 class="page_title">Latest news</h2>
     <div class="page_single layout_fullwidth_padding">  
   

              <ul class="posts">
					<li class="swipeout">
						   <div class="swiper-wrapper">		
								  <div class="swiper-slide swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb"><img src="images/photos/photo8.jpg" alt="" title="" /></div>
											<div class="post_details">
											  <div class="post_category"><a href="blog-single.html">DESIGN</a></div>				
														<h2><a href="blog-single.html">Design is not just what it looks like and feels like.</a></h2>
											  </div>
											<div class="post_swipe"><img src="images/swipe_more.png" alt="" title="" /></div>
										</div>
								  </div>
								  <div class="swiper-slide swipeout-actions-right">
										<a href="blog-single.html" class="action1"><img src="images/icons/black/message.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/black/like.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/white/contact.png" alt="" title="" /></a>
								  </div>
						  </div>
					</li>
					<li class="swipeout">
						   <div class="swiper-wrapper">		
								  <div class="swiper-slide swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb"><img src="images/photos/photo2.jpg" alt="" title="" /></div>
											<div class="post_details">
											  <div class="post_category"><a href="blog-single.html">NEWS</a></div>				
														<h2><a href="blog-single.html">Fashion fades, only style remains the same.</a></h2>
											  </div>
											<div class="post_swipe"><img src="images/swipe_more.png" alt="" title="" /></div>
										</div>
								  </div>
								  <div class="swiper-slide swipeout-actions-right">
										<a href="blog-single.html" class="action1"><img src="images/icons/black/message.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/black/like.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/white/contact.png" alt="" title="" /></a>
								  </div>
						  </div>
					</li>
					<li class="swipeout">
						   <div class="swiper-wrapper">		
								  <div class="swiper-slide swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb"><img src="images/photos/photo1.jpg" alt="" title="" /></div>
											<div class="post_details">
											  <div class="post_category"><a href="blog-single.html">CODING</a></div>				
														<h2><a href="blog-single.html">Good design is making something memorable.</a></h2>
											  </div>
											<div class="post_swipe"><img src="images/swipe_more.png" alt="" title="" /></div>
										</div>
								  </div>
								  <div class="swiper-slide swipeout-actions-right">
										<a href="blog-single.html" class="action1"><img src="images/icons/black/message.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/black/like.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/white/contact.png" alt="" title="" /></a>
								  </div>
						  </div>
					</li>
					<li class="swipeout">
						   <div class="swiper-wrapper">		
								  <div class="swiper-slide swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb"><img src="images/photos/photo4.jpg" alt="" title="" /></div>
											<div class="post_details">
											  <div class="post_category"><a href="blog-single.html">UI/UX LAYOUTS</a></div>				
														<h2><a href="blog-single.html">Design is not just what it looks like and feels like.</a></h2>
											  </div>
											<div class="post_swipe"><img src="images/swipe_more.png" alt="" title="" /></div>
										</div>
								  </div>
								  <div class="swiper-slide swipeout-actions-right">
										<a href="blog-single.html" class="action1"><img src="images/icons/black/message.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/black/like.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/white/contact.png" alt="" title="" /></a>
								  </div>
						  </div>
					</li>
					<li class="swipeout">
						   <div class="swiper-wrapper">		
								  <div class="swiper-slide swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb"><img src="images/photos/photo6.jpg" alt="" title="" /></div>
											<div class="post_details">
											  <div class="post_category"><a href="blog-single.html">DESIGN</a></div>				
														<h2><a href="blog-single.html">Design is not just what it looks like and feels like.</a></h2>
											  </div>
											<div class="post_swipe"><img src="images/swipe_more.png" alt="" title="" /></div>
										</div>
								  </div>
								  <div class="swiper-slide swipeout-actions-right">
										<a href="blog-single.html" class="action1"><img src="images/icons/black/message.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/black/like.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/white/contact.png" alt="" title="" /></a>
								  </div>
						  </div>
					</li>
					<li class="swipeout">
						   <div class="swiper-wrapper">		
								  <div class="swiper-slide swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb"><img src="images/photos/photo5.jpg" alt="" title="" /></div>
											<div class="post_details">
											  <div class="post_category"><a href="blog-single.html">NEWS</a></div>				
														<h2><a href="blog-single.html">Fashion fades, only style remains the same.</a></h2>
											  </div>
											<div class="post_swipe"><img src="images/swipe_more.png" alt="" title="" /></div>
										</div>
								  </div>
								  <div class="swiper-slide swipeout-actions-right">
										<a href="blog-single.html" class="action1"><img src="images/icons/black/message.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/black/like.png" alt="" title="" /></a>
										<a href="#" class="action1 open-popup" data-popup=".popup-social"><img src="images/icons/white/contact.png" alt="" title="" /></a>
								  </div>
						  </div>
					</li>
              </ul>
              
            <div id="loadMore">LOAD MORE</div> 
            <div id="showLess">END</div> 
      
			
       </div>		
      
      </div>
      
      
    </div>
  </div>
</div>

         </div>
    </div>

    <!-- Login Popup -->
    <div class="popup popup-login">
        <div class="content-block">
            <h4>LOGIN</h4>
            <div class="loginform">
                <form id="LoginForm" method="post">
                    <input type="text" name="Username" value="" class="form_input required" placeholder="username" />
                    <input type="password" name="Password" value="" class="form_input required" placeholder="password" />
                    <div class="forgot_pass"><a href="#" data-popup=".popup-forgot" class="open-popup">Forgot Password?</a></div>
                    <input type="submit" name="submit" class="form_submit" id="submit" value="SIGN IN" />
                </form>
                <div class="signup_bottom">
                    <p>Don't have an account?</p>
                    <a href="#" data-popup=".popup-signup" class="open-popup">SIGN UP</a>
                </div>
            </div>
            <div class="close_popup_button">
                <a href="#" class="close-popup" data-popup=".popup-login"><img src="images/icons/black/menu_close.png" alt="" title="" /></a>
            </div>
        </div>
    </div>

    <!-- Register Popup -->
    <div class="popup popup-signup">
        <div class="content-block">
            <h4>REGISTER</h4>
            <div class="loginform">
                <form id="RegisterForm" method="post">
                    <input type="text" name="Username" value="" class="form_input required" placeholder="Username" />
                    <input type="text" name="Email" value="" class="form_input required" placeholder="Email" />
                    <input type="password" name="Password" value="" class="form_input required" placeholder="Password" />
                    <input type="submit" name="submit" class="form_submit" id="submitregister" value="SIGN UP" />
                </form>
		<h5>- OR REGISTER WITH A SOCIAL ACCOUNT -</h5>
		<div class="signup_social">
			<a href="http://www.facebook.com/" class="signup_facebook">FACEBOOK</a>
			<a href="http://www.twitter.com/" class="signup_twitter">TWITTER</a>            
		</div>		
            </div>
            <div class="close_popup_button">
                <a href="#" class="close-popup" data-popup=".popup-signup"><img src="images/icons/black/menu_close.png" alt="" title="" /></a>
            </div>
        </div>
    </div>
	
    <!-- Forgot Password Popup -->
    <div class="popup popup-forgot">
        <div class="content-block">
            <h4>FORGOT PASSWORD</h4>
            <div class="loginform">
                <form id="ForgotForm" method="post">
                    <input type="text" name="Email" value="" class="form_input required" placeholder="email" />
                    <input type="submit" name="submit" class="form_submit" id="submitforgot" value="RESEND PASSWORD" />
                </form>
                <div class="signup_bottom">
                    <p>Check your email and follow the instructions to reset your password.</p>
                </div>
            </div>
            <div class="close_popup_button">
                <a href="#" class="close-popup" data-popup=".popup-forgot"><img src="images/icons/black/menu_close.png" alt="" title="" /></a>
            </div>
        </div>
    </div>
	
    <!-- Social Icons Popup -->
    <div class="popup popup-social">
    <div class="content-block">
      <h4>Social Share</h4>
      <p>Share icons solution that allows you share and increase your social popularity.</p>
      <ul class="social_share">
      <li><a href="http://twitter.com/"><img src="images/icons/black/twitter.png" alt="" title="" /><span>TWITTER</span></a></li>
      <li><a href="http://www.facebook.com/"><img src="images/icons/black/facebook.png" alt="" title="" /><span>FACEBOOK</span></a></li>
      <li><a href="http://plus.google.com"><img src="images/icons/black/gplus.png" alt="" title="" /><span>GOOGLE</span></a></li>
      <li><a href="http://www.dribbble.com/"><img src="images/icons/black/dribbble.png" alt="" title="" /><span>DRIBBBLE</span></a></li>
      <li><a href="http://www.linkedin.com/"><img src="images/icons/black/linkedin.png" alt="" title="" /><span>LINKEDIN</span></a></li>
      <li><a href="http://www.pinterest.com/"><img src="images/icons/black/pinterest.png" alt="" title="" /><span>PINTEREST</span></a></li>
      </ul>
      <div class="close_popup_button"><a href="#" class="close-popup" data-popup=".popup-social"><img src="images/icons/black/menu_close.png" alt="" title="" /></a></div>
    </div>
    </div>
    
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery.validate.min.js" ></script>
<script src="js/swiper.min.js"></script>
<script src="js/jquery.custom.js"></script>
  </body>
</html>