1#@!#!123s

��JFIF�� 1#@!#!123s
: / home2 / ctsnewco / public_html / odisharising.in /
Filename : odisha-rising-foundation.php
back
<?php require_once("admin/common/config.php"); require_once('header.php'); ?>
<style>
    .about-two__right{
        margin-left: 30px;
    }
    .gallery-page__img:before{
        background-color: #d3212700;
    }
    .gallery-page__img img{
        height: auto;
    }
</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>About</li>
            </ul>
            <h2>About</h2>
          </div>
        </div>
      </section>
      <!--Page Header End-->

      <!--About Two Start-->
      <section class="about-two">
      <?php $result = mysqli_query($conn, "SELECT * FROM `about_us` order by id desc LIMIT 1");
      $aboutORF = mysqli_fetch_assoc($result);
      ?>
        <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">our introduction</span>
                  <h2 class="section-title__title"><?= $aboutORF['heading'] ?></h2>
                </div>
                <p class="about-two__text-1">
                <?= $aboutORF['sub_content'] ?>
                </p>
                <p class="about-two__text-2" style="text-align: justify">
                <?= $aboutORF['content'] ?>
                </p>
                <!--<div class="about-two__progress">-->
                <!--  <div class="about-two__progress-single">-->
                <!--    <h4 class="about-two__progress-title">Crowdfunding</h4>-->
                <!--    <div class="bar">-->
                <!--      <div class="bar-inner count-bar" data-percent="70%">-->
                <!--        <div class="count-text">70%</div>-->
                <!--      </div>-->
                <!--    </div>-->
                <!--  </div>-->
                <!--</div>-->
                <!--<a href="admin/uploads/<?= $aboutORF['orf_profile'] ?>" class="thm-btn process__btn"-->
                <!--  >Download ORF Profile</a-->
                <!-->
              </div>
            </div>
            <div
              class="col-xl-6"
              style="
                justify-content: center;
                align-items: center;
                display: flex;
              "
            >
              <div class="about-two__right">
                <div class="about-two__img-box wow slideInRight">
                  <img
                      src="admin/uploads/<?= $aboutORF['image'] ?>"
                      alt=""
                      style="width: 100%"
                    />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--About Two End-->

      <!--Brand One Start-->
      <section class="brand-one">
        <div class="container">
          <div class="brand-one__title"></div>
          <div
            class="thm-swiper__slider swiper-container"
            data-swiper-options='{"spaceBetween": 100,
                "slidesPerView": 5,
                "loop": true,
                "navigation": {
                    "nextEl": "#brand-one__swiper-button-next",
                    "prevEl": "#brand-one__swiper-button-prev"
                },
                "autoplay": { "delay": 5000 },
                "breakpoints": {
                    "0": {
                        "spaceBetween": 30,
                        "slidesPerView": 2
                    },
                    "375": {
                        "spaceBetween": 30,
                        "slidesPerView": 2
                    },
                    "575": {
                        "spaceBetween": 30,
                        "slidesPerView": 3
                    },
                    "767": {
                        "spaceBetween": 50,
                        "slidesPerView": 4
                    },
                    "991": {
                        "spaceBetween": 50,
                        "slidesPerView": 5
                    },
                    "1199": {
                        "spaceBetween": 100,
                        "slidesPerView": 5
                    }
                }}'
          >
            <div class="swiper-wrapper">
            <?php


    $query = "SELECT logo FROM `our_partner` WHERE status = 'active' ORDER BY priority ASC";
    $result = mysqli_query($conn, $query);
    if ($result && mysqli_num_rows($result) > 0) {
        while ($row = mysqli_fetch_assoc($result)) {
            ?>
            <div class="swiper-slide">
                <img src="admin/uploads/<?= htmlspecialchars($row['logo']); ?>" alt="" />
            </div>
            <?php
        }
    } 

?>
              <!-- <div class="swiper-slide">
                <img src="assets/images/brand/brand-1.png" alt="" />
              </div> -->
              
              <!-- /.swiper-slide -->
            </div>
          </div>
          <!-- If we need navigation buttons -->
          <div class="brand-one__nav">
            <div class="swiper-button-prev" id="brand-one__swiper-button-next">
              <i class="fas fa-angle-left"></i>
            </div>
            <div class="swiper-button-next" id="brand-one__swiper-button-prev">
              <i class="fas fa-angle-right"></i>
            </div>
          </div>
        </div>
      </section>
      <!--Brand One End-->

      <!--What We do Start-->
      <section
        class="about-two"
        style="padding-top: 20px; padding-bottom: 30px"
      >

      <?php $result = mysqli_query($conn, "SELECT * FROM `what_we_do` order by id desc LIMIT 1");
      $what_we_do = mysqli_fetch_assoc($result);
      ?>
        <div class="container">
          <div class="row">
            <div
              class="col-xl-6"
              style="
                justify-content: center;
                align-items: center;
                display: flex;
              "
            >
              <div class="about-two__img about-two__img1 wow slideInLeft">
                <img src="admin/uploads/<?= $what_we_do['image']; ?>" alt="" />
                <p class="about-two__text-2 text-center">
                 <?= $what_we_do['image_description'] ?>
                </p>
              </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">Empowering Lives</span>
                  <h2 class="section-title__title">What We Do</h2>
                </div>

                <p class="about-two__text-2 pt-0" style="text-align: justify">
                <?= $what_we_do['description'] ?>
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!--what we do End-->
      
      

      <!--Changing One Start-->
      <section class="changing-one changing-two">
        <div
          class="changing-one__bg"
          data-jarallax
          data-speed="0.2"
          data-imgPosition="50% 0%"
          style="
            background-image: url(assets/images/backgrounds/project-background.jpg);
          "
        ></div>
        <div class="container">
          <div class="changing-one__inner">
            <p class="changing-one__sub-title">Roundup of Standout Projects</p>
            <h2 class="changing-one__title">
              ORF is Changing the Way <br />
              New Ideas Come to Life
            </h2>
            <a href="project.php" class="thm-btn">View Our Work</a>
          </div>
        </div>
      </section>
      <!--Changing One End-->

      <!--Ready One Start-->
      <section class="ready-one">
        <div class="container">
          <div class="ready-one__inner">
            <div class="ready-one-shape-1 float-bob-x">
              <img src="assets/images/shapes/ready-one-shape-1.png" alt="" />
            </div>
            <div class="ready-one__big-icon float-bob-y-2">
              <span class="icon-fundraiser"></span>
            </div>
            <div class="ready-one__left">
              <div class="icon">
                <span class="icon-fundraiser"></span>
              </div>
              <div class="content">
                <!--<p>Your story starts from here</p>-->
                <h3>With ORF, Your donation becomes a step toward an empowered future.</h3>
              </div>
            </div>
            <div class="ready-one__right">
              <a href="donation.php" class="thm-btn ready-one__btn" style="width: 122%;"
                >Donate Now</a
              >
            </div>
          </div>
        </div>
      </section>
      <!--Ready One End-->
<?php require_once('footer.php'); ?>