<?php require 'inc/includes.php'; 

    
$nbr = $DB->query("SELECT count(*) as nbr FROM users");
$perpage = 4;
$nbr_pages = ceil($nbr[0]->nbr/$perpage );

if(isset($_GET['page'])){
	$page = intval($_GET['page']);
	if($page > $nbr_pages){
		$page = $nbr_pages;
	}
}else{
	$page =1;
}

$premierPage = ($page-1) *$perpage;

$users= $DB->query("SELECT id,username,email,avatar FROM users ORDER BY created_at ASC LIMIT ".$premierPage.",".$perpage."");

  require 'inc/header.php'; ?>
<section>

<aside id="sidebar">
      		<!-- widget --> 
       		<section class="widget">
            	<h1>Catégories</h1>
               <ul>
               	<li class="catsidebar"><a href="#">Actualités</a></li>
                	<li class="catsidebar"><a href="#">Photo du mois</a></li>
               	<li class="catsidebar"><a href="#">Jeux concours</a></li>
               </ul>
           </section>
           <!-- Fin widget -->
       
       		<!-- widget --> 
       		<section class="widget">
            	<h1>En ce moment..</h1>
               <ul>
               	<li class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</li>
                	<li><a href="#"><img src="images/eximgsidebar1.jpg"></a></li>
               	<li>Quisque magna magna, lacinia vel auctor quis, dapibus in enim... <br /><a href="#">Lire la suite</a></li>
               </ul>
           </section>
           <!-- Fin widget -->
           
           <!-- widget --> 
       		<section class="widget">
            	<h1>Dernier projet...</h1>
               <ul>
               	<li class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</li>
                	<li><a href="#"><img src="images/eximgsidebar2.jpg"></a></li>
               	<li>Quisque magna magna, lacinia vel auctor quis, dapibus in enim... <br /><a href="#">Lire la suite</a></li>
               </ul>
           </section>
           <!-- Fin widget -->
           
            <!-- widget --> 
       		<section class="widget">
            	<h1>Dernier projet...</h1>
               <ul>
               	<li>Nam ac sem gravida, venenatis mi in, laoreet augue. Praesent dapibus auctorquam, <a href="#">eget molestie</a> neque scelerisqued. Ut eget leo laoreet, porttitor velitPraesent dapibus auctor.</li>
               </ul>
           </section>
           <!-- Fin widget -->
           
           <!-- widget --> 
       		<section class="widget">
            	<h1>Newsletter</h1>
               <ul>
               
               	<li>Nam ac sem gravida, venenatis mi in, laoreet augue. Praesent dapibus auctorquam</li>
               </ul>
           </section>
           <!-- Fin widget --> 
       
       
       </aside>
       
       

</section>


