Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<head>
<title>Feed Nepal NGO</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body>
<header class="fixed-top bg-white">
<div class="container-custom">
<div class="row top-h-row">
<div class="col-md-1">
<a class="navbar-brand top-navbar-brand" href="#"><img src="img/logo.png" class="top-logo"></a>
</div>
<div class="col-md-11">
<div class="top-contact-sec h-50">
<div class="row mx-0 px-0">
<div class="col-6 ">
<p class="pt-2"><a href="tel:+91 9876543210"><i class='fa fa-phone'></i> +91 9876543210</a></p>
</div>
<div class="col-6">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</div>
</div>
<div class="top-nav-div h-50">
<nav class="navbar navbar-expand-md bg-dark navbar-dark top-nav">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav top-nav-m1 inp mr-auto">
<li class="nav-item"> <a class="nav-link" href="index.html"><i class="fa fa-home"></i></a> </li>
<li class="nav-item"> <a class="nav-link" href="index.html"><i class="fa fa-angle-left"></i> Back </a> </li>
</ul>
<ul class="navbar-nav top-nav-m1 inp ml-auto">
<li class="nav-item"><a class="nav-link top-right-btn" href="#donate">DONATE US</a> </li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<br><br><br><br>
<section class="welcome-sec-1 py-5" id="sec2">
<div class="container">
<div class="row">
<div class="col-md-6 my-auto">
<div class="welcome-img-box">
<img src="img/pr2.jpg" class="img-fluid" alt="">
</div>
</div>
<div class="col-md-6 my-auto">
<div class="welcome-cont-box">
<h3 class="welcome-cont-hs1">Project<h3>
<h2 class="welcome-cont-hs2">Destitute Care</h2>
<p>
SPONSORING MEAL FOR THENEEDY & LESS PRIVILEGED& Family care , Under this program, with our limited resources, we provide nutritious Mid - Day Meals, to 50 poor people from slums in Nepal.
The project was started with the idea that one day food would be available to the poor abandoned by stranded relationships on the streets.. Feed Nepal Word about this food bank has spread and people come to celebrate special occasions like birthdays and wedding anniversaries by sponsoring festive meals or donating warm blankets or clothes. We welcome you to share special moments with these Poor and Destitute people.. You will be amazed by their courage and make new friends.Distribution of ration kit to slum dwellers and daily wage workers in and around Lalith pure. Please donate today.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="causes-area bg-white py-3" id="services">
<div class="container-fluid">
<div class="section-title text-center aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="bg-title pb-3">
<h1 class="causes-hd theme-1"></h1>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-6">
<p> </p>
<h3>Educational Activities</h3>
<ul>
<li> A Contribution of only Rs.5000 will provide nutritious and hot meal to 100 Destitute and poor people</li>
<li> You may choose to sponsor meals for one month, or any amount you desire.</li>
<li> You can sponsor clothes, blankets, , sweaters for distribution Rs. 1000 per one person</li>
<li> You can contribute food material like rice, dal, vegetables etc…</li>
<li>Sponsor meals to poor elderly people on behalf of someone, birthday gift, on the occasion of wedding anniversary, ceremony of some one.</li>
</ul>
<p><b>Donation of Rs 5000 will cover cost of one meal daily for one destitute people for one month. </b>
</p>
</div>
</div>
</div>
</section>
<section class="photo-gallery py-3" id="gallery">
<div class="container-fluid ">
<div class="row photos pb-0">
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (1).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (1).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (2).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (2).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (3).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (3).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (4).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (4).jpg"></a></div>
</div>
<div class="py-3" data-aos="fade-up" data-aos-delay="100">
<div class="bg-title pb-3">
<a href="gallery.html" class="btn btn-dark">View All Photos</a>
</div>
</div>
</div>
</section>
<section class="cta-section py-5" style="background-image: url(img/donbg.jpg);" id="donate">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 sm-padding">
<div class="cta-content">
<div class="section-heading text-left">
<h2>Make a Donation</h2>
<p><b>Gpay : 0091 - 9788000048<br>
Name : Feed Nepal<br>
Bank : Punjab National Bank<br>
Branch : Nagercoil<br>
Account No : 4387002100407145<br>
Account Type : Current<br>
IFSC : PUNB0438700</b></p>
</div><!-- /.section-heading -->
</div>
</div>
<div class="col-md-6 sm-padding mb-5">
<form action=" " method="post" id="volunteer-form" class="form-horizontal appointment-form m-0">
<div class="section-heading">
<h3>Become a Donor</h3>
</div>
<div class="form-group row">
<div class="col-sm-6">
<input type="text" id="volunteer-form-name" name="volunteer-name" class="form-control" placeholder="Your Name" required="">
</div>
<div class="col-sm-6">
<input type="email" id="volunteer-email" name="volunteer-email" class="form-control" placeholder="Your Email" required="">
</div>
</div>
<div class="form-group row">
<div class="col-sm-6">
<input type="text" id="volunteer-phone" name="volunteer-phone" class="form-control" placeholder="Phone No" required="">
</div>
<div class="col-sm-6">
<input type="text" id="volunteer-address" name="volunteer-address" class="form-control" placeholder="City" required="">
</div>
</div>
<div class="form-group row">
<div class="col-sm-6">
<input type="text" id="volunteer-phone" name="volunteer-phone" class="form-control" placeholder="Countery" required="">
</div>
<div class="col-sm-6">
<input type="text" id="volunteer-address" name="volunteer-address" class="form-control" placeholder="Citizenship" required="">
</div>
</div>
<div class="form-group row">
<div class="col-sm-12">
<input type="text" id="volunteer-phone" name="volunteer-phone" class="form-control" placeholder="PAN Number" required="">
</div>
</div>
<button id="volunteer-submit" class="btn btn-primary" type="submit">Send Message <span></span></button>
</form>
</div>
</div>
</div>
</section>
<footer class="footer-area footer-height py-5" id="contact">
<div class="footer-top ">
<div class="container">
<div class="row">
<div class=" col-md-2">
<img src="img/logo.png" class="img-fluid">
</div>
<div class=" col-md-3">
<div class="footer-widget mb-40 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<h3>Address</h3>
<div class="footer-text mb-25">
<p>Address Line 1 <br> Address line 2 <br> Address Line 3</p>
</div>
<!--div class="footer-social">
<a href="#"><i class="ti-facebook"></i></a>
<a href="#"><i class="ti-twitter-alt"></i></a>
<a href="#"><i class="ti-google"></i></a>
<a href="#"><i class="ti-instagram"></i></a>
<a href="#"><i class="ti-linkedin"></i></a>
</div-->
</div>
</div>
<div class="col-md-5 pl-0">
<div class="footer-widget link mb-40 aos-init aos-animate" data-aos="fade-up" data-aos-delay="500">
<h3>Contacr Details</h3>
<ul class="footer-link">
<li><a href="#">Phone : +98765433210</a></li>
<li><a href="#">Mail : mail@domain.com</a></li>
<li><a href="#">website : feednepalngo.org</a></li>
</ul>
</div>
</div>
<div class="col-md-2 pl-0">
<div class="footer-widget link mb-40 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<h3>Projects</h3>
<ul class="footer-link">
<li><a href="#">Medical</a></li>
<li><a href="#">Memorial</a></li>
<li><a href="#">Emergency</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-12">
<div class="copyright-text text-center">
<p>Copyright By @ Feednepal</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script>
//MENU ACTIVE CLASS & SCROLL
$(window).scroll(function(){
if ($(window).scrollTop() > $('header').outerHeight()) {
$('.nav-wrapper').addClass('fixed');
} else {
$('.nav-wrapper').removeClass('fixed');
}
});
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
var scroll;
if($(window).scrollTop()==0){
scroll = ($target.offset().top) - 160
}else{
scroll = ($target.offset().top) - 60
}
$('html, body').stop().animate({
'scrollTop': scroll
}, 500, 'swing', function () {
//window.location.hash = target;
});
});
});
$(window).on('scroll', function () {
var sections = $('section')
, nav = $('nav')
, nav_height = nav.outerHeight()
, cur_pos = $(this).scrollTop();
sections.each(function() {
var top = $(this).offset().top - nav_height,
bottom = top + $(this).outerHeight();
if (cur_pos >= top && cur_pos <= bottom) {
nav.find('.top-nav-m1 .nav-link').removeClass('active');
sections.removeClass('active');
$(this).addClass('active');
nav.find('.top-nav-m1 .nav-link[href="#'+$(this).attr('id')+'"]').addClass('active');
}
});
});
</script>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists