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 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 class="active" 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>Event</h1>
<div class="bread-crumb">
<a href="index.html">Home</a> <i class="fa fa-angle-right"></i> Event
</div>
</div>
</div>
</div>
<!--event listing-->
<div class="container mb30">
<div class="row">
<div class="col-lg-12">
<!--col-->
<div class="col-lg-4 event-col">
<img src="img/event1.jpg">
<div class="event-post-content">
<p class="date-event">16 September 218</p>
<h3>Meri PAD Yatra</h3>
<p>12-year-old Bholi’s uterus was removed because she had contracted a reproductive tract infection. Bholi hails from a small village</p>
<div class="event-more"><a href="#" class="btn btn-border">read more</a></div>
</div>
</div>
<!--end col-->
<!--col-->
<div class="col-lg-4 event-col">
<img src="img/event1.jpg">
<div class="event-post-content">
<p class="date-event">16 September 218</p>
<h3>Meri PAD Yatra</h3>
<p>12-year-old Bholi’s uterus was removed because she had contracted a reproductive tract infection. Bholi hails from a small village</p>
<div class="event-more"><a href="#" class="btn btn-border">read more</a></div>
</div>
</div>
<!--end col-->
<!--col-->
<div class="col-lg-4 event-col">
<img src="img/event1.jpg">
<div class="event-post-content">
<p class="date-event">16 September 218</p>
<h3>Meri PAD Yatra</h3>
<p>12-year-old Bholi’s uterus was removed because she had contracted a reproductive tract infection. Bholi hails from a small village</p>
<div class="event-more"><a href="#" class="btn btn-border">read more</a></div>
</div>
</div>
<!--end col-->
</div>
</div>
</div>
<!--end event listing-->
<!--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