<?php   

/*Template Name: Attractions */ 

get_header(); 
?>


<!-- Start main-content -->
<div class="main-content">

<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="<?php echo get_template_directory_uri()?>/myassets/images/bg/bg1.jpg">
  <div class="container pt-60 pb-40">
	<!-- Section Content -->
	<div class="section-content pt-100">
	  <div class="row"> 
		<div class="col-md-12">
		  <h3 class="title text-white">Events</h3>
		  <ul class="breadcrumb white">
			<li><a href="index-mp-layout1.html">Home</a></li>
			<li class="active">Events</li>
		  </ul>
		</div>
	  </div>
	</div>
  </div>
</section>

<!-- Section: Our Mission & Upcoming Events -->
<section>
  <div class="container">
	<div class="section-content">
	  <div class="row">
		<div class="col-sm-4 col-md-4 col-lg-4">
		  <div class="schedule-box maxwidth500 bg-lighter mb-30">
			<div class="thumb">
			  <img class="img-fullwidth" alt="" src="<?php echo get_template_directory_uri()?>/myassets/images/gallery/1.jpg">
			</div>
			<div class="schedule-details clearfix p-15 pt-10">
			  <div class="text-center pull-left flip bg-theme-colored p-10 pt-5 pb-5 mr-10">
				<ul>
				  <li class="font-19 text-white font-weight-600 border-bottom ">28</li>
				  <li class="font-12 text-white text-uppercase">Feb</li>
				</ul>
			  </div>
			  <h4 class="title mt-0"><a href="#">Business Conferences 2016</a></h4>
			  <ul class="list-inline font-11 text-gray">
				<li><i class="fa fa-calendar mr-5"></i> Sundat at 9:30PM</li>
				<li><i class="fa fa-map-marker mr-5"></i> 89 Newyork City.</li>
			  </ul>
			  <div class="clearfix"></div>
			  <p class="mt-10">Lorem ipsum dolor sit amet elit. Cum veritatis sequi nulla nihil, dolor voluptatum nemo adipisci eligendi! Sed nisi perferendis, totam harum dicta.</p>
			  <div class="mt-10">
			   <a class="btn btn-dark btn-theme-colored btn-sm mt-10" href="#">Register</a>
			   <a href="#" class="btn btn-dark btn-sm mt-10">Details</a>
			  </div>
			</div>
		  </div>
		</div>
		<div class="col-sm-4 col-md-4 col-lg-4">
		  <div class="schedule-box maxwidth500 bg-lighter mb-30">
			<div class="thumb">
			  <img class="img-fullwidth" alt="" src="<?php echo get_template_directory_uri()?>/myassets/images/gallery/2.jpg">
			</div>
			<div class="schedule-details clearfix p-15 pt-10">
			  <div class="text-center pull-left flip bg-theme-colored p-10 pt-5 pb-5 mr-10">
				<ul>
				  <li class="font-19 text-white font-weight-600 border-bottom ">28</li>
				  <li class="font-12 text-white text-uppercase">Feb</li>
				</ul>
			  </div>
			  <h4 class="title mt-0"><a href="#">Business Conferences 2016</a></h4>
			  <ul class="list-inline font-11 text-gray">
				<li><i class="fa fa-calendar mr-5"></i> Sundat at 9:30PM</li>
				<li><i class="fa fa-map-marker mr-5"></i> 89 Newyork City.</li>
			  </ul>
			  <div class="clearfix"></div>
			  <p class="mt-10">Lorem ipsum dolor sit amet elit. Cum veritatis sequi nulla nihil, dolor voluptatum nemo adipisci eligendi! Sed nisi perferendis, totam harum dicta.</p>
			  <div class="mt-10">
			   <a class="btn btn-dark btn-theme-colored btn-sm mt-10" href="#">Register</a>
			   <a href="#" class="btn btn-dark btn-sm mt-10">Details</a>
			  </div>
			</div>
		  </div>
		</div>
		<div class="col-sm-4 col-md-4 col-lg-4">
		  <div class="schedule-box maxwidth500 bg-lighter mb-30">
			<div class="thumb">
			  <img class="img-fullwidth" alt="" src="<?php echo get_template_directory_uri()?>/myassets/images/gallery/3.jpg">
			</div>
			<div class="schedule-details clearfix p-15 pt-10">
			  <div class="text-center pull-left flip bg-theme-colored p-10 pt-5 pb-5 mr-10">
				<ul>
				  <li class="font-19 text-white font-weight-600 border-bottom ">28</li>
				  <li class="font-12 text-white text-uppercase">Feb</li>
				</ul>
			  </div>
			  <h4 class="title mt-0"><a href="#">Business Conferences 2016</a></h4>
			  <ul class="list-inline font-11 text-gray">
				<li><i class="fa fa-calendar mr-5"></i> Sundat at 9:30PM</li>
				<li><i class="fa fa-map-marker mr-5"></i> 89 Newyork City.</li>
			  </ul>
			  <div class="clearfix"></div>
			  <p class="mt-10">Lorem ipsum dolor sit amet elit. Cum veritatis sequi nulla nihil, dolor voluptatum nemo adipisci eligendi! Sed nisi perferendis, totam harum dicta.</p>
			  <div class="mt-10">
			   <a class="btn btn-dark btn-theme-colored btn-sm mt-10" href="#">Register</a>
			   <a href="#" class="btn btn-dark btn-sm mt-10">Details</a>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <div class="row">
		<div class="col-sm-4 col-md-4 col-lg-4">
		  <div class="schedule-box maxwidth500 bg-lighter mb-30">
			<div class="thumb">
			  <img class="img-fullwidth" alt="" src="<?php echo get_template_directory_uri()?>/myassets/images/gallery/4.jpg">
			</div>
			<div class="schedule-details clearfix p-15 pt-10">
			  <div class="text-center pull-left flip bg-theme-colored p-10 pt-5 pb-5 mr-10">
				<ul>
				  <li class="font-19 text-white font-weight-600 border-bottom ">28</li>
				  <li class="font-12 text-white text-uppercase">Feb</li>
				</ul>
			  </div>
			  <h4 class="title mt-0"><a href="#">Business Conferences 2016</a></h4>
			  <ul class="list-inline font-11 text-gray">
				<li><i class="fa fa-calendar mr-5"></i> Sundat at 9:30PM</li>
				<li><i class="fa fa-map-marker mr-5"></i> 89 Newyork City.</li>
			  </ul>
			  <div class="clearfix"></div>
			  <p class="mt-10">Lorem ipsum dolor sit amet elit. Cum veritatis sequi nulla nihil, dolor voluptatum nemo adipisci eligendi! Sed nisi perferendis, totam harum dicta.</p>
			  <div class="mt-10">
			   <a class="btn btn-dark btn-theme-colored btn-sm mt-10" href="#">Register</a>
			   <a href="#" class="btn btn-dark btn-sm mt-10">Details</a>
			  </div>
			</div>
		  </div>
		</div>
		<div class="col-sm-4 col-md-4 col-lg-4">
		  <div class="schedule-box maxwidth500 bg-lighter mb-30">
			<div class="thumb">
			  <img class="img-fullwidth" alt="" src="<?php echo get_template_directory_uri()?>/myassets/images/gallery/5.jpg">
			</div>
			<div class="schedule-details clearfix p-15 pt-10">
			  <div class="text-center pull-left flip bg-theme-colored p-10 pt-5 pb-5 mr-10">
				<ul>
				  <li class="font-19 text-white font-weight-600 border-bottom ">28</li>
				  <li class="font-12 text-white text-uppercase">Feb</li>
				</ul>
			  </div>
			  <h4 class="title mt-0"><a href="#">Business Conferences 2016</a></h4>
			  <ul class="list-inline font-11 text-gray">
				<li><i class="fa fa-calendar mr-5"></i> Sundat at 9:30PM</li>
				<li><i class="fa fa-map-marker mr-5"></i> 89 Newyork City.</li>
			  </ul>
			  <div class="clearfix"></div>
			  <p class="mt-10">Lorem ipsum dolor sit amet elit. Cum veritatis sequi nulla nihil, dolor voluptatum nemo adipisci eligendi! Sed nisi perferendis, totam harum dicta.</p>
			  <div class="mt-10">
			   <a class="btn btn-dark btn-theme-colored btn-sm mt-10" href="#">Register</a>
			   <a href="#" class="btn btn-dark btn-sm mt-10">Details</a>
			  </div>
			</div>
		  </div>
		</div>
		<div class="col-sm-4 col-md-4 col-lg-4">
		  <div class="schedule-box maxwidth500 bg-lighter mb-30">
			<div class="thumb">
			  <img class="img-fullwidth" alt="" src="<?php echo get_template_directory_uri()?>/myassets/images/gallery/6.jpg">
			</div>
			<div class="schedule-details clearfix p-15 pt-10">
			  <div class="text-center pull-left flip bg-theme-colored p-10 pt-5 pb-5 mr-10">
				<ul>
				  <li class="font-19 text-white font-weight-600 border-bottom ">28</li>
				  <li class="font-12 text-white text-uppercase">Feb</li>
				</ul>
			  </div>
			  <h4 class="title mt-0"><a href="#">Business Conferences 2016</a></h4>
			  <ul class="list-inline font-11 text-gray">
				<li><i class="fa fa-calendar mr-5"></i> Sundat at 9:30PM</li>
				<li><i class="fa fa-map-marker mr-5"></i> 89 Newyork City.</li>
			  </ul>
			  <div class="clearfix"></div>
			  <p class="mt-10">Lorem ipsum dolor sit amet elit. Cum veritatis sequi nulla nihil, dolor voluptatum nemo adipisci eligendi! Sed nisi perferendis, totam harum dicta.</p>
			  <div class="mt-10">
			   <a class="btn btn-dark btn-theme-colored btn-sm mt-10" href="#">Register</a>
			   <a href="#" class="btn btn-dark btn-sm mt-10">Details</a>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	</div>
  </div>
