1#@!#!123s

��JFIF�� 1#@!#!123s
: / home2 / ctsnewco / public_html / odisharising.in /
Filename : emergency.php
back
<?php require_once("admin/common/config.php");  require_once('header.php'); ?>
<style>
    img{
        width: 100%;
    }
    .about-two__right{
        margin-left: 0px;
    }
.about-two{
    padding-bottom: 30px;
    padding-top: 30px;
}
.page-header{
    margin-bottom: 35px;
}
.about-two__text-2{
    padding-top: 0px;
}
@media screen and (max-width: 767px){
    .section-tag-linee{
        padding-top: 20px;
    }
    .section-title-onetwo{
        padding-top: 20px;
    }
    .section-title__title{
        padding-top: 20px;
    }
  .about-two{
      padding-bottom: 0px;
      padding-top: 0px;
  }
}
</style>
      <!--Page Header Start-->
      <section class="page-header">
        <div
          class="page-header-bg"
          style="
            background-image: url(assets/images/backgrounds/inner-banner.jpg);
          "
        ></div>
        <div class="page-header-shape-1 float-bob-x">
          <img src="assets/images/shapes/page-header-shape-1.png" alt="" />
        </div>
        <div class="page-header-shape-2 float-bob-y">
          <img src="assets/images/shapes/page-header-shape-2.png" alt="" />
        </div>
        <div class="page-header-shape-3 float-bob-x">
          <img src="assets/images/shapes/page-header-shape-3.png" alt="" />
        </div>
        <div class="container">
          <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
              <li><a href="index.php">Home</a></li>
              <li><span>/</span></li>
              <li>Our Work</li>
            </ul>
            <h2>Emergency</h2>
          </div>
        </div>
      </section>
      <!--Page Header End-->


      <?php
      $query = "SELECT * FROM `our_work_emergency` ORDER BY id ASC";
      $result = mysqli_query($conn, $query);
      if ($result && mysqli_num_rows($result) > 0) {
         $i = 0;
      while ($row = mysqli_fetch_assoc($result)) {
         $i = $i + 1;
         if($i % 2 != 0) {
           
         
      ?>
         <section id="<?= $row['tag'] ?>" class="about-two">
         <div class="container">
            <div class="row">
               <div class="col-xl-6">
                  <div class="about-two__left wow slideInUp">
                     <div class="section-title text-left">
                         <span class="section-title__tagline">EMERGENCY</span> 
                        <h2 class="section-title__title"><?= $row['heading'] ?></h2>
                     </div>
                     <p class="about-two__text-2" style="text-align: justify;">
                       <?= $row['content'] ?>
                     </p>
                      <div class="section-title text-left">
                  <h2 class="section-title__title" style="font-size: 20px; font-weight: 800; color: #d32127; line-height: 30px;">Our Impact So Far</h2>
                </div>
                <ul>
                  <li>
                    Over 10,000 families provided with essential relief and aid
                  </li>
                  <li>
                    Rebuilding efforts for
                    <span style="color: #d42127">40+</span> disaster-affected
                    households and infrastructure
                  </li>
                </ul>
                     
                  </div>
                  <button class="thm-btn main-menu-two__btn" data-bs-toggle="modal" data-bs-target="#myModalproject" style="margin-top: 5%;">Know More</button>
               </div>
               <div class="col-xl-6" style="
                     justify-content: center;
                     align-items: center;
                     display: flex;
                     ">
                  <div class="">
                     <div class="about-two__img-box wow slideInRight">
                           <img src="admin/uploads/<?= $row['image'] ?>" alt=""  style="width: 100%" />
                        
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <?php
      }
      else{

         ?>
         
         <section class="pt-0">
        <div class="container">
          <div class="row">
            <div class="col-xl-12">
              <div class="about-two__left wow slideInUp animated" style="visibility: visible; animation-name: slideInUp;">
               
              </div>
            </div>
          </div>
        </div>
      </section>

      <section id="<?= $row['tag'] ?>" class="about-two" >
         <div class="container">
            <div class="row justify-content-center align-items-center">
            <div class="col-xl-6" style="
                     justify-content: center;
                     align-items: center;
                     display: flex;
                     ">
                  <div class="">
                     <div class="about-two__img-box wow slideInRight">
                           <img src="admin/uploads/<?= $row['image'] ?>" alt="" style="width: 100%" />
                        
                     </div>
                  </div>
               </div>
               <div class="col-xl-6">
                  <div class="about-two__left wow slideInUp">
                     <div class="section-title text-left">
                        <!-- <span class="section-title__tagline">EMPLOYIBILITY</span> -->
                        <h2 class="section-title__title" style="margin-bottom: -10%;"><?= $row['heading'] ?></h2>
                     </div>
                     <p class="about-two__text-2" style="text-align: justify;">
                       <?= $row['content'] ?>
                     </p>
                     
                  </div>
                   <button class="thm-btn main-menu-two__btn" data-bs-toggle="modal" data-bs-target="#myModalproject" style="margin-top: 5%;">Know More</button>
               </div>
               
            </div>
         </div>
      </section>
<?php
         
      }
      }
      
      }
      ?>
      
      
       <!-- The Modal -->
<div class="modal" id="myModalproject">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <div class="form-group">
            <label>Name</label>
            <input type="text" id="name" name="name" class="form-control">
        </div>
        <div class="form-group">
            <label>Email Id</label>
            <input type="email" id="email" name="email" class="form-control">
        </div>
        <div class="form-group">
            <label>Mobile Number</label>
            <input type="number" id="mob-number" name="mob-number" class="form-control">
        </div>
        <div class="form-group">
            <label>Name of the Project you want to know about</label>
            <input type="text" id="project-name" name="project-name" class="form-control">
        </div>
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="submit" class="btn btn-danger" data-bs-dismiss="modal">Submit</button>
      </div>

    </div>
  </div>
</div>
<?php
       require_once('footer.php'); ?>