ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/html/mission.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 white-heder" 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-inner">
<img src="images/mission.jpg">
<div class="slider-contant">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Our mission is to create a world where every person has the opportunity to live a healthy & productive life.</h3>
<button class="button3">Get Involved with us</button>
</div>
</div>
</div>
</div>
</section>
<section class="about-contant">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="about-innercon">
<h3>Our Vision</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 of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting. 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 of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
</p>
<h3> Our Mission</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 of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting. 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 of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
</p>
<button class="button1"> View Leadership Team</button>
</div>
</div>
<div class="col-md-4">
<div class="aboutsidebar">
<h3>About</h3>
<ul>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Who we are</a></li>
<li class="active"><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Vision & Mission</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Leadership</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Our story</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> What we do</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Our Financials</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Awards & Recognition</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Partners</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Reviews</a></li>
<li><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Snapshot</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="contribute">
<img src="images/get-in-touch.png">
<div class="contribute-contant">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Want to get in touch? <br>We would love to hear from you. </h2>
<button class="button3">Contact Us</button>
</div>
</div>
</div>
</div>
</section>
<section class="key-leaders" style="background:#fff;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>Our Leadership Team</h3>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="key-leaders-in">
<a href="#">
<div class="image">
<img src="images/T1.jpg">
</div>
<div class="content">
<h4>Eliza Herrera</h4>
<strong>Founder</strong>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="key-leaders-in">
<a href="#">
<div class="image">
<img src="images/T2.jpg">
</div>
<div class="content">
<h4>Eliza Herrera</h4>
<strong>Founder</strong>
</div>
</a>
</div>
</div>
<div class="col-md-4">
<div class="key-leaders-in">
<a href="#">
<div class="image">
<img src="images/T3.jpg">
</div>
<div class="content">
<h4>Eliza Herrera</h4>
<strong>Founder</strong>
</div>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a href="#" class="button1">View All Team members</a>
</div>
</div>
</div> </section>
<section class="keyuptodate">
<div class="container">
<div class="row">
<div class="col-md-9">
<h2>Keep up to date with the latest events at SWF </h2>
</div>
<div class="col-md-3">
<button class="button2">Explore News and Events</button>
</div>
</div>
</div>
</section>
<section class="missionblog">
<div class="container">
<div class="row">
<div class="col-md-6">
<br><br><br><br><br>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</section>
<section class="testimonils">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>Testimonials</h3>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade " id="test-1" role="tabpanel" aria-labelledby="test-1">
<p>1 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. 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. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="tab-pane fade" id="test-2" role="tabpanel" aria-labelledby="test-2">
<p>2 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. 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. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="tab-pane fade show active" id="test-3" role="tabpanel" aria-labelledby="test-3">
<p>3 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. 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. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="tab-pane fade" id="test-4" role="tabpanel" aria-labelledby="test-4">
<p>4 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. 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. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="tab-pane fade" id="test-5" role="tabpanel" aria-labelledby="test-5">
<p>5 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. 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. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
<ul class="nav nav-tabs testitabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link " id="test-1" data-bs-toggle="tab" data-bs-target="#test-1" type="button" role="tab" aria-controls="test-1" aria-selected="true">
<div class="image">
<img src="images/bitmap-1.png">
</div>
Dorothy Lawrence
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="test-2" data-bs-toggle="tab" data-bs-target="#test-2" type="button" role="tab" aria-controls="test-2" aria-selected="false">
<div class="image">
<img src="images/bitmap-2.png">
</div>
Jesse Walsh
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link active" id="test-3" data-bs-toggle="tab" data-bs-target="#test-3" type="button" role="tab" aria-controls="test-3" aria-selected="false">
<div class="image">
<img src="images/bitmap-3.png">
</div>
Ray Hayes, Volunteer
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="test4" data-bs-toggle="tab" data-bs-target="#test-4" type="button" role="tab" aria-controls="test-4" aria-selected="false">
<div class="image">
<img src="images/bitmap-4.png">
</div>
Ivan Porter
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="test-5" data-bs-toggle="tab" data-bs-target="#test-5" type="button" role="tab" aria-controls="test-5" aria-selected="false">
<div class="image">
<img src="images/bitmap-5.png">
</div>
Bernard Elliott
</button>
</li>
</ul>
</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