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>
<nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top top-nav">
<a class="navbar-brand top-navbar-brand" href="index.html"><img src="img/logo.png" class="top-logo"></a>
<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>
<section class="photo-gallery" id="gallery">
<div class="container-fluid">
<div class="intro">
<h2 class="text-center">OUR GALLERY</h2>
</div>
<div class="row photos">
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl1a.png" data-lightbox="photos"><img class="img-fluid" src="img/gl1a.png"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl2a.png" data-lightbox="photos"><img class="img-fluid" src="img/gl2a.png"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl3a.png" data-lightbox="photos"><img class="img-fluid" src="img/gl3a.png"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl4a.png" data-lightbox="photos"><img class="img-fluid" src="img/gl4a.png"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl5a.png" data-lightbox="photos"><img class="img-fluid" src="img/gl5a.png"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl6a.png" data-lightbox="photos"><img class="img-fluid" src="img/gl6a.png"></a></div>
<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 class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (5).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (5).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (6).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (6).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (7).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (7).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (8).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (8).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (9).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (9).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (10).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (10).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (11).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (11).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (12).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (12).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (13).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (13).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (14).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (14).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (15).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (15).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (16).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (16).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (17).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (17).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (18).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (18).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (19).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (19).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (20).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (20).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (21).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (21).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (22).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (22).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (23).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (23).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (24).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (24).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (25).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (25).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (26).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (26).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (27).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (27).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (28).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (28).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (29).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (29).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (30).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (30).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (31).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (31).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (32).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (32).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (33).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (33).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (34).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (34).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (35).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (35).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (36).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (36).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (37).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (37).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (38).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (38).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (39).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (39).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (40).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (40).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (41).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (41).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (42).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (42).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (43).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (43).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (44).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (44).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (45).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (45).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (46).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (46).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (47).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (47).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (48).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (48).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (49).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (49).jpg"></a></div>
<div class="col-sm-6 col-md-4 col-lg-3 item"><a href="img/gl (50).jpg" data-lightbox="photos"><img class="img-fluid" src="img/gl (50).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 d-none">
<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