MAINHACK

Viewing / Editing File: index.php

<?php 
    include("header.php");
?>

<div class="banner">
    <video autoplay="" muted="" loop="" id="myVideo">
        <source src="video/video03.mp4" type="video/mp4">          
    </video>
    
    <div class="dec" data-aos="zoom-in" style="transition:all 1500ms ease-in-out"
        <div class="container">
            <div class="banner-text">
                <div class="water-efact">
                    <h2>Waterliving</h2>
                    <h2>Waterliving</h2>                
                </div>
                <p>From polluted water to sustainable solutions.</p>
                <a href="about.php">Read More</a>
            </div>
        </div> 
    </div>     
</div>

<div class="about">
    <div class="container">
        <div class="row">
            <div class="col-md-7 col-sm-8 col-sx-6">
                <div class="lt-ab" data-aos="fade-down">
                    <h2><?=$home_title1?></h2>
                    <?=htmlspecialchars_decode($home_content1)?>
                    
                    <a href="about.php" target="_blank">Know More</a>
                </div>
            </div>
            <div class="col-md-5 col-sm-4 col-sx-6">
                <div class="rt-ab">
                    <img src="<?=$home_img?>" alt="" class="" data-aos="fade-down-right"/>
                </div>
            </div>                        
        </div> 
   </div>     
</div>

<div class="most_popular" style="">
    <div class="container">
        <h2 class="title-txt">Projects<span><i style="">Water Living</i></span></h2>
        <div class="row">
 
            <div class="col-md-6 col-sm-6 col-sx-6">
                <div class="popular_box" data-aos="fade-down">
                    <a href="projects.php">
                        <div class="popular_box_img">
                            <img src="images/project2.png" alt="" />
                        </div>
                        <div class="popular_box_text">
                            <h2>Project Cleanflow</h2>
                            <h3>Raising Money to Clean the Chitravathi River</h3>
                            <h5>The purpose of this research paper is to provide a proposal to help cleanse and sanitation of the Chitravathi River.  </h5>
                        </div> 
                    </a>                   
                </div>
            </div> 
            <div class="col-md-6 col-sm-6 col-sx-6">
                <div class="video_box" data-aos="fade-down">
                    <video id="myVideo" controls="conditions">
                        <source src="video/Aarav-Khanna.mp4" type="video/mp4">          
                    </video>                  
                </div>
            </div>
        </div>
    </div>
</div>

