Preview: index.html
Size: 45.66 KB
/home/serveshikshafoundation/htdocs/serveshikshafoundation.org.in/one-page/style-2/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">
<!-- 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 home-style-two" 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" class="header-style-two">
<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>
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<div id="navbar" class="navbar-collapse collapse navbar-right">
<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="#process">Process</a></li>
<li><a href="#featured">Featured</a></li>
<li><a href="#recent">Recent</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="social-links-mini-cart">
<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-style-two hero-slider-wrapper">
<div class="hero-slider">
<div class="slide">
<img src="images/slider/slide-2.jpg" alt>
<div class="container">
<div class="col col-md-7 col-sm-8 slider-title">
<h1>A little amount of water Can save a life</h1>
<span>Don’t waste it otherwise</span>
<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">Explore</a>
</div>
</div>
</div>
<div class="slide">
<img src="images/slider/slide-3.jpg" alt>
<div class="container">
<div class="col col-md-7 col-sm-8 slider-title">
<h1>A little amount of water Can save a life</h1>
<span>Don’t waste it otherwise</span>
<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">Explore</a>
</div>
</div>
</div>
<div class="slide">
<img src="images/slider/slide-1.jpg" alt>
<div class="container">
<div class="col col-md-7 col-sm-8 slider-title">
<h1>A little amount of water Can save a life</h1>
<span>Don’t waste it otherwise</span>
<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">Explore</a>
</div>
</div>
</div>
</div>
</section>
<!-- end of hero slider -->
<!-- start urgent-donation -->
<section class="urgent-donation-s2" id="process">
<div class="container-fluid">
<div class="row">
<div class="col col-md-7 donation-details-wrapper">
<div class="donation-details">
<h2>Wokanda avenger facility</h2>
<span>$455 needed in 19 hours</span>
<p>Iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn theme-btn-s2">Donate now</a>
<a href="#" class="btn theme-btn-s2">Details</a>
</div>
</div>
<div class="col col-md-5 donation-meter-wrapper">
<!-- <input type="text" value="75" class="dial"> -->
<div class="donation-meter-details">
<div class="raised">
<span>Raised</span>
<h3>11500</h3>
</div>
<div class="meter2" data-value="0.95">
<span></span>
<p>Complete</p>
</div>
<div class="goal">
<span>Goal</span>
<h3>12500</h3>
</div>
</div>
<div class="donation-form">
<form class="form">
<div>
<input type="text" class="form-control" placeholder=" - ENTER AMOUNT - ">
</div>
<div>
<button type="submit" class="btn theme-btn-s2">Donate now</button>
</div>
</form>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container fluid -->
</section>
<!-- end urgent-donation -->
<!-- start cta-4 -->
<section class="cta-4 section-padding">
<h2 class="hidden">CTA 4</h2>
<div class="container">
<div class="row">
<div class="col col-sm-4">
<div class="wow fadeInLeftSlow">
<span class="icon"><i class="fi flaticon-money-1"></i></span>
<h3>Donate money</h3>
<p>Perspiciatis unde omnis iste natus error sit vo luptatem</p>
<a href="#" class="read-more">Read more</a>
</div>
</div>
<div class="col col-sm-4">
<div class="wow fadeInLeftSlow" data-wow-delay="0.5s">
<span class="icon"><i class="fi flaticon-heart"></i></span>
<h3>Become volunteer</h3>
<p>Perspiciatis unde omnis iste natus error sit vo luptatem</p>
<a href="#" class="read-more">Read more</a>
</div>
</div>
<div class="col col-sm-4">
<div class="wow fadeInLeftSlow" data-wow-delay="1s">
<span class="icon"><i class="fi flaticon-business-1"></i></span>
<h3>Sponsorship</h3>
<p>Perspiciatis unde omnis iste natus error sit vo luptatem</p>
<a href="#" class="read-more">Read more</a>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end cta-4 -->
<!-- start popular-campaign -->
<section class="popular-campaign section-padding" id="featured">
<div class="container">
<div class="row section-title-s2">
<div class="col col-xs-12">
<h2><span>Featured</span> causes</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="#" class="btn theme-btn-s2">View all campaigns <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end popular-campaign -->
<!-- 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">
<div class="container">
<div class="row section-title-s2">
<div class="col col-xs-12">
<h2><span>recent</span> 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"></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 veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<a href="#" class="btn theme-btn">Sing up</a>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end cta-2 -->
<!-- start events-nearby -->
<section class="events-nearby section-padding" id="events">
<div class="container">
<div class="row section-title-s2">
<div class="col col-md-8 col-md-offset-2">
<h2><span>Events</span> nearby</h2>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
</div> <!-- end section-title -->
<div class="row">
<div class="col col-xs-12">
<div class="events-nearby-slider event-grid-wrapper">
<div class="event-grid">
<div class="event-box">
<div class="img-holder">
<img src="images/event/img-1.jpg" alt="" class="img img-responsive">
</div>
<div class="event-details">
<span class="date">27,oct</span>
<h3><a href="#">Water pump setting</a></h3>
<span class="location"><i class="fa fa-map-marker"></i> Ambriz, africa</span>
<a href="#" class="btn">Join event</a>
</div>
</div>
</div>
<div class="event-grid">
<div class="event-box">
<div class="img-holder">
<img src="images/event/img-2.jpg" alt="" class="img img-responsive">
</div>
<div class="event-details">
<span class="date">27,oct</span>
<h3><a href="#">Water pump setting</a></h3>
<span class="location"><i class="fa fa-map-marker"></i> Ambriz, africa</span>
<a href="#" class="btn">Join event</a>
</div>
</div>
</div>
<div class="event-grid">
<div class="event-box">
<div class="img-holder">
<img src="images/event/img-3.jpg" alt="" class="img img-responsive">
</div>
<div class="event-details">
<span class="date">27,oct</span>
<h3><a href="#">Water pump setting</a></h3>
<span class="location"><i class="fa fa-map-marker"></i> Ambriz, africa</span>
<a href="#" class="btn">Join event</a>
</div>
</div>
</div>
<div class="event-grid">
<div class="event-box">
<div class="img-holder">
<img src="images/event/img-4.jpg" alt="" class="img img-responsive">
</div>
<div class="event-details">
<span class="date">27,oct</span>
<h3><a href="#">Water pump setting</a></h3>
<span class="location"><i class="fa fa-map-marker"></i> Ambriz, africa</span>
<a href="#" class="btn">Join event</a>
</div>
</div>
</div>
</div> <!-- end events-nearby-slider -->
</div> <!-- end col -->
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end events-nearby -->
<!-- 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