ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/html/index.html |
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Sharda Welfare Foundation</title>
<!-- [favicon Start] -->
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon.png">
<!-- [favicon End] -->
<!-- All CSS inclueded in one -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-reboot.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-grid.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-utilities.css" rel="stylesheet" type="text/css">
<link href="css/swf.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Qwigley&display=swap&subset=latin-ext" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap" rel="stylesheet">
<script src="https://use.fontawesome.com/267f3d102f.js"></script>
</head>
<body>
<section class="header" id="header-home">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="logo">
<img src="images/logo-w.png" class="logo-w">
<img src="images/logo.png" class="logo-m">
</div>
<div class="menu-sidebar" id="sidebar-open">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</section>
<div class="sidebar-menu">
<i id="sidebar-close" class="fa fa-times" aria-hidden="true"></i>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="leadership.html">Our Leadership</a></li>
<li><a href="stories.html">Our Stories</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<section class="slider">
<img src="images/slider.jpg">
</section>
<section class="sec-2">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="sec-2-contant">
<div class="ima">
<img src="images/home_a.jpg">
</div>
<p>Discover what we do in Sharda welfare foundation</p>
</div>
</div>
<div class="col-md-4">
<div class="sec-2-contant">
<div class="ima">
<img src="images/home_b.jpg">
</div>
<p>Know who we are, our vision and values</p>
</div>
</div>
<div class="col-md-4">
<div class="sec-2-contant">
<div class="ima">
<img src="images/home_c.jpg">
</div>
<p>Get Involved with us, Join our team</p>
</div>
</div>
</div>
</div>
</section>
<div class="core-banner">
<img src="images/b1.jpg">
</div>
<section class="core-phil">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="core-phil-contant">
<h4>Our Core Philosophy</h4>
</div>
</div>
<div class="col-md-8">
<div class="core-phil-contant">
<h3> We believe that success should be measured by the lives that have been changed.</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.</p>
<button class="button1">Get Involved with us</button>
</div>
</div>
</div>
</div>
</section>
<section class="letestup">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Latest Updates</h2>
</div>
<div class="col-md-12">
<div class="lets-inner">
<div class="ima1">
<img src="images/la.jpg">
</div>
<div class="contant">
<p>Impact of the Provision of Safe Drinking Water on School Absence Rates in India </p>
<a href="#" class="read-more"><span><img src="images/arrrow.png"></span> Read More</a>
</div>
<div class="clearfix"></div>
</div>
<div class="lets-inner">
<div class="ima1">
<img src="images/la.jpg">
</div>
<div class="contant">
<p>What is the rural education scenario in India and how can we change it?</p>
<a href="#" class="read-more"><span><img src="images/arrrow.png"></span> Read More</a>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-12">
<button class="button1">Browse all updates</button>
</div>
</div>
</div>
</section>
<div class="core-banner">
<img src="images/snapshot.jpg">
<div class="foundationspap">
<div class="container">
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
<h3>Foundation Snapshot</h3>
<ul>
<li>
<strong>2163</strong>
<p>Number of grans</p>
</li>
<li>
<strong>24</strong>
<p>Program Strategies</p>
</li>
<li>
<strong>1654</strong>
<p>Number of grans</p>
</li>
<li>
<strong>385</strong>
<p>Program Strategies</p>
</li>
<li>
<strong>312</strong>
<p>Number of grans</p>
</li>
<li>
<strong>1200</strong>
<p>Employess</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<section class="ourvolen">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Our Volunteer’s</h2>
</div>
<div class="col-md-12">
<div class="vol-list">
<ul>
<li>
<a href="#">
<img src="images/bitmap-1.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-2.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-3.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-4.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-5.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-6.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-1.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-2.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-3.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-4.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-5.png">
<strong>Ellen Nelson</strong>
</a>
</li>
<li>
<a href="#">
<img src="images/bitmap-6.png">
<strong>Ellen Nelson</strong>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-12">
<button class="button1">VIEW ALL VOLUNTEERS </button>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-link footer-link1">
<h5>Contact Us</h5>
<p>Email:info@shardawelfarefoundation.org</p>
<p>Tel:+9777-777-777</p>
<div class="footer-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target=_"blank"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
<p>Copyright © 2020 Sharda Welfare Foundation.<br> All rights reserved. </p>
</div>
</div>
<div class="col-md-4">
<div class="footer-link">
<h5>SWF Foundation</h5>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Story</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="footer-link footer-link2">
<h5>Other Resources </h5>
<ul>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.bundle.js"></script>
<script src="js/bootstrap.esm.js"></script>
<!-- <script src="js/slick.min.js"></script>
<script>
$('.topmenu_slider').slick({
infinite: true,
slidesToShow: 8,
nav:false,
dots:false,
autoplay:true,
slidesToScroll: 1,
variableWidth: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: false
}},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$('.bl-slider').slick({
infinite: true,
slidesToShow: 6,
nav:false,
dots:false,
autoplay:true,
slidesToScroll: 1,
variableWidth: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: false
}},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$('.meetSlider').slick({
infinite: true,
slidesToShow: 3,
nav:false,
dots:false,
autoplay:true,
slidesToScroll: 1,
variableWidth: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: false
}},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
</script>
-->
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
// Get the header
var header = document.getElementById("header-home");
// Get the offset position of the navbar
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
<script>
$(document).ready(function () {
$("#sidebar-open").click(function(){
$(".sidebar-menu").addClass("open");
});
$("#sidebar-close").click(function(){
$(".sidebar-menu").removeClass("open");
});
});
</script>
</body>
</html>
Kontol Shell Bypass