ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/html/stories.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 header-inner " id="header-home">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="logo">
<a href="index.html"><img src="images/logo-w.png" class="logo-w">
<img src="images/logo.png" class="logo-m"></a>
</div>
<div class="breadcrumb">
<ul>
<li><a href="#">Home</a></li>
<li> <i class="fa fa-angle-right" aria-hidden="true"></i> </li>
<li><a href="#">About</a></li>
<li> <i class="fa fa-angle-right" aria-hidden="true"></i> </li>
<li>stories</li>
</ul>
</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="contacts-top">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>Stories From the Field</h3>
<p>We have a dedicated support center for all of your support needs. We usually get back to you within 12-24 hours.</p>
</div>
</div>
</div>
</section>
<section class="story-secs">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="story-inner story-top">
<div class="st-img">
<a href="#"><img src="images/blog.jpg"></a>
</div>
<div class="st-con">
<strong>Healthcare</strong>
<a href="#">Improving Healthcare in the Villages</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="story-inner">
<div class="st-img">
<img src="images/blog1.jpg">
<strong>Healthcare</strong>
</div>
<div class="st-con">
<a href="#">How to find the right NGO partner without shooting yourself in ...</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="story-inner">
<div class="st-img">
<img src="images/blog2.jpg">
<strong>Healthcare</strong>
</div>
<div class="st-con">
<a href="#">How to find the right NGO partner without shooting yourself in ...</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="story-inner">
<div class="st-img">
<img src="images/blog3.jpg">
<strong>Healthcare</strong>
</div>
<div class="st-con">
<a href="#">How to find the right NGO partner without shooting yourself in ...</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="story-inner">
<div class="st-img">
<img src="images/blog1.jpg">
<strong>Healthcare</strong>
</div>
<div class="st-con">
<a href="#">How to find the right NGO partner without shooting yourself in ...</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="story-inner">
<div class="st-img">
<img src="images/blog2.jpg">
<strong>Healthcare</strong>
</div>
<div class="st-con">
<a href="#">How to find the right NGO partner without shooting yourself in ...</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="story-inner">
<div class="st-img">
<img src="images/blog3.jpg">
<strong>Healthcare</strong>
</div>
<div class="st-con">
<a href="#">How to find the right NGO partner without shooting yourself in ...</a>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Owen Chambers</p>
<p>15 Sep, 2021</p>
</div>
</div>
</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