</section>

<!-- Divider: Call To Action  -->
<section class="bg-theme-colored">
  <div class="container pt-0 pb-0">
	<div class="row">
	  <div class="call-to-action sm-text-center p-0 pt-30 pb-20">
		<div class="col-md-9">
		  <h3 class="mt-5 text-white">Best ecocharity & Crowdfunding HTML Template Ever!</h3>
		</div>
		<div class="col-md-3 text-right flip sm-text-center"> 
		  <a href="#" class="btn btn-default btn-circled btn-lg mt-5">Purchase Now<i class="fa fa-angle-double-right font-16 ml-10"></i></a> 
		</div>
	  </div>
	</div>
  </div>
</section>

<!-- Divider: Funfact -->
<section class="divider parallax layer-overlay overlay-dark-4" data-bg-img="<?php echo get_template_directory_uri()?>/myassets/images/bg/bg2.jpg" data-parallax-ratio="0.7">
  <div class="container pt-90 pb-90">
	<div class="row">
	  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
		<div class="funfact text-center">
		  <i class="pe-7s-smile mt-5 text-white"></i>
		  <h2 data-animation-duration="2000" data-value="754" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
		  <h5 class="text-white text-uppercase font-weight-600">Happy Donators</h5>
		</div>
	  </div>
	  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
		<div class="funfact text-center">
		  <i class="pe-7s-rocket mt-5 text-white"></i>
		  <h2 data-animation-duration="2000" data-value="675" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
		  <h5 class="text-white text-uppercase font-weight-600">Success Mission</h5>
		</div>
	  </div>
	  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
		<div class="funfact text-center">
		  <i class="pe-7s-add-user mt-5 text-white"></i>
		  <h2 data-animation-duration="2000" data-value="1248" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
		  <h5 class="text-white text-uppercase font-weight-600">Volunteer Reached</h5>
		</div>
	  </div>
	  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
		<div class="funfact text-center">
		  <i class="pe-7s-global mt-5 text-white"></i>
		  <h2 data-animation-duration="2000" data-value="24" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
		  <h5 class="text-white text-uppercase font-weight-600">Globalization Work</h5>
		</div>
	  </div>
	</div>
  </div>