<div class="Chitravathi">
    <div class="container">
        <div class="chitra-block" style="
  background: #0b54e5;
  margin: 30px auto 0;
  padding: 30px;
  border-radius: 10px;
  background: linear-gradient(to bottom right, #004cffa3, #1e3a8a, #0e2762);
  background: linear-gradient(180deg,rgba(6,182,212,.1),transparent);
  border: 1px solid #cccccc45;">
            <h2>Raising Money to Clean the Chitravathi River</h2>
        <h1>CHITRAVATHI FUNDRAISING <span>In a nutshell</span></h1>
        <div class="row">

</div>
            </div>

<div class="col-md-4 col-sm-6 col-sx-6">
                <div class="Chitravathi-img"  data-aos="zoom-in" style="transition:all 1500ms ease-in-out">
                     <img src="<?=$left_img1?>" alt="" class="" data-aos="fade-down-right"/>
                </div>
            </div> 
        </div>   
         
        <div class="row">
            <div class="col-md-4 col-sm-6 col-sx-6">
                <div class="Chitravathi-img" data-aos="zoom-in" style="transition:all 1500ms ease-in-out">
                     <img src="<?=$right_img1?>" alt="" class="" data-aos="fade-down-right"/>
                </div>
            </div> 
            <div class="col-md-8 col-sm-6 col-sx-6">
                <div class="Chitravathi-text" data-aos="fade-down" style="transition:all 1600ms ease-in-out">
                    <h3><?=$chitravathi_title5?></h3>
                  <?=htmlspecialchars_decode($chitra_content5)?>

</div>
            </div>

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

</div>

<div style=" position: relative; width: 100%; padding: 30px 0 0; margin: 0 0; background: #fff;">
<div class="container">
    <h2 class="title-txt" style="color: #182d65;">Our Team<span><i style="background: #fff;">Project Lead</i></span></h2>
    <section class="cards">        
        <article class="card card--1" data-aos="zoom-in" style="transition:all 1500ms ease-in-out">
            <div class="card__info-hover">
                <svg class="card__like"  viewBox="0 0 24 24">
                    <path fill="#000000" d="" />
                </svg>
                <div class="card__clock-info">
                    <svg class="card__clock"  viewBox="0 0 24 24"><path d="" /></svg>
                    <span class="card__time">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </span>
                </div>
            </div>
            <div class="card__img"></div>
            <a href="#" class="card_link">
                <div class="card__img--hover"></div>
            </a>
            <div class="card__info">
                <span class="card__category">Aarav </span>
                <h3 class="card__title">An activist-researcher responsible for overall project leadership. The role includes project management, fundraising coordination, research development, and creating the legal advocacy framework for the High Court petition. </h3>
                <span class="card__by">by <a href="#" class="card__author" title="author">Waterliving</a></span>
            </div>
        </article>

<article class="card card--2" data-aos="zoom-in" style="transition:all 1500ms ease-in-out">
            <div class="card__info-hover">
                <svg class="card__like"  viewBox="0 0 24 24">
                    <path fill="#000000" d="" />
                </svg>
                <div class="card__clock-info">
                    <svg class="card__clock"  viewBox="0 0 24 24"><path d="" /></svg>
                    <span class="card__time">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </span>
                </div>
            </div>
            <div class="card__img"></div>
            <a href="#" class="card_link">
                <div class="card__img--hover"></div>
            </a>
            <div class="card__info">
                <span class="card__category">SSSRIF </span>
                <h3 class="card__title">The on-ground implementation partner providing community trust, local relationships, and technical expertise. SSSRIF supports biochemical testing, production facilities, and execution of construction or repair work related to the project. </h3>
                <span class="card__by">by <a href="#" class="card__author" title="author">Implementation Partner</a></span>
            </div>
        </article>

<article class="card card--3" data-aos="zoom-in" style="transition:all 1500ms ease-in-out">
            <div class="card__info-hover">
                <svg class="card__like"  viewBox="0 0 24 24">
                    <path fill="#000000" d="" />
                </svg>
                <div class="card__clock-info">
                    <svg class="card__clock"  viewBox="0 0 24 24"><path d="" /></svg>
                    <span class="card__time">
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </span>
                </div>
            </div>
            <div class="card__img"></div>
            <a href="#" class="card_link">
                <div class="card__img--hover"></div>
            </a>
            <div class="card__info">
                <span class="card__category">Community & Technical Support </span>
                <h3 class="card__title">The project is supported through collaboration with local communities and technical resources provided by the implementation partner to ensure effective execution and sustainability of solutions. </h3>
                <span class="card__by">by <a href="#" class="card__author" title="author">Waterliving</a></span>
            </div>
        </article>

</section>
</div>

</div>

<div class="p-gallery"  data-aos="fade-down" style="transition:all 1400ms ease-in-out">
    <h2 class="title-txt">Gallery<span><i style="">Waterliving</i></span></h2>

<div class="container">
        <div id="gallery-slider" class="owl-carousel">
      	<?php
			
$count=1;
$sr='gallery';
$stmt =$show->readwithdata($sr,'type','GALLERY');
$num = $stmt->rowCount();
     
     if($num>0){
 
        while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){
        extract($row);
        $id=$row['id'];     
       ?> 
			<div class="item">
            
                <div class="gallery-box">
                    <a href="<?=$pic_img?>/<?=$row['images']?>" data-lightbox="example-set" data-title="">
                    <img src="<?=$pic_img?>/<?=$row['images']?>"  class="pho-gall" alt=" " />
                    <h6>Title</h6>
                    <div class="view-caption">
                        <p>Quick View</p>
                    </div>
                    </a>
                </div>
            </div>
            <?php } } ?>
            
        </div>
    </div>     
</div>

<?php 
    include("footer.php");
?>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: index.php

Server Info

System Features

User Info