<!-- fiche -->

         <article class="blog-fiche"  style="width: 85%;margin: auto;">
         	<div class="blog-fiche-img"><a href="singleblog.php"><img src="images/eximgsidebar1.jpg"></a></div>
         	<div class="blog-fiche-info">
           	<h1>Photoshop un filtre Vintage</h1>
            	<div class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</div>
              <ul>
              		<li>56</li>
                   <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et urna sollicitudin, rutrum mauris eu, dictum nisl. Quisque magna magnaut lacus duiauctor... </li>
                   <li><a href="#">Lire la suite</a></li>
              </ul>
           </div>
         </article>
         <!-- Fin fiche -->
         
         <!-- fiche -->
         <article class="blog-fiche">
         	<div class="blog-fiche-img"><a href="singleblog.php"><img src="images/eximgsidebar1.jpg"></a></div>
         	<div class="blog-fiche-info">
           	<h1>Photoshop un filtre Vintage</h1>
            	<div class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</div>
              <ul>
              		<li>56</li>
                   <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et urna sollicitudin, rutrum mauris eu, dictum nisl. Quisque magna magnaut lacus duiauctor... </li>
                   <li><a href="#">Lire la suite</a></li>
              </ul>
           </div>
         </article>
         <!-- Fin fiche --> 
          
         <!-- fiche -->
         <article class="blog-fiche">
         	<div class="blog-fiche-img"><a href="singleblog.php"><img src="images/eximgsidebar1.jpg"></a></div>
         	<div class="blog-fiche-info">
           	<h1>Photoshop un filtre Vintage</h1>
            	<div class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</div>
              <ul>
              		<li>56</li>
                   <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et urna sollicitudin, rutrum mauris eu, dictum nisl. Quisque magna magnaut lacus duiauctor... </li>
                   <li><a href="#">Lire la suite</a></li>
              </ul>
           </div>
         </article>
         <!-- Fin fiche --> 
         
         <!-- fiche -->
         <article class="blog-fiche">
         	<div class="blog-fiche-img"><a href="#"><img src="images/eximgsidebar1.jpg"></a></div>
         	<div class="blog-fiche-info">
           	<h1>Photoshop un filtre Vintage</h1>
            	<div class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</div>
              <ul>
              		<li>56</li>
                   <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et urna sollicitudin, rutrum mauris eu, dictum nisl. Quisque magna magnaut lacus duiauctor... </li>
                   <li><a href="#">Lire la suite</a></li>
              </ul>
           </div>
         </article>
         <!-- Fin fiche --> 
         
         
         <!-- fiche -->
         <article class="blog-fiche">
         	<div class="blog-fiche-img"><a href="#"><img src="images/eximgsidebar1.jpg"></a></div>
         	<div class="blog-fiche-info">
           	<h1>Photoshop un filtre Vintage</h1>
            	<div class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</div>
              <ul>
              		<li>56</li>
                   <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et urna sollicitudin, rutrum mauris eu, dictum nisl. Quisque magna magnaut lacus duiauctor... </li>
                   <li><a href="#">Lire la suite</a></li>
              </ul>
           </div>
         </article>
         <!-- Fin fiche --> 
         
         
         <!-- fiche -->
         <article class="blog-fiche">
         	<div class="blog-fiche-img"><a href="#"><img src="images/eximgsidebar1.jpg"></a></div>
         	<div class="blog-fiche-info">
           	<h1>Photoshop un filtre Vintage</h1>
            	<div class="meta">Publié le 12 mars 2014 par <b>Team8</b> dans <a href="#">Photo du mois</a> | 212 vues</div>
              <ul>
              		<li>56</li>
                   <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et urna sollicitudin, rutrum mauris eu, dictum nisl. Quisque magna magnaut lacus duiauctor... </li>
                   <li><a href="#">Lire la suite</a></li>
              </ul>
           </div>
         </article>
		 

  
  <!-- jQuery -->
<script src="https://extremelab.tech/plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="https://extremelab.tech/plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Bootstrap 4 -->
<script src="https://extremelab.tech/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="https://extremelab.tech/plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="https://extremelab.tech/plugins/sparklines/sparkline.js"></script>
<!-- jQuery Knob Chart -->
<script src="https://extremelab.tech/plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="https://extremelab.tech/plugins/moment/moment.min.js"></script>
<script src="https://extremelab.tech/plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="https://extremelab.tech/plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="https://extremelab.tech/plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="https://extremelab.tech/plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="https://extremelab.tech/dist/js/adminlte.js"></script>
<!-- DataTables -->
<script src="https://extremelab.tech/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-fixedheader/js/dataTables.fixedHeader.min.js" type="text/javascript"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="https://extremelab.tech/plugins/jszip/jszip.min.js"></script>
<script src="https://extremelab.tech/plugins/pdfmake/pdfmake.min.js"></script>
<script src="https://extremelab.tech/plugins/pdfmake/vfs_fonts.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.php5.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="https://extremelab.tech/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<!-- Toastr-->
<script src="https://extremelab.tech/js/toastr.min.js"></script>
<!-- Validate -->
<script src="https://extremelab.tech/plugins/jquery-validation/jquery.validate.min.js"></script>
<script src="https://extremelab.tech/plugins/print/jQuery.print.min.js"></script>
<script src="https://extremelab.tech/js/jquery.classyqr.min.js"></script>
<script src="https://extremelab.tech/js/select2.js"></script>
<script src="https://extremelab.tech/plugins/sweet-alert/sweetalert.min.js"></script>
<!-- Scripts Translation -->

<!-- Main dashboard -->
  <script src="https://extremelab.tech/js/admin/main.js"></script>
<!-- Flash messages -->
<script>
    </script>

    <!-- Switch -->
  <script src="https://extremelab.tech/plugins/swtich-netliva/js/netliva_switch.js"></script>
  <script src="https://extremelab.tech/js/admin/dashboard.js"></script>
  
  <script src="//code.tidio.co/wm6kjlncgktzimpuaad5qetmtv9h1cui.js" async></script>

</body>
</html>
		 

