PK
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>Meri PAD Yatra</title>
<link rel="icon" href="img/favicon.png" type="image/png">
<link rel="shortcut icon" href="img/logo.png" type="img/x-icon">
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,800italic,700italic,600italic,400italic,300italic,800,700,600' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<!-- Bootstrap core CSS
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/swiper.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- <script src="captcha/form.js"></script> -->
<style type="text/css">
.error{color: red;}
</style>
<!--[if IE]>
<style type="text/css">.pie {behavior:url(PIE.htc);}</style>
<![endif]-->
<!-- =======================================================
Theme Name: MPY
Theme URL: https://www.questend.com
======================================================= -->
<script type='text/javascript' src='js/pace.min.js'></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125567332-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-125567332-1');
</script>
</head>
<body>
<!--pre nav-->
<section class="pre-nav-section">
<div class="container relative">
<div class="pre-nav">
<ul>
<li><i class="fa fa-whatsapp" aria-hidden="true"> </i>+91-8601889630</li>
<li><a href="contact.html">Contact</a></li>
<li><a href="donate.html" class="donate">Donate</a></li>
<li class="header-social"><a class="facebook-top" href="https://www.facebook.com/aipcuttarprades/" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li class="header-social"><a class="twitter-top" href="https://twitter.com/aipcup/" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li class="header-social"><a class="instagram-top" href="https://www.instagram.com/aipcup/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li class="header-social"><a class="likedin-top" href="https://www.linkedin.com/in/dr-ameeta-sinh-079b4768" target="_blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</section>
<!--end pre nav-->
<!--main-nav-start-->
<nav id="myNavbar" class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="container relative">
<div class="navbar-header">
<a id="nav-toggle" href="#" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span></span></a>
<a class="navbar-brand" href="index.html"><img src="img/logo2.png"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="about.html">About</a></li>
<li><a href="learn.html">Learn</a></li>
<li><a href="approach.html">Approach</a></li>
<li><a href="impact.html">Impact</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
<!--<li><a href="impact.html">Event</a></li>-->
<!--<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Gallery <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="image-gallery.html">Image</a></li>
<li><a href="#">Video</a></li>
</ul>
</li>-->
<li><a href="https://www.meripadyatra.org/blog/">Blog</a></li>
</ul>
</div>
</div>
</nav>
<!--end main nav -->
<div class="page-banner-technologies page-title">
<div class="container">
<div class="text-center">
<h1>Contact</h1>
<div class="bread-crumb">
<a href="index.html">Home</a> <i class="fa fa-angle-right"></i> Contact
</div>
</div>
</div>
</div>
<div class="container">
<section class="main-section contact" id="contact">
<div class="row">
<div class="col-lg-6 col-sm-7 wow fadeInLeft">
<div class="contact-info-box address clearfix">
<h3><i class=" icon-map-marker"></i>Address:</h3>
<span>82, K.K. Birla Lane,<br/>Lodhi Estate,<br/>New Delhi - 110003, India.</span>
</div>
<div class="contact-info-box phone clearfix">
<h3><i class="fa-phone"></i>Phone:</h3>
<span>
<a href="tel:+911124652133" style="text-decoration:none; color:inherit;">011-24652133</a>,
<a href="tel:+911124652176" style="text-decoration:none; color:inherit;">011-24652176</a>
</span>
</div>
<div class="contact-info-box email clearfix">
<h3><i class="fa-pencil"></i>email:</h3>
<span><a href="mailto:help@meripadyatra.org" style="text-decoration:none; color:inherit;">help@meripadyatra.org</a></span>
</div>
<ul class="social-link">
<li class="twitter"><a href="https://twitter.com/meriPADyatra/" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li class="facebook"><a href="https://www.facebook.com/meripadyatra" target="_blank"><i class="fa fa-facebook"></i></a></li>
<!--<li class="pinterest"><a href="#"><i class="fa fa-pinterest"></i></a></li>-->
<!--<li class="gplus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li class="dribbble"><a href="#"><i class="fa fa-dribbble"></i></a></li>-->
</ul>
</div>
<div class="col-lg-6 col-sm-5 wow fadeInUp delay-05s">
<div class="form">
<div id="sendmessage" class="message_success" style="display:none; ">Your message has been sent. Thank you!</div>
<div id="errormessage"></div>
<form method="post" role="form" name="reused_form" class="contactForm reused_form" id="reused_form">
<div class="form-group">
<input type="text" name="name" class="form-control input-text" id="name" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="email" class="form-control input-text" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<input type="text" class="form-control input-text" name="contactno" id="contactno" placeholder="Contact Number" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<textarea class="form-control input-text text-area" name="message" id="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
<div class="validation"></div>
</div>
<div class="row" style="margin-bottom:30px;">
<div class="col-sm-5">
<img src="captcha/captcha.php" id="captcha_image"/>
<br/>
<a id="captcha_reload" href="javascript::void(0);">Reload</a>
</div>
<div class="col-sm-7 form-group">
<!-- <label for="email"></label> -->
<input type="text" class="form-control input-text" required id="captcha" name="captcha" placeholder="Enter the code from the image here">
<div id="error_message" class="captcha_error error" style="width:100%; height:100%; display:none; "></div>
</div>
</div>
<div class="text-right">
<button type="submit" class="input-btn btn-parallelogram bg-red">
<span>Send Message</span>
</button>
</div>
</form>
<div id="success_message" style="width:100%; height:100%; display:none; "> <h3>Sent your message successfully!</h3> </div>
<!-- <div id="error_message" style="width:100%; height:100%; display:none; "> <h3>Error</h3> Sorry there was an error sending your form. </div>
-->
</div>
</div>
</div>
</section>
</div>
<!--business-talking-end-->
<div class="c-logo-part bg-mud">
<!--c-logo-part-start-->
<div class="container sponsor">
<ul>
<li><a href="https://www.menstrupedia.com/" target="_blank"><img src="img/sponsor/menstrupedia-wht.png" alt=""></a></li>
</ul>
</div>
</div>
<!--c-logo-part-end-->
<div class="pre-footer">
<img src="img/home-footer-banner.jpg" />
</div>
<footer class="footer">
<div class="container">
<div class="footer-logo"><a href="#"><img src="img/logo.png" alt="" width="120"></a></div>
<div class="footer-social-icon">
Connect with us
<ul>
<li class="facebook-bottom"><a href="https://www.facebook.com/aipcuttarprades/" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li class="twitter-bottom"><a class="twitter-bottom" href="https://twitter.com/aipcup/" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li class="instagram-bottom"><a class="twitter-bottom" href="https://www.instagram.com/aipcup/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li class="linkedin-bottom"><a class="twitter-bottom" href="https://www.linkedin.com/in/dr-ameeta-sinh-079b4768" target="_blank"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
<span class="copyright text-red">Meri PAD Yatra, © 2018. All Rights Reserved</span>
<div class="credits">
Developed & Managed by <a href="
https://www.questend.com?utm_source=Website&utm_medium=Meri%20PAD%20Yatra&utm_campaign=Web%20Referral" target="_blank" style="color:#cccccc">Questend India Pvt. Ltd.</a>
</div>
</div>
</footer>
<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Bootstrap core JavaScript -->
<!--<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>-->
<script type="text/javascript" src="js/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/classie.js"></script>
<script src="js/jquery.bcSwipe.js"></script>
<script src="js/jquery.form-validator.min.js"></script>
<script type="text/javascript">
$("#reused_form").validate({
rules: {
name: {
required: true
},
contactno: {
required: true,
minlength: 10,
maxlength: 10,
digits: true
},
captcha: {
required: true
},
message: {
required: true
},
email: {
required: true,
email: true
}
},
messages: {
name: {
required: "Please enter name"
},
contactno: {
required: "Please enter contact number",
minlength: "Please enter minimum 10 digits number only",
maxlength: "Please enter maximum 10 digits number only",
digits: "Please enter digits only"
},
message: {
required: "Please enter message"
},
captcha: {
required: "Please enter captcha code"
},
email: {
required: "Please enter email",
email: "Please enter valid email"
}
},
submitHandler: function(form) {
//form.submit();
$form = $(this);
var name=$("#name").val();
var contactno=$("#contactno").val();
var message=$("#message").val();
var captcha=$("#captcha").val();
var email=$("#email").val();
var parms ={name:name,contactno:contactno,mymessage:message,captcha:captcha,email:email,action:'sendMail'};
$.ajax({
type: "POST",
url: 'proccess.php',
data: parms,
dataType: 'json' ,
success: function(response) {
if (response.status==false) {
$('.captcha_error').show();
$('.captcha_error').html(response.message);
setTimeout(function() { $(".captcha_error").hide(); }, 5000);
$('.message_success').hide();
}
if (response.status==true) {
$("#name").val('');
$("#contactno").val('');
$("#message").val('');
$("#captcha").val('');
$("#email").val('');
$('.message_success').show();
//$('.message_success').html(response.message);
}
//console.log(response);
//$('#answers').html(response);
}
});
}
});
$(function()
{
$('#captcha_reload').on('click',function(e)
{
e.preventDefault();
d = new Date();
var src = $("img#captcha_image").attr("src");
src = src.split(/[?#]/)[0];
$("img#captcha_image").attr("src", src+'?'+d.getTime());
});
});
</script>
<script type="text/javascript">
$('.carousel').bcSwipe({ threshold: 50 })
</script>
<script src="js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
dynamicBullets: false,
clickable: true,
},
loop: true,
speed: 1500,
autoplay: {
enabled: true,
delay: 5000,
disableOnInteraction: false,
}
});
</script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#test').scrollToFixed();
$('.res-nav_click').click(function(){
$('.main-nav').slideToggle();
return false
});
});
</script>
<script>
wow = new WOW(
{
animateClass: 'animated',
offset: 100
}
);
wow.init();
</script>
<script type="text/javascript">
$(window).load(function(){
$('.main-nav li a, .servicelink').bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top - 53
}, 1500,'easeInOutExpo');
/*
if you don't want to use the easing effects:
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1000);
*/
if ($(window).width() < 768 ) {
$('.main-nav').hide();
}
event.preventDefault();
});
})
</script>
<script type="text/javascript">
$(window).load(function(){
var $container = $('.portfolioContainer'),
$body = $('body'),
colW = 375,
columns = null;
$container.isotope({
// disable window resizing
resizable: true,
masonry: {
columnWidth: colW
}
});
$(window).smartresize(function(){
// check if columns has changed
var currentColumns = Math.floor( ( $body.width() -30 ) / colW );
if ( currentColumns !== columns ) {
// set new column count
columns = currentColumns;
// apply width to container manually, then trigger relayout
$container.width( columns * colW )
.isotope('reLayout');
}
}).smartresize(); // trigger resize to set container width
$('.portfolioFilter a').click(function(){
$('.portfolioFilter .current').removeClass('current');
$(this).addClass('current');
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
});
return false;
});
});
</script>
<script>
document.querySelector( "#nav-toggle" )
.addEventListener( "click", function() {
this.classList.toggle( "active" );
});
</script>
</body>
</html>
PK 99