Sindbad~EG File Manager

Current Path : /home/u625735752/domains/heavensgarden.org/public_html/
Upload File :
Current File : /home/u625735752/domains/heavensgarden.org/public_html/index.php

<?php
/*
--Copyright:https://www.phpcodejm.com
*/

/**
* Note: This file may contain artifacts of previous malicious infection.
* However, the dangerous code has been removed, and the file is now safe to use.
*/
?>
<!DOCTYPE html>
<html lang="en"> 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <title>Heavens Garden</title>
    <meta name="description" content="Heavens Garden">
    <meta name="keywords" content="Heavens Garden">
    <link rel="icon" href="img/favicon.png">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&amp;family=Lato:wght@300;400;700&amp;display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="assets/css/linea.css">
    <link rel="stylesheet" href="assets/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" href="assets/css/perch.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/fontawesome.css">
    <link rel="stylesheet" href="assets/css/bootstrap-icon.css">

    <!-- magnafic popup -->
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="shortcut icon" href="#">
    
    <style>.carousel-indicators {
    right: 0;
    bottom: 230px;
    left: auto;
    top: 193px;
}


.scroll {
    background-color: transparent;
    box-shadow:none;
}
.scroll .offcanvas {
    background-color: #fff; 
}


    .video-bg {
        width: 100vw;
        min-height: auto;
        background-size: cover; 
    } 

@media (orientation: portrait) {
    .video-bg {
        width: 100vw;
        min-height: auto;
        background-size: cover;
        margin-top:120px;
    }
} 
 


</style>
</head>

<body>
<!-- header-section -->
    <header id="navbar_top" class="transparent-header position-fixed" id="top">
        <div class="top-bar py-2 py-lg-0  bg-dark">
            <div class="container">
                <div class="d-flex gap-4 flex-wrap justify-content-between align-items-center">
                    <div>
                        <i class="fa-solid fa-phone text-primary"></i>
                        <span class="text-white ps-2">+91 9488 224485</span>
                    </div>
                    <div class="d-sm-flex">
                        <span><a href="#donate" data-bs-toggle="modal" data-bs-target="#donateform" class="btn btn-sm btn-primary">Donate</a></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row g-0">
                <div class="col-md-3 col-6 logo-col">
                    <a class="site-logo navbar-brand" href="#top" rel="home">
                        <img class="w-100   rounded-bottom" src="img/logo.png" alt=" ">
                    </a>
                </div>
                <div class="col-md-9 col-6 nav-col">
                    <nav class="navbar navbar-expand-lg py-0 py-lg-0 border-bottom bg-semiwhite" id="navbarNav">
                        <button class="navbar-toggler ms-auto me-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#main_nav"
                            aria-controls="main_nav">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="offcanvas offcanvas-lg offcanvas-end bg-white p-3 p-lg-0" id="main_nav" tabindex="-1">
                            <div class="offcanvas-body align-items-center">
                                <div class="offcanvas-header px-0 justify-content-end">
                                    <button type="button" class="btn-close btn-close-dark" data-bs-dismiss="offcanvas"
                                        aria-label="Close"></button>
                                </div>
                                <ul class="navbar-nav mx-auto mt-0">
                                    <li class="nav-item"> <a class="nav-link text-dark" href="#about">About Us</a> </li>
                                    <li class="nav-item"> <a class="nav-link text-dark" href="#projects">Projects</a> </li>
                                    <li class="nav-item"> <a class="nav-link text-dark" href="#donate">Donate</a> </li>
                                    <li class="nav-item"> <a class="nav-link text-dark" href="#contact">Contact</a> </li>
                                </ul>
                                <div class="px-lg-3 social-logo gap-5 align-items-center">
                                    <div class="social-logo-light gap-3">
                                        <a href="#" class="text-decoration-none">
                                            <i class="fa-brands fa-facebook-f"></i>
                                        </a>
                                        <a href="#" class="text-decoration-none">
                                            <i class="fa-brands fa-twitter"></i>
                                        </a>
                                        <a href="#" class="text-decoration-none">
                                            <i class="fa-brands fa-linkedin-in"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </header>



 

  <section class="   "  style="height:90vh">
    <div style="background-color:rgba(0,0,0,.3); height:100%; width:100%;">
	
    <!-- hero carousal  -->
    <div id="carouselHeoFade" class="carousel slide  position-absolute"  data-bs-ride="carousel" style="left:0; right:0; bottom:0;">
	
	
	
	<div class="carousel-indicators m-0 p-0">
    <div class="d-grid gap-1">
        <div data-bs-target="#carouselHeoFade" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1">
            <p class="ps-4 pt-10">1 - Divine Blessing</p>
        </div>
        <div data-bs-target="#carouselHeoFade" data-bs-slide-to="1" aria-current="true" aria-label="Slide 2">
            <p class="ps-4 pt-10">2 - Enjoy Food with Respect</p>
        </div>
        <div data-bs-target="#carouselHeoFade" data-bs-slide-to="2" aria-current="true" aria-label="Slide 3">
            <p class="ps-4 pt-10">3 - Love and Care for the Elderly</p>
        </div>
        <div data-bs-target="#carouselHeoFade" data-bs-slide-to="3" aria-current="true" aria-label="Slide 4">
            <p class="ps-4 pt-10">4 - Open Affiliation to All</p>
        </div>
        <div data-bs-target="#carouselHeoFade" data-bs-slide-to="4" aria-current="true" aria-label="Slide 5">
            <p class="ps-4 pt-10">5 - Unity Without Indifference</p>
        </div>
        <div data-bs-target="#carouselHeoFade" data-bs-slide-to="5" aria-current="true" aria-label="Slide 6">
            <p class="ps-4 pt-10">6 - Join Hands for Heaven's Dream</p>
        </div>
    </div>
