Your IP : 216.73.216.1

Current Path : /home/www/khana.org.af/
Upload File :
Current File : /home/www/khana.org.af/projects.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">

        </a>
        <!-- <h2 style="margin-left: 12%;">KHANA Believes in The Power of Innovation and Technology to Making Life Easier for All</h2> !-->
      </div>

      <div>
        <select name="" id="" class="form-control" style="background-color:#3290cd; padding: 35px 15px;  color: white;">
          
          <option value="Eng">English </option>
          <option value="FA">Farsi</option>
        </select>
      </div>

      <div class="rounded" style="margin: 10px; background-color:#3290cd; padding: 20px; color: white; ">
        <h5 class="text-white text-center"><?php echo date('d'); ?></h5>
        <?php echo date('D'); ?>
        <?php echo date('M'); ?>
      </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">Projects</h1>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="index.php">Home</a></li>
            <li class="current">Projects</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">

                <table class="table table-bordered text-center">
                  <thead class="align-top w-auto text-xsmall" style="background-color: #3290cd;">
                    <tr>
                      <th rowspan="2">SN</th>
                      <th rowspan="2">Name of Program / Project</th>
                      <th rowspan="2">Donor</th>
                      <th colspan="2">Duration</th>
                      <th>Geographic Area</th>
                      <th rowspan="2">Targeted Baneficiaries and Number</th>
                    </tr>
                    <tr>
                      <th class="col-2">Start Date</td>
                      <th class="col-2">End Date</th>
                      <th>Province / District</th>
                    </tr>

                  </thead>
                  <tbody id="showProject" class="text-center">

                  </tbody>
                </table>

                
              </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/project/readProject.php',
        type: 'POST',
        data: {
          limit: $('#limitData').val(),
        },
        success: function(resp) {
          document.getElementById('showProject').innerHTML = resp;
        }
      })
    }
  </script>
</body>

</html>