Preview: index.html
Size: 55.12 KB
/home/serveshikshafoundation/htdocs/serveshikshafoundation.org.in/one-page/style-1/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Charity++ Responsive HTML Template">
<meta name="author" content="themexriver">
<!-- Page Title -->
<title> Charity Plus - Nonprofit, Crowdfunding & Charity HTML5 Template </title>
<!-- Favicon and Touch Icons -->
<link href="images/favicon.png" rel="shortcut icon" type="image/png">
<link href="images/apple-touch-icon.png" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
<!-- Icon fonts -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/flaticon.css" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Plugins for this template -->
<link href="css/animate.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<link href="css/owl.transitions.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="css/jquery.fancybox.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- start page-wrapper -->
<div class="page-wrapper" id="home">
<!-- start preloader -->
<div class="preloader">
<div class="middle">
<i class="fi flaticon-animal"></i>
</div>
</div>
<!-- end preloader -->
<!-- Start header -->
<header id="header">
<!-- start-topbar -->
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col col-sm-4 logo-holder">
<a class="logo" href="index.html"><img src="images/logo.png" class="img img-responsive" alt></a>
</div>
<div class="col col-sm-8">
<div class="contact-info">
<div class="box">
<div class="details">
<h5><img src="images/email-icon.png" alt> Email</h5>
<p>contact@charityplusplus.com</p>
</div>
</div>
<div class="box">
<div class="details">
<h5> <img src="images/phone-icon.png" alt> Phone</h5>
<p>+1-(192)-8222 974</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</div>
<!-- end topbar -->
<nav class="navigation navbar navbar-default" id="main-navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="open-btn">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse navbar-left">
<button class="close-navbar"><i class="fa fa-close"></i></button>
<ul class="nav navbar-nav">
<li class="current"><a href="#home">Home</a></li>
<li><a href="#featured">Featured</a></li>
<li><a href="#process">Process</a></li>
<li><a href="#recent-causes">Recent causes</a></li>
<li><a href="#volunteers">Volunteers</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!-- end of nav-collapse -->
<div class="navbar-right social-links-mini-cart">
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
<ul class="mini-cart-wrapper">
<li>
<a href="#" class="mini-cart-btn">
<i class="fi flaticon-bag-1"></i>
<span class="item-count">21</span>
</a>
<ul class="mini-cart">
<li class="item">
<div class="product-img">
<img src="images/shop/thumb/img-1.jpg" alt="">
</div>
<div class="product-details">
<h6>Name of the product</h6>
<p>$255.5</p>
<a href="#"><i class="fi flaticon-garbage"></i></a>
</div>
</li>
<li class="item">
<div class="product-img">
<img src="images/shop/thumb/img-2.jpg" alt="">
</div>
<div class="product-details">
<h6>Name of the product</h6>
<p>$155.5</p>
<a href="#"><i class="fi flaticon-garbage"></i></a>
</div>
</li>
<li class="minicart-price-total">
<div class="price-total">
<span class="label-price-total">Subtotal</span>
<div class="price-total-w">
<span>255.5</span>
</div>
</div>
<div class="checkout-btn">
<a class="btn theme-btn">Proceed to checkout</a>
</div>
</li>
</ul>
</li>
</ul> <!-- end mini-cart -->
</div>
</div><!-- end of container -->
</nav>
</header>
<!-- end of header -->
<!-- start of hero -->
<section class="hero hero-slider-wrapper">
<div class="hero-slider">
<div class="slide row">
<img src="images/slider/slide-1.jpg" alt>
<div class="col col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 slider-title">
<span>Help unfortunates</span>
<h1>Sponsor a child</h1>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere.</p>
<a href="#" class="btn theme-btn">Doante now</a>
</div>
</div>
<div class="slide row">
<img src="images/slider/slide-2.jpg" alt>
<div class="col col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 slider-title">
<span>Help unfortunates</span>
<h1>Sponsor a child</h1>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere.</p>
<a href="#" class="btn theme-btn">Doante now</a>
</div>
</div>
<div class="slide row">
<img src="images/slider/slide-3.jpg" alt>
<div class="col col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 slider-title">
<span>Help unfortunates</span>
<h1>Sponsor a child</h1>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere.</p>
<a href="#" class="btn theme-btn">Doante now</a>
</div>
</div>
</div>
</section>
<!-- end of hero slider -->
<!-- start popular-campaign -->
<section class="popular-campaign section-padding" id="featured">
<div class="shadow"></div>
<div class="container">
<div class="row section-title">
<div class="col col-xs-12">
<span>Help us to reach</span>
<h2>Causes need attentions</h2>
</div>
</div> <!-- end section-title -->
<div class="row content">
<div class="col col-sm-4">
<div class="box">
<div class="img-holder-donation">
<div class="img-holder">
<img src="images/popular-campaign/img-1.jpg" alt class="img img-responsive">
</div>
<div class="donation-box">
<div>
<p class="dollar"><span>$</span> 2,018</p>
<p> pledged</p>
</div>
<div class="meter" data-value="0.9">
<span></span>
</div>
</div>
</div>
<div class="details">
<h3><a href="#">Food for syrian children</a></h3>
<span>by Hasib Sharif</span>
<p><i class="fa fa-clock-o"></i> 2 days left</p>
</div>
</div>
</div>
<div class="col col-sm-4">
<div class="box">
<div class="img-holder-donation">
<div class="img-holder">
<img src="images/popular-campaign/img-2.jpg" alt class="img img-responsive">
</div>
<div class="donation-box">
<div>
<p class="dollar"><span>$</span> 2,018</p>
<p> pledged</p>
</div>
<div class="meter" data-value="0.5">
<span></span>
</div>
</div>
</div>
<div class="details">
<h3><a href="#">Uganda education program</a></h3>
<span>by Hasib Sharif</span>
<p><i class="fa fa-clock-o"></i> 4 days left</p>
</div>
</div>
</div>
<div class="col col-sm-4">
<div class="box">
<div class="img-holder-donation">
<div class="img-holder">
<img src="images/popular-campaign/img-3.jpg" alt class="img img-responsive">
</div>
<div class="donation-box">
<div>
<p class="dollar"><span>$</span> 2,018</p>
<p> pledged</p>
</div>
<div class="meter" data-value="0.14">
<span></span>
</div>
</div>
</div>
<div class="details">
<h3><a href="#">Capetown orphanage opening</a></h3>
<span>by Hasib Sharif</span>
<p><i class="fa fa-clock-o"></i> 5 days left</p>
</div>
</div>
</div>
<div class="view-all">
<a href="#">View all campaigns <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end popular-campaign -->
<!-- start help -->
<section class="help section-padding" id="process">
<div class="container">
<div class="row section-title">
<div class="col col-xs-12">
<span>Join our mission</span>
<h2>How can you help</h2>
</div>
</div> <!-- end section-title -->
<div class="row">
<div class="col col-md-6">
<div class="help-item wow slideInUpSlow">
<span class="icon"><i class="fi flaticon-money-1"></i></span>
<div class="details">
<h3>Donate money</h3>
<p>Perspiciatis unde omnis iste natus error sit voluptatem ac cusantium doloremque laudantium</p>
</div>
</div>
<div class="help-item wow slideInUpSlow" data-wow-delay="0.3s">
<span class="icon"><i class="fi flaticon-heart"></i></span>
<div class="details">
<h3>Become volunteer</h3>
<p>Perspiciatis unde omnis iste natus error sit voluptatem ac cusantium doloremque laudantium</p>
</div>
</div>
<div class="help-item wow slideInUpSlow" data-wow-delay="0.6s">
<span class="icon"><i class="fi flaticon-business-1"></i></span>
<div class="details">
<h3>Sponsorship</h3>
<p>Perspiciatis unde omnis iste natus error sit voluptatem ac cusantium doloremque laudantium</p>
</div>
</div>
</div>
<div class="col col-md-5 col-md-offset-1">
<div class="box">
<div class="video">
<img src="images/help-video-bg.jpg" alt class="img img-responsive">
<a href="https://www.youtube.com/embed/opj24KnzrWo?autoplay=1" class="video-btn" data-type="iframe"><i class="fa fa-play"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end help -->
<!-- start cta -->
<section class="cta">
<div class="container">
<div class="row">
<div class="col col-md-5 col-sm-5">
<img src="images/cta-t-shirt.png" alt class="img img-responsive">
</div>
<div class="col col-md-6 col-md-offset-1 col-sm-7">
<div class="cta-details wow fadeInRightSlow">
<h2>Buy and Sell campaign items.</h2>
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam volupta tem quia voluptas sit aspernatur aut odit.</p>
<a href="#" class="btn theme-btn">Explore shop</a>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end cta -->
<!-- start latest-causes -->
<section class="latest-causes section-padding" id="recent-causes">
<div class="container">
<div class="row section-title">
<div class="col col-xs-12">
<span>Donate and Help</span>
<h2>Our recent causes</h2>
</div>
</div> <!-- end section-title -->
<div class="row content">
<div class="col col-md-4 col-xs-6">
<div class="title">
<ul>
<li><h3>Kids playground</h3></li>
<li><i class="fa fa-map-marker"></i> Boston, Texas</li>
</ul>
</div>
<div class="img-progress">
<div class="img-holder">
<img src="images/latest-causes/img-1.jpg" alt class="img img-responsive">
</div>
<div class="progress">
<div class="progress-bar" data-percent="85"></div>
</div>
</div>
<div class="donate-amount">
<ul>
<li>Raised: <span>$52,872</span> / $70,000</li>
<li><i class="fa fa-clock-o"></i> 95 days</li>
</ul>
</div>
<div class="text">
<p>Iste natus error sit voluptatem accusantium dolo remque laudantium.</p>
<a href="#" class="btn theme-btn">Donate now</a>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="title">
<ul>
<li><h3>Kids playground</h3></li>
<li><i class="fa fa-map-marker"></i> Boston, Texas</li>
</ul>
</div>
<div class="img-progress">
<div class="img-holder">
<img src="images/latest-causes/img-2.jpg" alt class="img img-responsive">
</div>
<div class="progress">
<div class="progress-bar" data-percent="55"></div>
</div>
</div>
<div class="donate-amount">
<ul>
<li>Raised: <span>$52,872</span> / $70,000</li>
<li><i class="fa fa-clock-o"></i> 95 days</li>
</ul>
</div>
<div class="text">
<p>Iste natus error sit voluptatem accusantium dolo remque laudantium.</p>
<a href="#" class="btn theme-btn">Donate now</a>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="title">
<ul>
<li><h3>Kids playground</h3></li>
<li><i class="fa fa-map-marker"></i> Boston, Texas</li>
</ul>
</div>
<div class="img-progress">
<div class="img-holder">
<img src="images/latest-causes/img-3.jpg" alt class="img img-responsive">
</div>
<div class="progress">
<div class="progress-bar" data-percent="25"></div>
</div>
</div>
<div class="donate-amount">
<ul>
<li>Raised: <span>$52,872</span> / $70,000</li>
<li><i class="fa fa-clock-o"></i> 95 days</li>
</ul>
</div>
<div class="text">
<p>Iste natus error sit voluptatem accusantium dolo remque laudantium.</p>
<a href="#" class="btn theme-btn">Donate now</a>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="title">
<ul>
<li><h3>Kids playground</h3></li>
<li><i class="fa fa-map-marker"></i> Boston, Texas</li>
</ul>
</div>
<div class="img-progress">
<div class="img-holder">
<img src="images/latest-causes/img-4.jpg" alt class="img img-responsive">
</div>
<div class="progress">
<div class="progress-bar" data-percent="95"></div>
</div>
</div>
<div class="donate-amount">
<ul>
<li>Raised: <span>$52,872</span> / $70,000</li>
<li><i class="fa fa-clock-o"></i> 95 days</li>
</ul>
</div>
<div class="text">
<p>Iste natus error sit voluptatem accusantium dolo remque laudantium.</p>
<a href="#" class="btn theme-btn">Donate now</a>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="title">
<ul>
<li><h3>Kids playground</h3></li>
<li><i class="fa fa-map-marker"></i> Boston, Texas</li>
</ul>
</div>
<div class="img-progress">
<div class="img-holder">
<img src="images/latest-causes/img-5.jpg" alt class="img img-responsive">
</div>
<div class="progress">
<div class="progress-bar" data-percent="70"></div>
</div>
</div>
<div class="donate-amount">
<ul>
<li>Raised: <span>$52,872</span> / $70,000</li>
<li><i class="fa fa-clock-o"></i> 95 days</li>
</ul>
</div>
<div class="text">
<p>Iste natus error sit voluptatem accusantium dolo remque laudantium.</p>
<a href="#" class="btn theme-btn">Donate now</a>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="title">
<ul>
<li><h3>Kids playground</h3></li>
<li><i class="fa fa-map-marker"></i> Boston, Texas</li>
</ul>
</div>
<div class="img-progress">
<div class="img-holder">
<img src="images/latest-causes/img-6.jpg" alt class="img img-responsive">
</div>
<div class="progress">
<div class="progress-bar" data-percent="15"></div>
</div>
</div>
<div class="donate-amount">
<ul>
<li>Raised: <span>$52,872</span> / $70,000</li>
<li><i class="fa fa-clock-o"></i> 95 days</li>
</ul>
</div>
<div class="text">
<p>Iste natus error sit voluptatem accusantium dolo remque laudantium.</p>
<a href="#" class="btn theme-btn">Donate now</a>
</div>
</div>
</div> <!-- end content -->
</div> <!-- end container -->
</section>
<!-- end latest-causes -->
<!-- start cta-2 -->
<section class="cta-2">
<div class="container-fluid">
<div class="row">
<div class="col col-md-5 col-sm-4 join-us">
<span>Join us</span>
</div>
<div class="col col-md-7 col-sm-8 sing-up wow fadeInRightSlow">
<h3><span><img src="images/sing-up-icon.png" alt></span> Sign up for volunteer program</h3>
<span>Serve the humanity</span>
<p>Iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vitae dicta sunt explicabo.</p>
<a href="#" class="btn theme-btn">Sign up</a>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end cta-2 -->
<!-- start volunteers -->
<section class="volunteers section-padding" id="volunteers">
<div class="container">
<div class="row section-title">
<div class="col col-xs-12">
<span>Meet us</span>
<h2>Our Volunteers</h2>
</div>
</div> <!-- end section-title -->
<div class="row volunteers-grid">
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-1.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-2.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-3.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-4.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-5.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-6.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-7.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="box">
<div class="img-holder">
<img src="images/volunteers/img-8.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h4>Hasib sharif</h4>
<span>CEO, Hooli</span>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end volunteers -->
<!-- start evnets -->
<section class="events section-padding" id="events">
<div class="row section-title">
<div class="col col-xs-12">
<span>Take part</span>
<h2>Featured events</h2>
</div>
</div> <!-- end section-title -->
<div class="row">
<div class="events-slider">
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-2.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-3.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-4.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-5.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-1.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
<div class="item">
<div class="img-holder">
<img src="images/events-slider/img-2.jpg" alt class="img img-responsive">
</div>
<div class="details">
<h3><a href="#">Walk over hot coals</a></h3>
<ul>
<li><i class="fa fa-calendar"></i> 6th November</li>
<li><i class="fa fa-map-marker"></i> Glasgow, US</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- end events -->
<!-- start cta-3 -->
<section class="cta-3">
<div class="container">
<div class="row">
<div class="col col-md-7 col-md-offset-5 details-text">
<div class="wow fadeInRightSlow">
<h2>Some people really need your help</h2>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime pla ceat facere possimus.</p>
<a href="#" class="btn theme-btn">Sing up</a>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end cta-3 -->
<!-- start latest-news -->
<section class="latest-news section-padding" id="news">
<div class="container">
<div class="row section-title">
<div class="col col-xs-12">
<span>What's up</span>
<h2>Latest news</h2>
</div>
</div> <!-- end section-title -->
<div class="latest-news-slider blog-grid">
<div class="post">
<div class="entry-media">
<img src="images/latest-news/img-1.jpg" alt class="img img-responsive">
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Founder of migrant children's charity arrested. </a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">by <span>Hasib sharif</span></a></li>
</ul>
</div>
<div class="read-more">
<a href="#">Continue reading..</a>
</div>
</div>
</div>
<div class="post">
<div class="entry-media">
<img src="images/latest-news/img-2.jpg" alt class="img img-responsive">
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Founder of migrant children's charity arrested. </a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">by <span>Hasib sharif</span></a></li>
</ul>
</div>
<div class="read-more">
<a href="#">Continue reading..</a>
</div>
</div>
</div>
<div class="post">
<div class="entry-media">
<img src="images/latest-news/img-3.jpg" alt class="img img-responsive">
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Founder of migrant children's charity arrested. </a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">by <span>Hasib sharif</span></a></li>
</ul>
</div>
<div class="read-more">
<a href="#">Continue reading..</a>
</div>
</div>
</div>
<div class="post">
<div class="entry-media">
<img src="images/latest-news/img-4.jpg" alt class="img img-responsive">
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Founder of migrant children's charity arrested. </a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">by <span>Hasib sharif</span></a></li>
</ul>
</div>
<div class="read-more">
<a href="#">Continue reading..</a>
</div>
</div>
</div>
<div class="post">
<div class="entry-media">
<img src="images/latest-news/img-1.jpg" alt class="img img-responsive">
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Founder of migrant children's charity arrested. </a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">by <span>Hasib sharif</span></a></li>
</ul>
</div>
<div class="read-more">
<a href="#">Continue reading..</a>
</div>
</div>
</div>
<div class="post">
<div class="entry-media">
<img src="images/latest-news/img-2.jpg" alt class="img img-responsive">
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Founder of migrant children's charity arrested. </a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">by <span>Hasib sharif</span></a></li>
</ul>
</div>
<div class="read-more">
<a href="#">Continue reading..</a>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end latest-news -->
<!-- start newsletter -->
<section class="newsletter">
<div class="container-fluid">
<div class="row">
<div class="col col-md-5 children-holder"></div>
<div class="col col-md-7 subscribe">
<h3>Subscribe us</h3>
<p>For <span>news</span> updates and promotional <span>events</span></p>
<form action="#">
<div>
<input class="form-control" type="email" required placeholder="email address">
<button type="submit" class="btn theme-btn">Subscribe</button>
</div>
</form>
<div class="pluses">
<i class="fa fa-plus"></i>
<i class="fa fa-plus"></i>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container-fluid -->
</section>
<!-- end newsletter -->
<!-- start footer -->
<footer id="contact">
<div class="container">
<div class="row upper-footer">
<div class="col col-md-5 col-xs-6">
<div class="widget about-widget">
<div class="logo">
<img src="images/logo.png" alt class="img img-responsive">
</div>
<div class="details">
<p>Praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint.</p>
<p class="copyright">
2016 © All rights reserved by <span><a href="">charity++</a></span>
</p>
<ul class="social-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col col-md-2 col-xs-6">
<div class="widget">
<h3>Company</h3>
<ul>
<li><a href="#">Who we are</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Popular Campaigns</a></li>
<li><a href="#">Career</a></li>
</ul>
</div>
</div>
<div class="col col-md-2 col-xs-6">
<div class="widget">
<h3>Help</h3>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Regulations</a></li>
</ul>
</div>
</div>
<div class="col col-md-3 col-xs-6">
<div class="widget contact-widget">
<h3>Contact</h3>
<div>
<form action="#" class="form">
<div>
<input type="text" class="form-control" placeholder="your name" required>
</div>
<div>
<input type="email" class="form-control" placeholder="email address" required>
</div>
<div>
<textarea placeholder="write"></textarea>
</div>
<div>
<button class="btn theme-btn" type="submit">Send</button>
</div>
</form>
</div>
</div>
</div>
</div> <!-- end upper-footer -->
</div> <!-- end container -->
<div class="row lower-footer">
<div class="col col-xs-12">
<p>Made with <span><i class="fa fa-heart"></i></span> by <a href="http://themeforest.net/user/themexriver">Themexriver</a></p>
</div>
</div>
</footer>
<!-- end footer -->
</div>
<!-- end of page-wrapper -->
<!-- All JavaScript files
================================================== -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- Plugins for this template -->
<script src="js/jquery-plugin-collection.js"></script>
<!-- Custom script for this template -->
<script src="js/script.js"></script>
</body>
</html>
Directory Contents
Dirs: 5 × Files: 1