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">
<!--[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>Spread the Word</h1>
<div class="bread-crumb">
<a href="index.html">Home</a> <i class="fa fa-angle-right"></i> Spread the Word
</div>
</div>
</div>
</div>
<!--section 1-->
<section id="input" class="about-area wow fadeInDown delay-03s" style="margin-top:30px">
<div class="about-img breaking-the-silence"></div>
<div class="container">
<div class="row">
<div class="col-sm-7 col-lg-offset-5 col-xs-12">
<div class="about-us-text">
<h2>Share our Story</h2>
<p>Join us to help end menstrual poverty and stigma by sharing the inspiring stories, images & videos we share. Tweet, pin or share whatever touches you and start a conversation with your friends, family and colleagues.
</p>
<p>By sharing why you sponsor a girl or woman; support our work with a monthly donation; or volunteer in one of project sites, you’ll encourage others to also give generously.</p>
</div>
</div>
</div>
</div>
</section>
<!--end section 1-->
<!--section 2-->
<section class="about-area-type2 wow fadeInDown delay-03s">
<div class="about-area-type2-img menstrual-hygiene-education"></div>
<div class="container">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="about-area-type2-text">
<h2>Be Social</h2>
<p>Invite your friends and networks to like us on Facebook.
Get updates and join the conversation about the importance of
menstrual hygiene education in rural areas and how we are trying to make a difference.
</p>
<p>Stay informed on Twitter through important updates and news of project successes.</p>
<p>See our latest stories and pictures on Instagram and create a buzz for the good !!</p>
<p>Expand your global network on LinkedIn and encourage those linked to you to do the same.</p>
<p>Become a part of several competitions we are conducting, Be liked, be famous, win prizes and Help our cause</p>
<p>Subscribe to our newsletter to get regular updates in one place.</p>
</div>
</div>
</div>
</div>
</section>
<!--end end section 2-->
<!--section 3-->
<section id="impact" class="about-area wow fadeInDown delay-03s">
<div class="about-img improve-access-to-sanitary-napkins"></div>
<div class="container">
<div class="row">
<div class="col-sm-7 col-sm-offset-5 col-xs-12">
<div class="about-us-text">
<h2>Share your thoughts</h2>
<p>Share your thoughts with others by commenting on our blogs, videos,
images and articles or use your own blog.
</p>
<p>Let people know that you support www.meripadyatra.org or to tell your story of Meri Pad Yatra...</p>
</div>
</div>
</div>
</div>
</section>
<!--end end section 3-->
<!--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/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