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/pr3.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">Women Empowerment</h2>
<p>
Women face discrimination across the world. This had led to great disparity in education, income, wealth and healthWhen a woman is empowered, she can identify her skills, knowledge & abilities to make her own decisions. Empowerment is an evolving growth process for her, which gives her self-esteem, confidence to face society, and participate in community development.<br><br>
If a society to develop socially and economically, women empowerment is essential.
</p>
</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>
<ul>
<li>We request you to support our initiative to provide sustainable livelihoods to educated unemployed Women.</li>
<li> Feed Nepal’s micro-finance program empowers women as independent financial actors giving them resources to save, invest, and protect their earnings.</li>
<li> Feed Nepal is an effort to enable, equip and empower girl children with quality education, proper nutrition, good health, adequate skills, and above all a lot of self-confidence to help them live their lives to their fullest potential.</li>
<li> This is also a step towards sensitizing the civil society at large and helping create a girl child/women friendly society to help her thrive.</li>
<li> Let us all come forward and join hands to give wings to her dreams. Empower, educate, and make her strong to stand her own ground and shine in her efforts. She Can Fly, let’s give her the sky!</li>
</ul>
</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