Your IP : 216.73.216.1

Current Path : /home/www/khana.org.af/
Upload File :
Current File : //home/www/khana.org.af/clips.php

<?php
require_once('./comp/header.php');
?>

<body>




<nav class="navbar navbar-expand-sm navbar-dark bg-blue" style="background-color:rgb(255,242,204)">
    <div class="container">

      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="mynavbar">


        <a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">
          <img src="assets/img/logo.png" alt="" style="width:400px; height:100px">
          <h1 class="sitename"></h1>
        </a>

      </div>
    </div>
  </nav>
  
  <!-- start navigation  -->
  <?php require_once('./comp/navigation.php'); ?>
  <!-- end navigation -->

  <main class="main">

    <!-- Page Title -->
    <div class="page-title position-relative">
      <div class="container d-lg-flex justify-content-between align-items-center">
        <h1 class="mb-2 mb-lg-0">Clips</h1>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="index.php">Home</a></li>
            <li class="current">Clips</li>

            <li class="current"> <select name="limitData" id="limitData" onchange="readData()" class="text-center">
                <option value="8">Limit</option>
                <option value="16">16</option>
                <option value="32">32</option>
                <option value="64">64</option>
                <option value="all">All</option>
              </select> </li>
          </ol>
        </nav>
      </div>
    </div><!-- End Page Title -->

    <div class="container">
      <div class="row">

        <div class="col-lg-12">

          <!-- Blog Posts Section -->
          <section id="blog-posts" class="blog-posts section">

            <div class="container">
              <div class="row gy-4" id="showGallary">

              </div>
            </div>

          </section><!-- /Blog Posts Section -->

          <!-- Blog Pagination Section -->

          <!-- /Blog Pagination Section -->

        </div>
      </div>
    </div>

  </main>


  <!-- start footer -->
  <?php require_once('./comp/footer.php'); ?>
  <!-- end Fotter -->

  <!-- Scroll Top -->
  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Preloader -->
  <div id="preloader"></div>

  <!-- start foot -->
  <?php
  require_once('./comp/foot.php');
  ?>
  <!-- end Foot -->
  <script>
    $(document).ready(function() {
      readData();
    })

    function readData() {
      $.ajax({
        url: './server/clips/read.php',
        type: 'POST',
        data: {
          limit: $('#limitData').val(),
        },
        success: function(resp) {
          document.getElementById('showGallary').innerHTML = resp;
        }
      })
    }
  </script>
</body>

</html>