</div>

<div class="carousel-inner">

    <div class="carousel-item active"  style="background-image: url('img/banner4.webp'); background-size:cover; baxkground-attachment:fixed; background-position: 70%; ">
        <!-- hero 1 -->
        <div class="hero-section text-white pb-100 h-100 hero-spacing" style="background-color:rgba(0,0,0,.3); ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <h4 class="small fw-bold body-font pb-10 text-uppercase"> Divine Blessing</h4>
                        <hr class="trans--grow hr1 grow">
                        <h1 class="fw-normal pt-10 pb-3">A Place for All Chosen by the Almighty</h1>
                        <a href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform"  class="btn btn-primary">Join us in realizing the dream of Heaven's Garden!<i class="icon-arrows-slim-right ps-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- hero 1 end -->
    </div>
 
    <div class="carousel-item"  style="background-image: url('img/banner3.webp'); background-size:cover; baxkground-attachment:fixed; background-position:center; ">
        <!-- hero 1 -->
        <div class="hero-section text-white pb-100 h-100 hero-spacing" style="background-color:rgba(0,0,0,.3); ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <h4 class="small fw-bold body-font pb-10 text-uppercase">Enjoy Food with Respect</h4>
                        <hr class="trans--grow hr1 grow">
                        <h1 class="fw-normal pt-10 pb-3">Savor Every Meal with Reverence</h1>
                        <a href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform"  class="btn btn-primary">Experience the harmony of dining at Heaven's Garden!<i class="icon-arrows-slim-right ps-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- hero 2 end -->
    </div>

    <div class="carousel-item"  style="background-image: url('img/banner.webp'); background-size:cover; baxkground-attachment:fixed; background-position:center; ">
        <!-- hero 1 -->
        <div class="hero-section text-white pb-100 h-100 hero-spacing" style="background-color:rgba(0,0,0,.3); ">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <h4 class="small fw-bold body-font pb-10 text-uppercase">Love and Care for the Elderly</h4>
                        <hr class="trans--grow hr1 grow">
                        <h1 class="fw-normal pt-10 pb-3">Handling Aged Hardships with Compassion</h1>
                        <a href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform"  class="btn btn-primary">Support the elderly with love and care at Heaven's Garden!<i class="icon-arrows-slim-right ps-1"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- hero 3 end -->
    </div>


    <div class="carousel-item"  style="background-image: url('img/banner6.webp'); background-size:cover; baxkground-attachment:fixed; background-position:center; ">
        <!-- hero 1 -->
        <div class="hero-section text-white pb-100 h-100 hero-spacing" style="background-color:rgba(0,0,0,.3); ">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <h2 class="display-4 fw-bold custom-letter-spacing-n">Open Affiliation to All</h2>
                    <p class="pb-20">Anyone can affiliate themselves with Heaven's Garden, irrespective of background or status.</p>
                    <a href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform"  class="btn btn-primary">Join us and become part of our inclusive community! <i class="icon-arrows-slim-right ps-1"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- hero 4 end -->



    <div class="carousel-item"  style="background-image: url('img/banner5.webp'); background-size:cover; baxkground-attachment:fixed; background-position:center; ">
        <!-- hero 1 -->
        <div class="hero-section text-white pb-100 h-100 hero-spacing" style="background-color:rgba(0,0,0,.3); ">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <h2 class="display-4 fw-bold custom-letter-spacing-n">Unity Without Indifference</h2>
                    <p class="pb-20">Heaven's Garden is where people gather without any prejudice or bias, fostering unity and understanding.</p>
                    <a href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform"   class="btn btn-primary">Join us in creating a world of acceptance and unity! <i class="icon-arrows-slim-right ps-1"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- hero 5 end -->


    <div class="carousel-item"  style="background-image: url('img/banner2.webp'); background-size:cover; background-attachment:fixed; background-position: 30% top;">
        <!-- hero 1 -->
        <div class="hero-section text-white pb-100 h-100 hero-spacing" style="background-color:rgba(0,0,0,.3); ">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <h2 class="display-4 fw-bold custom-letter-spacing-n">Join Hands for Heaven's Dream</h2>
                    <p class="pb-20">Let's unite and work together to make the dream of Heaven's Garden a reality, where love and care abound.</p>
                    <a href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform"  class="btn btn-primary">Join our journey towards a brighter future! <i class="icon-arrows-slim-right ps-1"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- hero 6 end -->