</section>

<!-- Section: Upcoming Events -->
<section>
  <div class="container">
	<div class="section-content">
	  <div class="row">
		<div class="col-md-7 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">
		  <h3 class="text-uppercase title line-bottom mt-0 mb-30"><i class="fa fa-thumb-tack text-gray-darkgray mr-10"></i>Featured <span class="text-theme-colored">Campaign</span></h3>
		  <div class="owl-carousel-2col">
			<div class="item">
			  <div class="campaign bg-silver-light maxwidth500 mb-30">
				<div class="thumb">
				  <img src="<?php echo get_template_directory_uri()?>/myassets/images/project/sm1.jpg" alt="" class="img-fullwidth">
				  <div class="campaign-overlay"></div>
				</div>
				<div class="campaign-details clearfix p-15 pt-10 pb-20">
				  <h5 class="text-theme-colored font-weight-500 mb-0">Subtitle place here</h5>
				  <h4 class="font-weight-700 mt-0"><a href="#">Campaign Title Here</a></h4>
				  <p>Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.</p>
				  <div class="campaign-bottom border-top clearfix mt-20">
					<div class="clearfix">
					  <ul class="list-inline font-weight-600 font-14 pull-left flip pr-0 mt-10">
						<li class="text-gray pr-0 mr-5">Need: <span class="text-theme-colored">$890</span> |</li>
						<li class="text-gray pl-0">Raised: <span class="text-theme-colored"> $460</span></li>
					  </ul>
					</div>
					<a class="btn btn-xs btn-default font-weight-600 font-11 mt-10 mr-5" href="#">View Details</a>
					<a class="btn btn-xs btn-theme-colored font-weight-600 font-11 mt-10" href="#">Donate Now</a>
				  </div>
				</div>
			  </div>
			</div>
			<div class="item">
			  <div class="campaign bg-silver-light maxwidth500 mb-30">
				<div class="thumb">
				  <img src="<?php echo get_template_directory_uri()?>/myassets/images/project/sm2.jpg" alt="" class="img-fullwidth">
				  <div class="campaign-overlay"></div>
				</div>
				<div class="campaign-details clearfix p-15 pt-10 pb-20">
				  <h5 class="text-theme-colored font-weight-500 mb-0">Subtitle place here</h5>
				  <h4 class="font-weight-700 mt-0"><a href="#">Campaign Title Here</a></h4>
				  <p>Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.</p>
				  <div class="campaign-bottom border-top clearfix mt-20">
					<div class="clearfix">
					  <ul class="list-inline font-weight-600 font-14 pull-left flip pr-0 mt-10">
						<li class="text-gray pr-0 mr-5">Need: <span class="text-theme-colored">$890</span> |</li>
						<li class="text-gray pl-0">Raised: <span class="text-theme-colored"> $460</span></li>
					  </ul>
					</div>
					<a class="btn btn-xs btn-default font-weight-600 font-11 mt-10 mr-5" href="#">View Details</a>
					<a class="btn btn-xs btn-theme-colored font-weight-600 font-11 mt-10" href="#">Donate Now</a>
				  </div>
				</div>
			  </div>
			</div>
			<div class="item">
			  <div class="campaign bg-silver-light maxwidth500 mb-30">
				<div class="thumb">
				  <img src="<?php echo get_template_directory_uri()?>/myassets/images/project/sm3.jpg" alt="" class="img-fullwidth">
				  <div class="campaign-overlay"></div>
				</div>
				<div class="campaign-details clearfix p-15 pt-10 pb-20">
				  <h5 class="text-theme-colored font-weight-500 mb-0">Subtitle place here</h5>
				  <h4 class="font-weight-700 mt-0"><a href="#">Campaign Title Here</a></h4>
				  <p>Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.</p>
				  <div class="campaign-bottom border-top clearfix mt-20">
					<div class="clearfix">
					  <ul class="list-inline font-weight-600 font-14 pull-left flip pr-0 mt-10">
						<li class="text-gray pr-0 mr-5">Need: <span class="text-theme-colored">$890</span> |</li>
						<li class="text-gray pl-0">Raised: <span class="text-theme-colored"> $460</span></li>
					  </ul>
					</div>
					<a class="btn btn-xs btn-default font-weight-600 font-11 mt-10 mr-5" href="#">View Details</a>
					<a class="btn btn-xs btn-theme-colored font-weight-600 font-11 mt-10" href="#">Donate Now</a>
				  </div>
				</div>
			  </div>
			</div>
			<div class="item">
			  <div class="campaign bg-silver-light maxwidth500 mb-30">
				<div class="thumb">
				  <img src="<?php echo get_template_directory_uri()?>/myassets/images/project/sm4.jpg" alt="" class="img-fullwidth">
				  <div class="campaign-overlay"></div>
				</div>
				<div class="campaign-details clearfix p-15 pt-10 pb-20">
				  <h5 class="text-theme-colored font-weight-500 mb-0">Subtitle place here</h5>
				  <h4 class="font-weight-700 mt-0"><a href="#">Campaign Title Here</a></h4>
				  <p>Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.</p>
				  <div class="campaign-bottom border-top clearfix mt-20">
					<div class="clearfix">
					  <ul class="list-inline font-weight-600 font-14 pull-left flip pr-0 mt-10">
						<li class="text-gray pr-0 mr-5">Need: <span class="text-theme-colored">$890</span> |</li>
						<li class="text-gray pl-0">Raised: <span class="text-theme-colored"> $460</span></li>
					  </ul>
					</div>
					<a class="btn btn-xs btn-default font-weight-600 font-11 mt-10 mr-5" href="#">View Details</a>
					<a class="btn btn-xs btn-theme-colored font-weight-600 font-11 mt-10" href="#">Donate Now</a>
				  </div>
				</div>
			  </div>
			</div>
			<div class="item">
			  <div class="campaign bg-silver-light maxwidth500 mb-30">
				<div class="thumb">
				  <img src="<?php echo get_template_directory_uri()?>/myassets/images/project/sm5.jpg" alt="" class="img-fullwidth">
				  <div class="campaign-overlay"></div>
				</div>
				<div class="campaign-details clearfix p-15 pt-10 pb-20">
				  <h5 class="text-theme-colored font-weight-500 mb-0">Subtitle place here</h5>
				  <h4 class="font-weight-700 mt-0"><a href="#">Campaign Title Here</a></h4>
				  <p>Lorem ipsum dolor sit amet, consect adipisicing elit. Praesent quos sit.</p>
				  <div class="campaign-bottom border-top clearfix mt-20">
					<div class="clearfix">
					  <ul class="list-inline font-weight-600 font-14 pull-left flip pr-0 mt-10">
						<li class="text-gray pr-0 mr-5">Need: <span class="text-theme-colored">$890</span> |</li>
						<li class="text-gray pl-0">Raised: <span class="text-theme-colored"> $460</span></li>
					  </ul>
					</div>
					<a class="btn btn-xs btn-default font-weight-600 font-11 mt-10 mr-5" href="#">View Details</a>
					<a class="btn btn-xs btn-theme-colored font-weight-600 font-11 mt-10" href="#">Donate Now</a>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		</div>
		<div class="col-md-5 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
		  <h3 class="text-uppercase title line-bottom mt-0 mb-30"><i class="fa fa-calendar text-gray-darkgray mr-10"></i>Upcoming <span class="text-theme-colored">Events</span></h3>
		  <article class="post media-post clearfix pb-0 mb-15">
			<div class="event-date-time pull-left flip bg-theme-colored text-center mt-5 p-15 pt-10">
			  <h4 class="text-white font-weight-600 font-28 mt-0 mb-0">22</h4>
			  <span class="text-white">Sep</span>
			</div>
			<div class="post-right upcoming-event-right">
			  <h4 class="mt-0 mb-5"><a href="#">Upcoming Event Title</a></h4>
			  <ul class="list-inline font-12 mb-5">
				<li class="pr-0"><i class="fa fa-clock-o mr-5"></i> At 6.30 pm |</li>
				<li class="pl-5"><i class="fa fa-map-marker mr-5"></i>New York</li>
			  </ul>
			  <p class="mb-0 font-13">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas eveniet, nemo dicta. Ullam nam <a class="text-theme-colored font-weight-600 font-13 ml-5" href="#">→</a></p>
			</div>
		  </article>
		  <article class="post media-post clearfix pb-0 mb-15">
			<div class="event-date-time pull-left flip bg-theme-colored text-center mt-5 p-15 pt-10">
			  <h4 class="text-white font-weight-600 font-28 mt-0 mb-0">24</h4>
			  <span class="text-white">Oct</span>
			</div>
			<div class="post-right upcoming-event-right">
			  <h4 class="mt-0 mb-5"><a href="#">Upcoming Event Title</a></h4>
			  <ul class="list-inline font-12 mb-5">
				<li class="pr-0"><i class="fa fa-clock-o mr-5"></i> At 6.30 pm |</li>
				<li class="pl-5"><i class="fa fa-map-marker mr-5"></i>New York</li>
			  </ul>
			  <p class="mb-0 font-13">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas eveniet, nemo dicta. Ullam nam <a class="text-theme-colored font-weight-600 font-13 ml-5" href="#">→</a></p>
			</div>
		  </article>
		  <article class="post media-post clearfix pb-0 mb-15">
			<div class="event-date-time pull-left flip bg-theme-colored text-center mt-5 p-15 pt-10">
			  <h4 class="text-white font-weight-600 font-28 mt-0 mb-0">26</h4>
			  <span class="text-white">Dec</span>
			</div>
			<div class="post-right upcoming-event-right">
			  <h4 class="mt-0 mb-5"><a href="#">Upcoming Event Title</a></h4>
			  <ul class="list-inline font-12 mb-5">
				<li class="pr-0"><i class="fa fa-clock-o mr-5"></i> At 6.30 pm |</li>
				<li class="pl-5"><i class="fa fa-map-marker mr-5"></i>New York</li>
			  </ul>
			  <p class="mb-0 font-13">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas eveniet, nemo dicta. Ullam nam <a class="text-theme-colored font-weight-600 font-13 ml-5" href="#">→</a></p>
			</div>
		  </article>
		  <article class="post media-post clearfix pb-0 mb-15">
			<div class="event-date-time pull-left flip bg-theme-colored text-center mt-5 p-15 pt-10">
			  <h4 class="text-white font-weight-600 font-28 mt-0 mb-0">26</h4>
			  <span class="text-white">Dec</span>
			</div>
			<div class="post-right upcoming-event-right">
			  <h4 class="mt-0 mb-5"><a href="#">Upcoming Event Title</a></h4>
			  <ul class="list-inline font-12 mb-5">
				<li class="pr-0"><i class="fa fa-clock-o mr-5"></i> At 6.30 pm |</li>
				<li class="pl-5"><i class="fa fa-map-marker mr-5"></i>New York</li>
			  </ul>
			  <p class="mb-0 font-13">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas eveniet, nemo dicta. Ullam nam <a class="text-theme-colored font-weight-600 font-13 ml-5" href="#">→</a></p>
			</div>
		  </article>
		</div>
	  </div>
	</div>
  </div>
</section>
</div>
<!-- end main-content -->


<?php get_footer();?>