ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/html/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/html/contact.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> Contact Us </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>Contact Us</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="contacts">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="contact-detail contact-detail-add">
<h4>Contact Details</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.</p>
<ul>
<li><i class="fa fa-globe" aria-hidden="true"></i> Plot No. 32-34, Knowledge Park III,Greater Noida, Uttar Pradesh 201310</li>
<li><i class="fa fa-envelope-o" aria-hidden="true"></i> info@shardawelfarefoundation.com</li>
<li><i class="fa fa-phone" aria-hidden="true"></i> +91-120-4570000 </li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="contact-form">
<h4>Get in Touch</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard </p>
<input type="text" placeholder="Name">
<input type="text" placeholder="E mail">
<textarea placeholder="Your Enquiry"></textarea>
<a href="#" class="button1">Submit</a>
</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