</div>



        <button class="carousel-control-prev" type="button" data-bs-target="#carouselHeoFade" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselHeoFade" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>
    <!-- hero carousal end -->



    </div>
 
  </section>
  
  


	
<section class="service-section mt-5"  >
    <div class="container">
    <div class="row justify-content-center">
	
                <div class="col-md-8 col-12 my-auto"> 
                    <img src="img/building.jpeg" class="w-100 mb-3 rounded" > 
                </div>  
                
          
        </div>
        </div>
    </section>     



<section class="py-60" id="about">
        <div class="container">
            <div class="row gy-30 justify-content-center">
			 
                
                <div class="col-lg-12 my-auto">
                    <div class="">
                         
                        <h2 class="text-underline-sm pb-3 mb-3"><span class="text-primary pe-2">Heaven is where people are treated with love and care despite of their status</span>   </h2>
                       
                    <p class="text-muted pb-3 text---justify">
					
					Heaven’s Garden has been started with the great vision of building a community for people who are in need and also the people who are willing to extend their helping hands towards those needy people.
					<br><br>
					
					Heaven’s Garden is a child of Feed Nation - a non-profit making organisation. We focusing on providing food to destitute old age people, providing education opportunities to the meritorious students below the poverty line, and providing employment opportunities to empower destitute women. 
					 </p>
                     </div>
                </div>
				
                
                
                <div class="col-lg-6 my-auto">
                    <div class="">
                 
                        <p class="text-muted pb-3 text---justify">
					 
					In heaven’s Garden we are committed our self to empower old age people and providing food to the people who are below poverty line. 
					
					<br><br>
					
					We intend to provide geriatric care to the people who became a burden to their own families. Geriatric group despite of their economic status mostly consider as burden to the family and to the society especially when their spouse is not around. Here comes our geriatric day care where we provide healthy food and hygenic environment and also love, care and affection. We provide counselling sessions to the geriatric group with the mental health experts. 
					</p>

				</div>
                </div>
				
                <div class="col-lg-6 my-auto">
                    <img class="w-100 rounded" src="img/photo.webp" alt=" "> 
                </div>
			
			</div>
        </div>
    </section>
	
	
	
	
<section class="service-section py-60">
    <div class="container">
    <div class="row">
	
                <div class="col-md-6 col-12 my-auto">
                    <img src="img/photo1.webp" class="w-100 mb-3 rounded" > 
                </div> 
                <div class="col-md-6 col-12 my-auto">
                    <h4 class="text-center">Your donation is tax-deductible.<br> <strong>We provide an 80G certificate.</strong></h4>
                    <a  href="#donate"  data-bs-toggle="modal" data-bs-target="#donateform">  <img src="img/donate.webp" class="d-flex w-50 mx-auto mb-3" ></a> 
                </div>
                
          
        </div>
        </div>
    </section>      
                
