Preview: index.html
Size: 47.06 KB
/home/serveshikshafoundation/htdocs/serveshikshafoundation.org.in/one-page/style-4/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/magnific-popup.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-four" 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-four">
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col col-lg-6 col-md-5 col-sm-5">
<div class="logo">
<a href="index.html"><img src="images/logo-2.png" alt class="img img-responsive"></a>
</div>
</div>
<div class="col col-lg-6 col-md-7 col-sm-7 social-links-btns">
<div class="social">
<ul>
<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>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<div class="btns">
<a href="#" class="btn theme-btn-s2"><i class="fi flaticon-black"></i> Register</a>
<a href="#" class="btn theme-btn-s2"><i class="fi flaticon-water"></i> Donate</a>
</div>
</div>
</div>
</div>
</div> <!-- end top-bar -->
<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">
<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="#mission">Mission</a></li>
<li><a href="#important">Important</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#about">About</a></li>
<li><a href="#news">News</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#testimonials">Testimonials</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="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">
<div class="hero-inner">
<div class="container">
<div class="hero-title">
<h1>Earth is In <span>Grave danger, so are we</span></h1>
<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.</p>
<a href="#" class="btn theme-btn">Join us</a>
</div>
</div>
</div>
</section>
<!-- end of hero slider -->
<!-- start cta-4 -->
<section class="cta-5 section-padding" id="mission">
<h2 class="hidden">CTA 5</h2>
<div class="container">
<div class="row section-title-s3">
<div class="col col-md-8 col-md-offset-2">
<h2><span>Our</span> mission</h2>
<p>perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto</p>
</div>
</div> <!-- end section-title -->
<div class="row content">
<div class="col col-md-4">
<div class="wow fadeInLeftSlow">
<span class="icon"><i class="fi flaticon-donation-1"></i></span>
<h3>Donation</h3>
<p>Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
</div>
</div>
<div class="col col-md-4">
<div class="wow fadeInLeftSlow" data-wow-delay="0.5s">
<span class="icon"><i class="fi flaticon-medical"></i></span>
<h3>Rebuild</h3>
<p>Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
</div>
</div>
<div class="col col-md-4">
<div class="wow fadeInLeftSlow" data-wow-delay="1s">
<span class="icon"><i class="fi flaticon-animal"></i></span>
<h3>Peace</h3>
<p>Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end cta-4 -->
<!-- start important-causes -->
<section class="important-causes section-padding" id="important">
<div class="container">
<div class="row section-title-s3">
<div class="col col-md-10 col-md-offset-1">
<h2><span>Important</span> causes</h2>
<p>perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto</p>
</div>
</div> <!-- end section-title -->
<div class="row content important-causes-content">
<div class="col col-md-4 col-xs-6">
<div class="grid">
<div class="details">
<span class="time-count">15 days left</span>
<h3>Safe and Reliable Water Matters</h3>
</div>
<div class="causes-info">
<div class="goal-meter">
<div class="goal">
<span>Goal</span>
<h4>12500</h4>
</div>
<div class="meter3" data-value="0.62">
<span></span>
<p>Complete</p>
</div>
<div class="raised">
<span>Raised</span>
<h4>12500</h4>
</div>
</div>
<a href="#" class="btn">View causes</a>
</div>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="grid">
<div class="details">
<span class="time-count">15 days left</span>
<h3>Safe and Reliable Water Matters</h3>
</div>
<div class="causes-info">
<div class="goal-meter">
<div class="goal">
<span>Goal</span>
<h4>12500</h4>
</div>
<div class="meter3" data-value="0.45">
<span></span>
<p>Complete</p>
</div>
<div class="raised">
<span>Raised</span>
<h4>12500</h4>
</div>
</div>
<a href="#" class="btn">View causes</a>
</div>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="grid">
<div class="details">
<span class="time-count">15 days left</span>
<h3>Fund raising for orphanat boston</h3>
</div>
<div class="causes-info">
<div class="goal-meter">
<div class="goal">
<span>Goal</span>
<h4>12500</h4>
</div>
<div class="meter3" data-value="0.35">
<span></span>
<p>Complete</p>
</div>
<div class="raised">
<span>Raised</span>
<h4>12500</h4>
</div>
</div>
<a href="#" class="btn">View causes</a>
</div>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="grid">
<div class="details">
<span class="time-count">15 days left</span>
<h3>Safe and Reliable Water Matters</h3>
</div>
<div class="causes-info">
<div class="goal-meter">
<div class="goal">
<span>Goal</span>
<h4>12500</h4>
</div>
<div class="meter3" data-value="0.95">
<span></span>
<p>Complete</p>
</div>
<div class="raised">
<span>Raised</span>
<h4>12500</h4>
</div>
</div>
<a href="#" class="btn">View causes</a>
</div>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="grid">
<div class="details">
<span class="time-count">15 days left</span>
<h3>Safe and Reliable Water Matters</h3>
</div>
<div class="causes-info">
<div class="goal-meter">
<div class="goal">
<span>Goal</span>
<h4>12500</h4>
</div>
<div class="meter3" data-value="0.55">
<span></span>
<p>Complete</p>
</div>
<div class="raised">
<span>Raised</span>
<h4>12500</h4>
</div>
</div>
<a href="#" class="btn">View causes</a>
</div>
</div>
</div>
<div class="col col-md-4 col-xs-6">
<div class="grid">
<div class="details">
<span class="time-count">15 days left</span>
<h3>Fund raising for orphanat boston</h3>
</div>
<div class="causes-info">
<div class="goal-meter">
<div class="goal">
<span>Goal</span>
<h4>12500</h4>
</div>
<div class="meter3" data-value="0.48">
<span></span>
<p>Complete</p>
</div>
<div class="raised">
<span>Raised</span>
<h4>12500</h4>
</div>
</div>
<a href="#" class="btn">View causes</a>
</div>
</div>
</div>
<div class="more-causes">
<a href="#" class="btn theme-btn">More causes</a>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end important-causes -->
<!-- start next-event -->
<section class="next-event-section" id="events">
<div class="container">
<div class="row">
<div class="col col-xs-12 content wow bounceInUp">
<div class="event-info">
<h2>Winston <span>orphanage</span> opening</h2>
<ul>
<li><i class="fa fa-calendar"></i> 23 May, 2017</li>
<li><i class="fa fa-map-marker"></i> Talet’s Gym Road, Boston</li>
</ul>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using.</p>
</div>
<div class="event-countdown">
<div id="event-clock"></div>
<div class="join">
<a href="#" class="btn theme-btn-s2">Join the event</a>
</div>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end next-event -->
<!-- start about-st2 -->
<section class="about-st2 section-padding" id="about">
<h2 class="hidden">About us</h2>
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="content">
<div class="left-col">
<div class="logo">
<img src="images/logo-2.png" alt class="img img-responsive">
</div>
<span>Non-Profit Service for Humanity of the World</span>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable if you are going to use a passage.</p>
<p>Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.It is a long established fact that a reader will be distracted.</p>
</div>
<div class="right-col raised-chart">
<canvas id="chart"></canvas>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end about-st2 -->
<!-- start recent-news -->
<section class="recent-news" id="news">
<div class="container">
<div class="row section-title-s3">
<div class="col col-md-10 col-md-offset-1">
<h2><span>Recent</span> news</h2>
</div>
</div> <!-- end section-title -->
<div class="row blog-grid">
<div class="col col-sm-4 col-xs-6 wow fadeInLeftSlow">
<div class="post">
<div class="entry-media entry-date">
<img src="images/latest-news/img-7.jpg" alt class="img img-responsive">
<div>
<p>25</p>
<span>Dec</span>
</div>
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Charities to support people with disabilities</a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Hasib sharif</a></li>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">Non-profit</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-sm-4 col-xs-6 wow fadeInLeftSlow" data-wow-delay="0.3s">
<div class="post">
<div class="entry-media entry-date">
<img src="images/latest-news/img-8.jpg" alt class="img img-responsive">
<div>
<p>15</p>
<span>Dec</span>
</div>
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">FAA levies two more fines on amazon</a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Hasib sharif</a></li>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">Non-profit</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col col-sm-4 col-xs-6 wow fadeInLeftSlow" data-wow-delay="0.6s">
<div class="post">
<div class="entry-media entry-date">
<img src="images/latest-news/img-9.jpg" alt class="img img-responsive">
<div>
<p>05</p>
<span>Dec</span>
</div>
</div>
<div class="entry-body">
<div class="entry-title">
<h3><a href="#">Charities to support people with disabilities</a></h3>
</div>
<div class="entry-date-author">
<ul>
<li><a href="#">Hasib sharif</a></li>
<li><a href="#">Noverber 26</a></li>
<li><a href="#">Non-profit</a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end recent-news -->
<!-- start fun-fact -->
<section class="fun-fact section-padding">
<div class="container">
<div class="row top-part">
<div class="col col-sm-4">
<span class="icon">
<i class="fi flaticon-eco-volunteer"></i>
</span>
<h3>Become <span>volunteer</span></h3>
<p>Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exer cita tion.</p>
</div>
<div class="col col-sm-4">
<span class="icon">
<i class="fi flaticon-make-a-donation"></i>
</span>
<h3>Send <span>donation</span></h3>
<p>Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exer cita tion.</p>
</div>
<div class="col col-sm-4">
<span class="icon">
<i class="fi flaticon-people"></i>
</span>
<h3>Sponsor <span>children</span></h3>
<p>Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exer cita tion.</p>
</div>
</div>
<div class="row bottom-row">
<div class="col col-xs-3">
<h2 class="counter" data-count="19">00</h2>
<span>Countries</span>
</div>
<div class="col col-xs-3">
<h2 class="counter" data-count="41">00</h2>
<span>Causes</span>
</div>
<div class="col col-xs-3">
<h2 class="counter" data-count="85">00</h2>
<span>Volunteers</span>
</div>
<div class="col col-xs-3">
<h2 class="counter" data-count="38">00</h2>
<span>Events</span>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end fun-fact -->
<!-- start gallery-st2 -->
<section class="gallery-st2 sortable-gallery gallery section-padding" id="gallery">
<h2 class="hidden">Gallery</h2>
<div class="container">
<div class="row section-title-s3">
<div class="col col-md-8 col-md-offset-2">
<h2><span>Our</span> Gallery</h2>
<p>perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto</p>
</div>
</div> <!-- end section-title -->
<div class="row">
<div class="col col-lg-12">
<div class="gallery-filters">
<ul>
<li><a data-filter="*" href="#" class="current">All Projects</a></li>
<li><a data-filter=".education" href="#">Education</a></li>
<li><a data-filter=".food" href="#">Food</a></li>
<li><a data-filter=".water" href="#">Water</a></li>
<li><a data-filter=".africa" href="#">Africa</a></li>
<li><a data-filter=".asia" href="#">Asia</a></li>
</ul>
</div>
<div class="gallery-container popup-gallery">
<div class="box education">
<a href="images/gallery/big-photo/img-1.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-1.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box eudcation water">
<a href="images/gallery/big-photo/img-2.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-2.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box water eudcation asia">
<a href="images/gallery/big-photo/img-3.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-3.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box education africa">
<a href="images/gallery/big-photo/img-4.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-4.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box water water food">
<a href="images/gallery/big-photo/img-5.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-5.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box africa">
<a href="images/gallery/big-photo/img-6.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-6.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box education asia">
<a href="images/gallery/big-photo/img-7.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-7.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
<div class="box water food">
<a href="images/gallery/big-photo/img-8.jpg">
<div class="img-holder">
<img src="images/gallery/s2/img-8.jpg" alt class="img img-responsive">
</div>
<div class="hover-text">
<div>
<h3>Old stuffed ted</h3>
<span>East coast, Virginia</span>
</div>
</div>
</a>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
</div> <!-- end container -->
</section>
<!-- end gallery-st2 -->
<!-- start testimonials -->
<section class="testimonials section-padding" id="testimonials">
<div class="container">
<div class="row section-title-single-heading">
<div class="col col-md-8 col-md-offset-2">
<h2><span>Clients'</span> testimonial</h2>
</div>
</div> <!-- end section-title -->
<div class="row">
<div class="col col-md-10 col-md-offset-1">
<div class="client-testimonials testimonials-slider">
<div class="box">
<div class="box-inner">
<div class="img-holder">
<img src="images/testimonials/img-1.jpg" alt class="img img-circle">
</div>
<h3>Aaron ramsy</h3>
<span>CEO, Arsen Jenga</span>
<p> I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
</div>
</div>
<div class="box">
<div class="box-inner">
<div class="img-holder">
<img src="images/testimonials/img-2.jpg" alt class="img img-circle">
</div>
<h3>Irina malkova</h3>
<span>CEO, Real Friend</span>
<p> I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
</div>
</div>
<div class="box">
<div class="box-inner">
<div class="img-holder">
<img src="images/testimonials/img-1.jpg" alt class="img img-circle">
</div>
<h3>Aaron ramsy</h3>
<span>CEO, Arsen Jenga</span>
<p> I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
</div>
</div>
<div class="box">
<div class="box-inner">
<div class="img-holder">
<img src="images/testimonials/img-2.jpg" alt class="img img-circle">
</div>
<h3>Irina malkova</h3>
<span>CEO, Real Friend</span>
<p> I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
</div>
</div>
<div class="box">
<div class="box-inner">
<div class="img-holder">
<img src="images/testimonials/img-1.jpg" alt class="img img-circle">
</div>
<h3>Aaron ramsy</h3>
<span>CEO, Arsen Jenga</span>
<p> I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end testimonials -->
<!-- start partner -->
<section class="partner">
<h2 class="hidden">Partner</h2>
<div class="container">
<div class="row">
<div class="col col-xs-12">
<div class="partner-slider">
<div class="box">
<img src="images/partner/img-1.png" alt class="img img-responsive">
</div>
<div class="box">
<img src="images/partner/img-2.png" alt class="img img-responsive">
</div>
<div class="box">
<img src="images/partner/img-3.png" alt class="img img-responsive">
</div>
<div class="box">
<img src="images/partner/img-4.png" alt class="img img-responsive">
</div>
<div class="box">
<img src="images/partner/img-1.png" alt class="img img-responsive">
</div>
</div>
</div>
</div>
</div> <!-- end container -->
</section>
<!-- end partner -->
<!-- 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