PK
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"/>-->
<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" rel="stylesheet">
<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>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v5.0"></script>
<!--pre nav-->
<section class="pre-nav-section">
<!-- <div class="prof-congress">
An Initiative supported by All India Professionals' Congress - Uttar Pradesh
</div> -->
<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 class="aipc-logo">
<div class="aipc"><a href="https://www.profcongress.com/" target="_blank"><img src="img/aipc-logo.png"></a></div>
</div> -->
</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 id="home_slider" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#home_slider" data-slide-to="0" class="active"></li>
<li data-target="#home_slider" data-slide-to="1"></li>
<li data-target="#home_slider" data-slide-to="2"></li>
<li data-target="#home_slider" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="home-slider-0"> </div>
<div class="small-slider"><img src="img/home-banner-00-small.jpg"></div>
</div>
<div class="item">
<div class="home-slider-1"> </div>
<div class="small-slider"><img src="img/home-banner-01-small.jpg"></div>
<div class="carousel-caption d-none d-md-block bg-violet">
Social taboos make our nation's silent contributors, suffer in silence for up to 5 days a month!
</div>
</div>
<div class="item">
<div class="home-slider-2"> </div>
<div class="small-slider"><img src="img/home-banner-02-small.jpg"></div>
<div class="carousel-caption d-none d-md-block bg-blue">
20 percent of school going girls drop out due to PERIOD POVERTY. They deserve so much more. Help them, for they can change our world.
</div>
</div>
<div class="item">
<div class="home-slider-3"> </div>
<div class="small-slider"><img src="img/home-banner-03-small.jpg"></div>
</div>
</div>
</div>
<!--main-section-start-->
<section class="main-section p-0 mt30" id="about">
<div class="row p-0 m-0">
<div class="col-lg-12 p-0 m-0 wow fadeInDown delay-05s relative">
<div class="parallelogram bg-green-sea about-content">
<div class="text-white text-capitalize">
<p>Menstruation is a normal physiological process that every healthy woman between the ages of 12 to 50 years goes through. During this process that lasts from 5-7 days a month, she requires sanitary products as well as the knowledge on best practices in maintaining her health and physical well-being.</p>
<p> </p>
<p>Talking about menstruation is a taboo in most countries. Girls and women during their periods are ostracized and marginalized, sometimes being made to sleep in various outhouses, impacting their self esteem and leading the nation to lose out on untapped potential resources.</p>
<p class="text-right"><a href="learn.html" class="text-white" style="font-size:12px">read more...</a></p>
</div>
</div>
<!-- Slider main container -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide video-bg relative" style="width:100% !important">
<!-- <a href="javascript:void(0);" data-toggle="modal" data-target="#videoModal">
<i class="fa fa-play-circle" style="font-size: 64px; color:#fff;"></i>
</a> -->
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
<!-- Add Arrows
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>-->
</div>
</div>
<div class="col-lg-4"> </div>
<div class="col-lg-8 p-0">
<h2 class="wow fadeInDown delay-03s text-left text-green-sea unique-new">
<span> </span>
A UNIQUE NEW WAY OF TACKLING PERIOD POVERTY<br/>
<span> </span>
THAT'S ABOUT DIGNITY, INDEPENDENCE, CHOICE<br/>
<span> </span>
AND THE BLOSSOMING OF ENDLESS POSSIBILITES
</h2>
</div>
</div>
</section>
<!--main-section-end-->
<!--main-section team-start-->
<section class="main-section team p-0" id="team">
<div class="container">
<div class="team-leader-block clearfix">
<div class="team-leader-box">
<div class="team-leader wow fadeInDown delay-03s">
<div class="team-leader-shadow"><a href="learn.html"></a></div>
<img src="img/ameeta-sinh.png" alt="">
</div>
<h3 class="wow fadeInDown delay-05s text-green-sea"><a href="learn.html" class="text-green-sea"><b>LEARN</b></a></h3>
<p class="wow fadeInDown delay-07s text-green-sea">Menstruation (मासिक धर्म, माहवारी), the name itself brings hushed silence wherever and whenever one utters it in India, whether in the company of women or men...</p>
<p class="wow fadeInDown delay-05s"><a href="learn.html" class="btn bg-green-sea text-white">read more</a></p>
</div>
<div class="team-leader-box">
<div class="team-leader wow fadeInDown delay-03s">
<div class="team-leader-shadow"><a href="donate.html"></a></div>
<img src="img/team-leader-pic2.jpg" alt="">
</div>
<h3 class="wow fadeInDown delay-05s text-green-sea"><a href="donate.html" class="text-green-sea"><b>DONATE</b></a></h3>
<p class="wow fadeInDown delay-07s text-green-sea">Over 30 Crore girls and women in India are suffering from Menstrual Poverty. We have made a beginning. Help us reach out to each and every one of them...</p>
<p class="wow fadeInDown delay-05s"><a href="donate.html" class="btn bg-green-sea text-white">read more</a></p>
</div>
<div class="team-leader-box">
<div class="team-leader wow fadeInDown delay-03s">
<div class="team-leader-shadow"><a href="spread-the-word.html"></a></div>
<img src="img/team-leader-pic3.jpg" alt="">
</div>
<h3 class="wow fadeInDown delay-05s text-green-sea"><b>spread the word</b></h3>
<p class="wow fadeInDown delay-07s text-green-sea">Join us to help reach our goal to end menstrual poverty and stigma by sharing the inspiring stories, images & videos we share. Tweet, pin or share what touches...</p>
<p class="wow fadeInDown delay-05s"><a href="spread-the-word.html" class="btn bg-green-sea text-white">read more</a></p>
</div>
</div>
</div>
</section>
<!--main-section team-end-->
<!--APPROACH-->
<section class="main-section alabaster">
<div class="row m-0">
<div class="wow fadeInDown delay-03s col-lg-12 col-sm-12 featured-work" style="background:#fafafa;">
<ul class="nav nav-tabs nav-tabs-centered">
<li class="active">
<a data-toggle="tab" href="#tab-approach">
<div>APPROACH & MISSION</div>
</a>
</li>
<li>
<a data-toggle="tab" href="#tab-impact">
<div>IMPACT</div>
</a>
</li>
</ul>
<div class="row bg-violet">
<div class="tab-content text-white">
<div id="tab-approach" class="tab-pane fade in active">
<div class="row">
<div class="col-lg-3">
<p>A majority of women do not use sanitary napkins in rural areas,
leading to severe health complications. Ironically parents in villages
celebrate the occasion of puberty with a big feast, but hardly bother
about the girl’s physiological changes post-puberty.
</p>
<p>#those5days X 12 is a loss of 2 months. We have started a movement to
break the silence and explain that menstruation is a normal physiological
phenomenon, said Dr Ameeta Sinh, President AIPC - Uttar Pradesh
</p>
<p class="text-right"><a href="approach.html" class="text-white">read more...</a></p>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-3"><img src="img/approach-home4.png" class="img-circle"></div>
<div class="col-lg-2">
<h4> </h4>
<p style="line-height:1.2;" class="text-capitalize"><span><b>breaking</b></span><br/> the silence<br/> Removing<br/> the fear</p>
</div>
<div class="col-lg-3"><img src="img/approach-home1.png" class="img-circle"></div>
<div class="col-lg-2" style="padding-left:0px; padding-right:0px; width:140px">
<h4> </h4>
<p style="line-height:1.2;" class="text-capitalize"><span><b>facilitating</b><br/> group</span><br/> counselling<br/> sessions</p>
</div>
</div>
<div class="row">
<div class="col-lg-3"><img src="img/approach-home3.png" class="img-circle"></div>
<div class="col-lg-2" style="padding-left:0px; padding-right:0px; width:140px">
<h4> </h4>
<p style="line-height:1.2;" class="text-capitalize"><span><b>Access to</b></span><br/> capture<br/> reusable<br/> Pads</p>
</div>
<div class="col-lg-3"><img src="img/approach-home2.png" class="img-circle"></div>
<div class="col-lg-2" style="padding-left:0px; padding-right:0px; width:140px">
<h4> </h4>
<p style="line-height:1.2;" class="text-capitalize"><b>Monitoring to</b><br/> create<br/> sustainable<br/> model</p>
</div>
<div class="col-lg-2"></div>
</div>
</div>
</div>
</div>
<div id="tab-impact" class="tab-pane fade">
<div class="row">
<div class="col-lg-3">
<a href="impact.html#input"><img src="img/input-home.jpg" class="img-responsive" style="border-radius:3px; padding:3px; background:#fff;"/></a>
<div class="col-lg-12" style="margin-top: 12px;">
<h3 class="text-white"><b>INPUTS</b></h3>
<p>80 poorest villages in the interiors of Uttar Pradesh are identified</p>
<p><a href="impact.html" class="text-white">read more...</a></p>
</div>
</div>
<div class="col-lg-3">
<a href="impact.html#effect"><img src="img/effect-home.jpg" class="img-responsive" style="border-radius:3px; padding:3px; background:#fff;"/></a>
<div class="col-lg-12" style="margin-top: 12px;">
<h3 class="text-white"><b>EFFECT</b></h3>
<p>200,000 reusable sanitary pads to be distributed in 2 sizes for girls and women</p>
<p><a href="impact.html#effect" class="text-white">read more...</a></p>
</div>
</div>
<div class="col-lg-3">
<a href="impact.html#impact"><img src="img/impact-home.jpg" class="img-responsive" style="border-radius:3px; padding:3px; background:#fff;"/></a>
<div class="col-lg-12" style="margin-top: 12px;">
<h3 class="text-white"><b>IMPACT</b></h3>
<p>A beginning made to oust “The Shame” from periods</p>
<p><a href="impact.html#impact" class="text-white">read more...</a></p>
</div>
</div>
<div class="col-lg-3">
<a href="impact.html#monitoring"><img src="img/monitoring-home.jpg" class="img-responsive" style="border-radius:3px; padding:3px; background:#fff;"/></a>
<div class="col-lg-12" style="margin-top: 12px;">
<h3 class="text-white"><b>MONITORING</b></h3>
<p>Is there more talk about menstrual hygiene amongst women ?</p>
<p><a href="impact.html#monitoring" class="text-white">read more...</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end APPROACH-->
<section class="main-section bg-white">
<!--main-section client-part-start-->
<div class="container help-us">
<h2 class="text-black">HELP US TACKLE PERIOD POVERTY</h2>
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-3"><img src="img/donate-home.png" class="img-circle"></div>
<div class="col-lg-2">
<h1>
<a href="donate.html" class="btn btn-parallelogram bg-pink text-white">
<span>DONATE</span>
</a>
</h1>
<p class="text-capitalize" style="line-height:1.2;"><span><b>To get her</b></span><br/> out of Period<br/> Poverty</p>
</div>
<div class="col-lg-3"><img src="img/volunteer-home.png" class="img-circle"></div>
<div class="col-lg-2">
<h1>
<a href="get-involved.html#volunteer" class="btn btn-parallelogram bg-orange text-white">
<span>VOLUNTEER</span>
</a>
</h1>
<p class="text-capitalize" style="line-height:1.2;"><span><b>To be a</b></span><br/> Hero of<br/> Change!</p>
</div>
</div>
<div class="row">
<!--<div class="col-lg-3"> </div>-->
<!--<div class="col-lg-2">
<h1>
</h1>
<p class="text-capitalize" style="line-height:1.2;"> </p>
</div>-->
<div class="col-lg-3 learn-home-circul"><img src="img/learn-home.png" class="img-circle"></div>
<div class="col-lg-2">
<h1>
<a href="learn.html" class="btn btn-parallelogram bg-blue text-white">
<span>LEARN</span>
</a>
</h1>
<p class="text-capitalize" style="line-height:1.2;"><b>To remove</b><br/> the stigma and<br/> shame</p>
</div>
<div class="col-lg-2"></div>
</div>
</div>
</section>
<!--social media-->
<section class="main-section bg-gray social-feed">
<div class="container">
<div class="row m-0">
<!--twitter-->
<div class="col-lg-6">
<div class="twitter-widget">
<div class="widget-icon">
<img class="img-responsive" src="img/twitter-icon.jpg" alt="Twitter icon" />
</div>
<a class="twitter-timeline" data-height="500" href="https://twitter.com/ameetasinh?ref_src=twsrc^tfw">Tweets by Ameeta Sinh</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<!--end twitter-->
<!--facebook-->
<div class="col-lg-6" style="overflow:hidden">
<div class="facebook-widget" style="background: #fff; width:100%">
<div class="widget-icon">
<img class="img-responsive" src="img/facebook-icon.jpg" alt="Facebook Icon" />
</div>
<div class="fb-page"
data-tabs="timeline"
data-href="https://www.facebook.com/DrAmeetaSinh"
data-width="480">
</div>
</div>
</div>
<!--end facebook-->
</div>
</div>
</section>
<!--end socila media-->
<section class="business-talking" id="partners">
<!--business-talking-start-->
<div class="container">
<h2>Sponsors</h2>
</div>
</section>
<!--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 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: false,
speed: 1500,
autoplay: {
enabled: false,
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>
<!-- Modal -->
<div id="videoModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" style="background:#d6081f" class="close modal-close" data-dismiss="modal">×</button>
<div> </div>
</div>
<div class="modal-body">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/videoseries?list=PLmLLPSl7iuF74CbcTwpzajR5caNfKe_kG" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#videoModal').on('hidden.bs.modal', function() {
var $this = $(this).find('iframe'),
tempSrc = $this.attr('src');
$this.attr('src', "");
$this.attr('src', tempSrc);
});
$('#videoModal').on('hidden.bs.modal', function() {
var html5Video = document.getElementById("htmlVideo");
if (html5Video != null) {
html5Video.pause();
html5Video.currentTime = 0;
}
});
});
</script>
</body>
</html>
PK 99