<section class="service-section py-60" id="projects">
    <div class="container">
        <h2 class="text-underline-sm pb-3 mb-3"><span class="text-primary pe-2">Our</span> Projects</h2>
        <div class="row gx-5 gy-30">
            <div class="col-lg-4">
                <div class="card single-service h-100">
                    <div class="service-icon">
                        <img src="img/ser1.webp" class="card-img-top" alt="">
                    </div>
                    <div class="card-body">
                        <h5 class="card-title fs-4 fw-normal mb-20">Affordable Meals for Daily Workers</h5>
                        <p class="fs-7 fw-normal text-dark mb-3">We provide 10 Rs meals for daily workers, delivery boys, and collection personnel, ensuring they have access to nutritious food at a minimal cost.</p>
                        <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#mealsModal">Know More</a>
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate  </button> 
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card single-service h-100">
                    <div class="service-icon">
                        <img src="img/ser2.webp" class="card-img-top" alt="">
                    </div>
                    <div class="card-body">
                        <h5 class="card-title fs-4 fw-normal mb-20">Free Old Age Daycare</h5>
                        <p class="fs-7 fw-normal text-dark mb-3">Our free old age daycare provides food and entertainment programs for elderly individuals, offering a nurturing environment and socialization opportunities.</p>
                        <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#daycareModal">Know More</a>
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate  </button> 
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card single-service h-100">
                    <div class="service-icon">
                        <img src="img/ser3.webp" class="card-img-top" alt="">
                    </div>
                    <div class="card-body">
                        <h5 class="card-title fs-4 fw-normal mb-20">Skill Development Programs</h5>
                        <p class="fs-7 fw-normal text-dark mb-3">We offer skill development programs to provide education and employment opportunities for underprivileged individuals, empowering them to improve their lives.</p>
                        <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#skillModal">Know More</a>
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate  </button> 
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




<!-- Meals Modal -->
<div class="modal fade" id="mealsModal" tabindex="-1" aria-labelledby="mealsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mealsModalLabel">Affordable Meals for Daily Workers</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>We provide affordable meals for daily workers, delivery boys, and collection personnel, ensuring they have access to nutritious food at a minimal cost. Our meals are prepared with fresh ingredients and are designed to meet the nutritional needs of those who rely on them.</p>
                <p>With your support, we can continue to offer these meals and make a difference in the lives of those in need.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate Now</button> 
            </div>
        </div>
    </div>
</div>

<!-- Daycare Modal -->
<div class="modal fade" id="daycareModal" tabindex="-1" aria-labelledby="daycareModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="daycareModalLabel">Free Old Age Daycare</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Our free old age daycare provides food and entertainment programs for elderly individuals, offering a nurturing environment and socialization opportunities. We understand the importance of providing care and companionship to our elderly community members.</p>
                <p>Your donations help us sustain this program and ensure that our elderly participants receive the support and attention they deserve.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate Now</button> 
            </div>
        </div>
    </div>
</div>

<!-- Skill Development Modal -->
<div class="modal fade" id="skillModal" tabindex="-1" aria-labelledby="skillModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="skillModalLabel">Skill Development Programs</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>We offer skill development programs to provide education and employment opportunities for underprivileged individuals, empowering them to improve their lives. Our programs cover a wide range of skills, including computer literacy, vocational training, and soft skills development.</p>
                <p>Your contributions enable us to expand our programs and reach more individuals in need, giving them the tools they need to succeed.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate Now</button> 
            </div>
        </div>
    </div>
</div>




<!-- Meals Modal -->
<div class="modal fade" id="mealsModal" tabindex="-1" aria-labelledby="mealsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="mealsModalLabel">Affordable Meals for Daily Workers</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>We provide affordable meals for daily workers, delivery boys, and collection personnel, ensuring they have access to nutritious food at a minimal cost. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <!-- You can add more detailed content here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate Now</button> 
            </div>
        </div>
    </div>
</div>

