ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/
Upload File : |
| Current File : //var/www/html/shardawelfarefoundation.org/html/about.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/about.jpg">
<div class="slider-contant">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Who we are</h2>
<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>Welcome to<br> Sharda Welfare Foundation</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.</p>
<strong>Kindness can transform someone’s dark moment with a blaze of light. You’ll never know how much your caring matters. Make a difference for another today.</strong>
<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. 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"> Explore our story</button>
</div>
</div>
<div class="col-md-4">
<div class="aboutsidebar">
<h3>About</h3>
<ul>
<li class="active"><a href="#"><i class="fa fa-arrow-right" aria-hidden="true"></i> Who we are</a></li>
<li><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/contribute.png">
<div class="contribute-contant">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>Join us and be part of our initiative<br> to be the change.</h2>
<button class="button3">Get Involved with us</button>
</div>
</div>
</div>
</div>
</section>
<section class="whychoose">
<div class="container">
<div class="slides">
<div class="chairman-slider">
<div class="row">
<div class="col-md-6">
<div class="image">
<img src="images/vision.jpg" alt="Sharda Chairman">
</div>
</div>
<div class="col-md-6">
<div class="content">
<h4>Our Vision</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, when an unknown printer took a galley. Lorem Ipsum is simply dummy text. </p>
<a href="#" class="button2"> Read More.. </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="founder-msg">
<img src="images/chancellor.jpg">
<div class="founder-msg-contant">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>A dream that lives on</h2>
<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. 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>
<button class="button3">Continue Reading</button>
</div>
</div>
</div>
</div>
</section>
<section class="key-leaders">
<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="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