ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/html/leadership.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>Leadership</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>Our Leadership Team</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>
<!--<input type="button" id="openModalBtn" value="Open Modal">
<div id="openModal1" class="modalDialog" data-modalorder=1>
<div>
<input class="getAssignment2" type="button" value="Previous">
<input class="getAssignment" type="button" value="Next">
<a href="#close" title="Close" class="close">X</a>
<h2>Modal Box 1</h2>
<p>This is a sample modal box that can be created using the powers of CSS3.</p>
<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
</div>
</div>
<div id="openModal2" class="modalDialog" data-modalorder=2>
<div>
<input class="getAssignment2" type="button" value="Previous">
<input class="getAssignment" type="button" value="Next">
<a href="#close" title="Close" class="close">X</a>
<h2>Modal Box 2</h2>
<p>This is a sample modal box that can be created using the powers of CSS3.</p>
<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
</div>
</div>
<div id="openModal3" class="modalDialog" data-modalorder=3>
<div>
<input class="getAssignment2" type="button" value="Previous">
<input class="getAssignment" type="button" value="Next">
<a href="#close" title="Close" class="close">X</a>
<h2>Modal Box 3</h2>
<p>This is a sample modal box that can be created using the powers of CSS3.</p>
<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
</div>
</div>-->
<section class="ledership-page">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="ledership-in">
<div class="imgsec" data-bs-toggle="modal" data-bs-target="#exampleModal-team1" id="openModalBtn">
<a href="#" class="plus-ico">+</a>
<div class="imgs">
<img src="images/bitmap-1.png">
</div>
</div>
<div class="consec">
<h3>Curtis Vaughn</h3>
<small>Founder</small>
<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. 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.</p>
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal-team1"id="openModalBtn">Read More…</a>
<strong>Curtis.Vaughn@shardawelfarefoundation.com</strong>
</div>
</div>
<div class="ledership-in">
<div class="imgsec" data-bs-toggle="modal" data-bs-target="#exampleModal-team2" id="openModalBtn">
<a href="#" class="plus-ico">+</a>
<div class="imgs">
<img src="images/bitmap-2.png">
</div>
</div>
<div class="consec">
<h3>Curtis Vaughn</h3>
<small>Founder</small>
<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. 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.</p>
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal-team2"id="openModalBtn">Read More…</a>
<strong>Curtis.Vaughn@shardawelfarefoundation.com</strong>
</div>
</div>
<div class="ledership-in">
<div class="imgsec" data-bs-toggle="modal" data-bs-target="#exampleModal-team3"id="openModalBtn">
<a href="#" class="plus-ico">+</a>
<div class="imgs">
<img src="images/bitmap-3.png">
</div>
</div>
<div class="consec">
<h3>Curtis Vaughn</h3>
<small>Founder</small>
<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. 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.</p>
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal-team3"id="openModalBtn">Read More…</a>
<strong>Curtis.Vaughn@shardawelfarefoundation.com</strong>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Modal -->
<div class="modal fade" class="modalDialog" id="exampleModal-team1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" data-modalorder=1>
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="popupteam">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="imgsec">
<div class="img">
<img src="images/bitmap-1.png">
</div>
<h3>Curtis Vaughn</h3>
<small>Founder</small>
<strong>Curtis.Vaughn@shardawelfarefoundation.com</strong>
</div>
<div class="contant">
<h4>About</h4>
<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. 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. 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. 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.<br><br>
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. 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.<br><br>
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. 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.<br><br>
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. 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.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" class="modalDialog" id="exampleModal-team2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" data-modalorder=2>
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="popupteam">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="imgsec">
<div class="img">
<img src="images/bitmap-2.png">
</div>
<h3>Curtis Vaughn</h3>
<small>Founder</small>
<strong>Curtis.Vaughn@shardawelfarefoundation.com</strong>
</div>
<div class="contant">
<h4>About</h4>
<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. 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. 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. 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.<br><br>
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. 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.<br><br>
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. 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.<br><br>
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. 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.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" class="modalDialog" id="exampleModal-team3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true" data-modalorder=3>
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<div class="popupteam">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="imgsec">
<div class="img">
<img src="images/bitmap-3.png">
</div>
<h3>Curtis Vaughn</h3>
<small>Founder</small>
<strong>Curtis.Vaughn@shardawelfarefoundation.com</strong>
</div>
<div class="contant">
<h4>About</h4>
<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. 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. 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. 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.<br><br>
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. 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.<br><br>
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. 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.<br><br>
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. 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.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<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>
<script>
$(document).ready(function () {
var data=[];
currentModal = 0;
$('.modalDialog').each(function(){
data.push({
id: $(this).attr('id'),
order: $(this).data('modalorder')
});
})
$('#openModalBtn').click(function(){
currentModal = 0;
window.location.href = "#" + data[currentModal].id;
$('#'+data[currentModal].id).find('.getAssignment2').prop('disabled', true);
})
//prev
$('.getAssignment2').click(function(){
if (currentModal>0) {
currentModal--;
window.location.href = "#" + data[currentModal].id;
} else {
window.location.href = '#'
}
})
//next
$('.getAssignment').click(function(){
if (currentModal<data.length - 1) {
currentModal++;
if (currentModal===data.length - 1) $('#'+data[currentModal].id).find('.getAssignment').prop('disabled', true);
window.location.href = "#" + data[currentModal].id;
} else {
window.location.href = '#'
}
})
})
</script>
</body>
</html>
Kontol Shell Bypass