<!-- Daycare Modal -->
<div class="modal fade" id="daycareModal" tabindex="-1" aria-labelledby="daycareModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="daycareModalLabel">Free Old Age Daycare</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>Our free old age daycare provides food and entertainment programs for elderly individuals, offering a nurturing environment and socialization opportunities. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <!-- You can add more detailed content here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate Now</button> 
            </div>
        </div>
    </div>
</div>

<!-- Skill Development Modal -->
<div class="modal fade" id="skillModal" tabindex="-1" aria-labelledby="skillModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="skillModalLabel">Skill Development Programs</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>We offer skill development programs to provide education and employment opportunities for underprivileged individuals, empowering them to improve their lives. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <!-- You can add more detailed content here -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#donateform" >Donate Now</button> 
            </div>
        </div>
    </div>
</div>


    
    
<section class="bg-secondary"  id="donate">
    <div class="container">
    <div class="row">
        
        
    <div class="col-md-6 my-auto">
      <video autoplay loop muted class="video--bg w-100" id="video--bg">
            <source src="img/video.mp4" type="video/mp4" alt=" ">
			
          </video> 
          
    </div> 
                
                
        <div class="col-md-6 col-12 my-auto">
        <div class="text-white text-center py-60">
            <p class="small text-uppercase fw-bold lh-lg letter-spacing-lg">Join Us in Building a Better Tomorrow</p>
            <h2 class="display-5 fw-bold pb-4 custom-letter-spacing-n">Support Heaven's Garden Building Fund</h2>
            <p class="small text-uppercase fw-bold lh-lg letter-spacing-lg">Your donation is tax-deductible. We provide 80G Certificate.</p>
            <a href="#"  data-bs-toggle="modal" data-bs-target="#donateform" class="btn btn-lg btn-primary py-3"> Donate Now <i class="icon-arrows-slim-right ps-2"></i></a>
        </div>
        </div>
    </div>
    </div>
</section>



 

<!-- The Modal -->
<div class="modal" id="donateform">
  <div class="modal-dialog">
    <div class="modal-content">

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

      <!-- Modal body -->
      <div class="modal-body">



    <form class="row gx-4 gy-30" id="donation-form" action="donation-handler.php" method="POST">
        <div class="col-md-12">
            <input type="text" class="form-control" name="fname" placeholder="First name" required>
        </div>
        <div class="col-md-12">
            <input type="text" class="form-control" name="phone" placeholder="Your Phone Number" required>
        </div>
        <div class="col-md-12">
            <input type="text" class="form-control" name="amount" placeholder="Donation Amount" required>
        </div>
        <div class="col-md-12">
            <textarea class="form-control" name="message" placeholder="Your message" rows="5" required></textarea>
        </div>
        <div class="col-12">
            <button type="button" class="btn btn-primary" id="openModal">Donate Now</button>
        </div>
    </form>
	
      </div>
 
    </div>
  </div>
</div>




<section class="news-section py-60"  id="contact">
        <div class="container">


            <div class="row">
    <div class="col-lg-5">
        <h1 class="text-underline fw-bold fs-2 mb-30 pb-20">Get in Touch</h1>
        <ul class="contact-icon list-unstyled ps-0 d-grid gap-10 mb-5">
            <li>
                <a href="#" class="text-decoration-none text-dark text-opacity-75 me-40">
                    <span>17-165F/V, Royal Home, Aloor road, Chunkankadai & Post, Kanyakumari district</span>
                </a>
            </li> 
            <li>
                <a href="tel:+91 9488 224485" class="text-decoration-none d-flex gap-3 text-dark text-opacity-75">
                    <i class="fa-solid fa-phone text-primary"></i>
                    <span>+91 9488 224485</span>
                </a>
            </li>
            <li>
                <a href="mailto:promotion@heavensgarden.org" class="text-decoration-none d-flex gap-3 text-dark text-opacity-75">
                    <i class="fa-solid fa-envelope-open-text text-primary"></i>
                    <span>promotion@heavensgarden.org</span>
                </a>
            </li>
        </ul>

        <h1 class="text-underline fw-bold fs-2 mb-30 pb-20">Open Hours</h1>
        <ul class="list-unstyled ps-0 d-grid gap-20 mb-5">
            <li>
                <p class="mb-0">Monday to Saturday</p>
                <p class="text-dark text-opacity-75 fw-bold mb-0 heading-font">9.00am - 5.30pm</p>
            </li> 
            <li>
                <p class="mb-0">Sunday</p>
                <p class="text-dark text-opacity-75 fw-bold mb-0 heading-font">Closed</p>
            </li>
        </ul>
    </div>
   
   
