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>
<style>
.navbar-nav > li > a.active{ border-bottom: #d6081f solid 4px;}
</style>
<!-- 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 class="active" 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>Approach</h1>
<div class="bread-crumb">
<a href="index.html">Home</a> <i class="fa fa-angle-right"></i> Approach
</div>
</div>
</div>
</div>
<!--section 1-->
<section class="about-page__mission-quote wow fadeInDown delay-03s">
<div class="abt-mission-quote-text">
<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<br>AIPC - Uttar Pradesh</p>
</div>
</section>
<!--end section 1-->
<!--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>Breaking <span style="text-transform:lowercase">the</span> Silence</h2>
<p>The taboo, the myths, the silence has to be broken.
The talk is to be with the entire cross section of the village
cutting across gender divide. The perceived shame around periods has to be eliminated.
</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>Menstrual Hygiene Education</h2>
<p>Meri Pad Yatra will facilitate one-on-one and group
sessions, where Our Team of trained professionals will educate
girls on Menstrual Hygiene Management.
</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>Improve access <span style="text-transform:lowercase">to</span> sanitary napkins</h2>
<p>Meri Pad Yatra is partnering with the manufacturers of low cost,
reusable, bio-degradable sanitary napkins that are leak-proof,
anti-microbial, stain-proof and quick-dry. A onetime supply will
suffice for a girl’s Menstrual Hygiene needs for an entire year.
During the campaign our teams will distribute a free pack of two napkins
as a one year supply.
</p>
</div>
</div>
</div>
</div>
</section>
<!--end end section 3-->
<!--section 4-->
<section class="about-area-type2 wow fadeInDown delay-03s">
<div class="about-area-type2-img creating-sustainable-model"></div>
<div class="container">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="about-area-type2-text">
<h2>Creating <span style="text-transform:lowercase">a</span> Sustainable Model</h2>
<p>
After the first interaction, Meri Pad Yatra will
follow up with the girls in a community on usage, feedback and further counseling.
<p>
<p>In the first phase, we propose to reach out to one village in every district of UP.
The idea is to create a working model to be replicated across UP.
</p>
<p>The proposed Project is sustainable and will have a manifold
impact on the community which includes improved Menstrual Hygiene,
reduced incidence of reproductive tract infections and other related complications.
</p>
</div>
</div>
</div>
</div>
</section>
<!--end end section 4-->
<!--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