| Current Path : /storage/v11800/feelfoundation-new/public_html/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
| Current File : /storage/v11800/feelfoundation-new/public_html/contact.html |
<!DOCTYPE HTML>
<html class="no-js">
<!-- Mirrored from www.feelfoundation.in/contact.php by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 12 Feb 2021 06:04:00 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<!-- Basic Page Needs
================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Feel Foundation</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!-- CSS
================================================== -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css">
<!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="css/ie.css" media="screen" /><![endif]-->
<link href="css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
<!-- Color Style -->
<link href="colors/color1.css" rel="stylesheet" type="text/css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-160973024-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-160973024-2');
</script>
</head>
<body class="home">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<div class="body">
<!-- Site Header Wrapper -->
<div class="site-header-wrapper">
<!-- Site Header -->
<header class="site-header">
<div class="container">
<div class="site-logo">
<a href="index-2.html" class="default-logo"><img src="images/logo.png" alt="Logo"></a>
<a href="index-2.html" class="default-retina-logo"><img src="images/logo%402x.png" alt="Logo" width="199" height="30"></a>
<a href="index-2.html" class="sticky-logo"><img src="images/sticky-logo.png" alt="Logo"></a>
<a href="index-2.html" class="sticky-retina-logo"><img src="images/sticky-logo%402x.png" alt="Logo" width="199" height="30"></a>
</div>
<a href="#" class="visible-sm visible-xs" id="menu-toggle"><i class="fa fa-bars"></i></a>
<!--<div class="header-info-col"><i class="fa fa-phone"></i> 1800-9090-8089</div>-->
<ul class="sf-menu dd-menu pull-right" role="menu">
<li><a href="index-2.html">Home</a>
</li>
<li><a href="covid.html" style="color: #F90707;">Covid 19</a>
</li>
<li><a href="about.html">About</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="vision-mission.html">Vision & Mission</a></li>
<li><a href="belief.html">Belief & Approach</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
<li><a href="our-work.html">Our Work</a>
</li>
<li><a href="causes.html">Causes</a>
</li>
<li><a href="article.html">Resource Centre</a>
<ul>
<li><a href="article.html">Articles </a></li>
<li><a href="perspectives.html">Perspectives</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a>
</li>
</ul>
</div>
</header>
</div>
<style>
p{
text-align: justify;
}
</style> <!-- Main Content -->
<div class="hero-area">
<div class="page-banner parallax" style="background: #2f2f2f;">
<div class="container">
<div class="page-banner-text">
<h1 class="block-title">Contact us</h1>
</div>
</div>
</div>
</div>
<br>
<!-- Main Content -->
<div id="main-container">
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-6">
<h4 class="block-title">Our Locations</h4>
<a href="mailto:ifeel@feelfoundation.in">ifeel@feelfoundation.in</a>
</div>
<!--<div class="col-md-3 col-sm-3 col-xs-6">
<address>
2500 CityWest Blvd.<br>
Suite 300 Houston,<br>
Texas - 77042<br>
USA
<br><br>
<strong>TEL:</strong> 1-800-7878-09<br>
<strong>FAX:</strong> 1-800-7878-08
</address>
</div>-->
<!--<div class="col-md-3 col-sm-3 col-xs-6">
<address>
2500 Opera house.<br>
Andheri East,<br>
Mumbai - 400120<br>
India
<br><br>
<strong>TEL:</strong> 1-800-7878-09<br>
<strong>FAX:</strong> 1-800-7878-08
</address>
</div>-->
<!--<div class="col-md-3 col-sm-3 col-xs-6">
<address>
1380 Solvan City<br>
Mechnilian,<br>
London - 77042<br>
UK
<br><br>
<strong>TEL:</strong> 1-800-7878-09<br>
<strong>FAX:</strong> 1-800-7878-08
</address>
</div>-->
</div>
</div>
<div class="spacer-75"></div>
<!--<div id="contact-map" style="width:100%;height:400px"></div>-->
<!--<div class="spacer-75"></div>-->
<div class="container">
<div class="row">
<div class="col-md-8 content-block">
<form method="post" id="contactform" name="contactform" class="contact-form clearfix" action="https://www.feelfoundation.in/mail/contact.php">
<div class="row">
<div class="col-md-5">
<div class="form-group">
<input type="text" id="fname" name="First Name" class="form-control input-lg" placeholder="First name*">
</div>
<div class="form-group">
<input type="email" id="lname" name="Last Name" class="form-control input-lg" placeholder="Last name">
</div>
<div class="form-group">
<input type="email" id="email" name="email" class="form-control input-lg" placeholder="Email*">
</div>
<div class="form-group">
<input type="text" id="phone" name="phone" class="form-control input-lg" placeholder="Phone">
</div>
</div>
<div class="col-md-7">
<div class="form-group">
<textarea cols="6" rows="8" id="comments" name="comments" class="form-control input-lg" placeholder="Message"></textarea>
</div>
<input id="submit" name="submit" type="submit" class="btn btn-primary btn-lg pull-right" value="Submit now!">
</div>
</div>
</form>
<div class="clearfix"></div>
<div id="message"></div>
</div>
<!-- Sidebar -->
<!--<div class="col-md-4 sidebar-block">
<div class="widget widget_recent_causes">
<h3 class="widgettitle">Latest Causes</h3>
<ul>
<li>
<a href="#" class="cause-thumb">
<img src="http://placehold.it/200x200&text=IMAGE+PLACEHOLDER" alt="" class="img-thumbnail">
<div class="cProgress" data-complete="88" data-color="42b8d4">
<strong></strong>
</div>
</a>
<h5><a href="single-cause.html">Help small shopkeepers of Sunyani</a></h5>
<span class="meta-data">10 days left to achieve</span>
</li>
<li>
<a href="#" class="cause-thumb">
<img src="http://placehold.it/200x200&text=IMAGE+PLACEHOLDER" alt="" class="img-thumbnail">
<div class="cProgress" data-complete="75" data-color="42b8d4">
<strong></strong>
</div>
</a>
<h5><a href="single-cause.html">Save tigers from poachers</a></h5>
<span class="meta-data">32 days left to achieve</span>
</li>
<li>
<a href="#" class="cause-thumb">
<img src="http://placehold.it/200x200&text=IMAGE+PLACEHOLDER" alt="" class="img-thumbnail">
<div class="cProgress" data-complete="88" data-color="42b8d4">
<strong></strong>
</div>
</a>
<h5><a href="single-cause.html">Help rebuild Nepal</a></h5>
<span class="meta-data">10 days left to achieve</span>
</li>
</ul>
</div>
</div>-->
</div>
</div>
</div>
</div>
<!-- Site Footer -->
<div class="site-footer parallax parallax3" style="background: #2f2f2f;">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="widget footer_widget">
<h4 class="widgettitle">About Feel Foundation</h4>
<p><img src="images/logo.png" alt=""></p>
<p>Feel Foundation is an organization created to improve the quality of life of vulnerable and excluded children in India. As one of the dedicated NGO in the country, Feel Foundation works for the betterment of the underprivileged children in terms of health and education.</p>
<ul class="social-icons-rounded social-icons-colored">
<li class="facebook"><a href="https://www.facebook.com/feelfoundation.in/" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
<li class="twitter"><a href="https://twitter.com/feel_foundation" target="_blank"><i class="fa fa-twitter"></i></a></li>
<!--<li class="googleplus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="youtube"><a href="#"><i class="fa fa-youtube-play"></i></a></li>
<li class="vimeo"><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li class="instagram"><a href="#"><i class="fa fa-instagram"></i></a></li>-->
</ul>
</div>
</div>
<div class="col-md-3 col-sm-3">
<div class="widget footer_widget widget_links">
<h4 class="widgettitle">Overview</h4>
<ul>
<li><a href="about.html">About Us</a></li>
<!--<li><a href="#">Our mission</a></li>-->
<li><a href="causes.html">Our Causes</a></li>
<li><a href="vision-mission.html">Vision And Mission</a></li>
<li><a href="campaign-partners.html">Our Campaign Partners</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-2">
<div class="widget footer_widget widget_links">
<h4 class="widgettitle">Projects</h4>
<ul>
<li><a href="say-no-to-drug.html">Say No To Drug</a></li>
<li><a href="food-distribution.html">Food Distribution</a></li>
<li><a href="flood-relief.html">Flood Relief</a></li>
<li><a href="safe-drive.html">Safe Drive Save Life</a></li>
<li><a href="pollution-control.html">Pollution Control</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-2">
<div class="widget footer_widget widget_links">
<h4 class="widgettitle" style="display: none">Projects</h4>
<br><br>
<ul>
<li><a href="save-earth.html">Save Earth</a></li>
<li><a href="save-water.html">Save Water Save River</a></li>
<li><a href="blood-donate.html">Blood Donation</a></li>
<li><a href="old-age-home-support.html">Old Age Home Support</a></li>
<li><a href="women-empowerment.html">Women Empowerment</a></li>
</ul>
</div>
</div>
<!--<div class="col-md-4 col-sm-4">
<div class="widget footer_widget">
<h4 class="widgettitle">We are on Twitter</h4>
<div class="twitter-widget" data-tweets-count="2"></div>
</div>
</div>-->
</div>
</div>
</div>
<!-- Site Footer -->
<div class="site-footer-bottom">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="copyrights-col-left">
<p>© 2014 Feel Foundation. All Rights Reserved</p>
</div>
</div>
<div class="col-md-6 col-sm-6"></div>
<div class="copyrights-col-right">
<ul class="footer-menu">
<!--<li><a href="#">Privacy policy</a></li>
<!--<li><a href="payment-terms.html">Payment terms</a></li>
<li><a href="refund-policy.html">Refund policy</a></li>-->
</ul>
</div>
</div>
</div>
</div>
<a id="back-to-top"><i class="fa fa-angle-double-up"></i></a>
</div>
<!-- Donate Form Modal -->
<div class="modal fade" id="DonateModal" tabindex="-1" role="dialog" data-backdrop="static">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="row">
<div class="col-md-6 col-sm-6 donate-amount-option">
<h4>Choose an amount</h4>
<ul class="predefined-amount">
<li><label><input type="radio" name="donation-amount">Rs.10</label></li>
<li><label><input type="radio" name="donation-amount">Rs.20</label></li>
<li><label><input type="radio" name="donation-amount">Rs.30</label></li>
<li><label><input type="radio" name="donation-amount">Rs.50</label></li>
<li><label><input type="radio" name="donation-amount">Rs.100</label></li>
</ul>
</div>
<span class="donation-choice-breaker">Or</span>
<div class="col-md-6 col-sm-6 donate-amount-option">
<h4>Enter your own</h4>
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">Rs.</span>
<input type="number" class="form-control">
</div>
</div>
</div>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6 col-sm-6 donation-form-infocol">
<h4>Address</h4>
<input type="text" class="form-control" placeholder="Address line 1">
<input type="text" class="form-control" placeholder="Address line 2">
<div class="row">
<div class="col-md-8 col-sm-8 col-xs-8">
<input type="text" class="form-control" placeholder="State/City">
</div>
<div class="col-md-4 col-sm-4 col-xs-4">
<input type="text" class="form-control" placeholder="Zipcode">
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3">
<label>Country</label>
</div>
<div class="col-md-9 col-sm-9 col-xs-9">
<select class="selectpicker">
<option>United States</option>
<option>Australia</option>
<option>Netherlands</option>
</select>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6 donation-form-infocol">
<h4>Personal info</h4>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<input type="text" class="form-control" placeholder="First name">
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<input type="text" class="form-control" placeholder="Last name">
</div>
</div>
<input type="text" class="form-control" placeholder="Email address">
<input type="text" class="form-control" placeholder="Phone no.">
<label class="checkbox"><input type="checkbox"> Register me on this website</label>
</div>
</div>
</div>
<div class="modal-footer text-align-center">
<button type="button" class="btn btn-primary">Make your donation now</button>
<div class="spacer-20"></div>
<p class="small">Vestibulum quam nisi, pretium a nibh sit amet, consectetur hendrerit mi. Aenean imperdiet lacus sit amet elit porta, et malesuada erat bibendum. Cras sed nunc massa. Quisque tempor dolor sit amet tellus malesuada, malesuada iaculis eros dignissim. Aenean vitae diam id lacus fringilla maximus. Mauris auctor efficitur nisl, non blandit urna fermentum nec. Vestibulum quam nisi, pretium a nibh sit amet, consectetur hendrerit mi.</p>
</div>
</div>
</div>
</div>
<script src="js/jquery-2.1.3.min.js"></script> <!-- Jquery Library Call -->
<script src="vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- PrettyPhoto Plugin -->
<script src="js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="js/bootstrap.js"></script> <!-- UI -->
<script src="js/init.js"></script> <!-- All Scripts -->
<script src="vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<script src="js/circle-progress.js"></script> <!-- Circle Progress Bars -->
</body>
<!-- Mirrored from www.feelfoundation.in/contact.php by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 12 Feb 2021 06:04:00 GMT -->
</html><script type="text/javascript">
var geocoder = new google.maps.Geocoder();
var address = "2500 CityWest Blvd. - Suite 300 Houston, Texas - 77042 USA"; //Add your address here, all on one line.
var latitude;
var longitude;
var color = "#42b8d4"; //Set your tint color. Needs to be a hex value.
function getGeocode() {
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
latitude = results[0].geometry.location.lat();
longitude = results[0].geometry.location.lng();
initGoogleMap();
}
});
}
function initGoogleMap() {
var styles = [
{
stylers: [
{ saturation: -100 }
]
}
];
var options = {
mapTypeControlOptions: {
mapTypeIds: ['Styled']
},
center: new google.maps.LatLng(latitude, longitude),
zoom: 13,
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
zoomControl: true,
disableDefaultUI: true,
mapTypeId: 'Styled'
};
var div = document.getElementById('contact-map');
var map = new google.maps.Map(div, options);
marker = new google.maps.Marker({
map:map,
draggable:false,
animation: google.maps.Animation.DROP,
position: new google.maps.LatLng(latitude,longitude)
});
var styledMapType = new google.maps.StyledMapType(styles, { name: 'Styled' });
map.mapTypes.set('Styled', styledMapType);
var infowindow = new google.maps.InfoWindow({
content: "<div class='iwContent'>"+address+"</div>"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
bounds = new google.maps.LatLngBounds(
new google.maps.LatLng(-84.999999, -179.999999),
new google.maps.LatLng(84.999999, 179.999999));
rect = new google.maps.Rectangle({
bounds: bounds,
fillColor: color,
fillOpacity: 0.2,
strokeWeight: 0,
map: map
});
}
google.maps.event.addDomListener(window, 'load', getGeocode);
</script>
</body>
</html>