<div class="col-lg-7">
    <form class="row gx-4 gy-30" action="donation-handler.php" method="POST">
        <div class="col-md-12">
            <input type="text" class="form-control" name="fname" placeholder="First name" required>
        </div>
        <div class="col-md-12">
            <input type="text" class="form-control" name="phone" placeholder="Your Phone Number" required>
        </div>
        <div class="col-md-12">
            <input type="text" class="form-control" name="amount" placeholder="Donation Amount" required>
        </div>
        <div class="col-md-12">
            <textarea class="form-control" name="message" placeholder="Your message" rows="5" required></textarea>
        </div>
        <div class="col-12">
            <button type="submit" class="btn btn-primary">Donate Now</button>
        </div>
    </form>
</div>



</div>

		
            <div class="mt-5">
                
                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d63187.16271685448!2d77.40225602556151!3d8.182832520902673!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b04f755a7839555%3A0xbba1232a52612cec!2sFeed%20Nation%20Foundation!5e0!3m2!1sen!2sin!4v1715617935287!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
			
			</div>
		</div>
    </section>
	
	
	
    <footer id="footer" class="footer-section bg-light pt-5 text-opacity-75">
        
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-6 col-12">
                    <a href="index.html"><img src="img/logo-footer.png" alt=" " width="120" class=" "  ></a>
                    <p class="text-start mt-3">  Women Empowerment . Community Well-being . Education and Healthcare </p>
                </div>
                <div class="col-lg-6 col-12">
				<div class="row justify-content-end">
                <div class="col-lg-4 col-6">
                    <div class="footer-links">
                        <h6 class=" fw-semibold ">USEFUL LINKS</h6>
                        <ul class="list-unstyled d-grid gap-1">
                            <li> <a href="#about" class="text-decoration-none d-flex gap-2 text-opacity-75">
							<i class="bi bi-arrow-right text-primary"></i> <span>About</span> </a></li>
                            <li> <a href="#projects" class="text-decoration-none d-flex gap-2 text-opacity-75">
							<i class="bi bi-arrow-right text-primary"></i> <span>Projects</span> </a></li>  
                        </ul>
                    </div>
                </div>
                <div class="col-lg-4 col-6 mt-auto">
                    <div class="footer-links"> 
                        <ul class="list-unstyled d-grid gap-1">
                            <li> <a href="#donate" class="text-decoration-none d-flex gap-2 text-opacity-75">
							<i class="bi bi-arrow-right text-primary"></i> <span>Donate</span> </a></li>  
                            <li> <a href="#contact" class="text-decoration-none d-flex gap-2 text-opacity-75">
							<i class="bi bi-arrow-right text-primary"></i> <span>Contact</span> </a></li>
                        </ul>
                    </div>
                </div>
                </div>
            </div> 
            </div>
        </div>
        <div class="copyright bg-light border border-top-3 mt-0 py-2">
            <div class="container">
                <div class="row justify-content-between">
                <div class="col-lg-12 my-auto">
                    <p class="mb-lg-0">&copy; 2024 Heavens Garden. All Rights Reserved Developed by, <a href="#" target="_blank" class="text-decoration-none text-opacity-75"><span>Heaven’s Garden Media Team</span></a> </p>
                </div>
				
				
                <div class="col-lg-1 my-auto">
                    <p class="text-end"> </p>
                </div>
                </div>
				
				
            </div>
        </div>


    </footer>
	 
							
    <!-- footer section end --> 
    <a id="scrollUp" onclick="topFunction()" title="Go to top"><i class="fa-solid fa-angle-up"></i>
    </a>

    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!-- chart.js  -->
    <script src="assets/js/chart.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/custom.js"></script>
    
     
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var offcanvasElement = document.getElementById('main_nav');
            var navLinks = offcanvasElement.querySelectorAll('.nav-link');

            navLinks.forEach(function(navLink) {
                navLink.addEventListener('click', function() {
                    var offcanvas = bootstrap.Offcanvas.getInstance(offcanvasElement);
                    if (offcanvas) {
                        offcanvas.hide();
                    }
                });
            });
        });
    </script>
    
    

</body> 
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists