JezK
Edit File: sponsor-a-child.html
<!-- Template Name: Charity Hope Title: charity website template free download bootstrap Charity Hope Description: charity website template with bootstrap framework for free download best suited for ngos charities. Keyword: charity website template, bootstrap charity template free, charity website templates bootstrap, donation website template free, charity website templates bootstrap free download Author: Bootstrap Website Templates Author URI: https://bootstrapwebtemplates.com/ Template URI: https://bootstrapwebtemplates.com/free-download-bootstrap-charity-website-template Tags: charity, charity hub, donate, donations, foundation, fundraising, ngo, non profit, non-profit, nonprofit, organization, social, volunteer, welfare, Causes License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --> <!DOCTYPE HTML> <html class="no-js" lang="de"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="robots" content="index,follow"> <title>CDSACO</title> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link href="css/bootsnav.css" rel="stylesheet"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link rel="stylesheet" href="css/owl.carousel.css"> <link href="css/owl.theme.css" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet"> </head> <body> <div class="topbar"> <div class="container"> <div class="row"> <div class="bar-phone"> <i class="fa fa-phone"></i> <span>Call Us :</span> <strong>0093777641457 - 0093700641457</strong> </div> <div class="bar-mail"> <i class="fa fa-envelope"></i> <span>Mail Us :</span> <strong>info@cdsaco.org</strong> </div> <div class="header-social"> <a class="facebook" href="#" title="facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i> </a> <a class="twitter" href="#" title="twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i> </a> <a class="linkedin" href="#" title="linkedin" target="_blank" rel="nofollow"><i class="fa fa-linkedin"></i> </a> <a class="google" href="#" title="google-plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i> </a> <a class="youtube" href="#" title="youtube-play" target="_blank" rel="nofollow"><i class="fa fa-youtube-play"></i> </a> </div> </div> </div> </div> <nav class="navbar navbar-default navbar-sticky bootsnav"> <div class="container"> <div class="row"> <div class="attr-nav"> <a class="sponsor-button" href="sponsor-a-child.html">sponsor a child</a> <a class="donation" href="donate.html">donate now</a> </div> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand logo" href="index.html"><img src="images/logo.png" class="img-responsive" /></a> </div> <div class="collapse navbar-collapse" id="navbar-menu"> <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp"> <li><a href="index.html">Home</a></li> <li><a href="about-us.html">About Us</a></li> <li><a href="activities.html">Activities</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> </div> </div> </nav> <section id="inner-banner"> <div class="overlay"> <div class="container"> <div class="row"> <div class="col-sm-6"><h1>SPONSER A CHILD</h1></div> <div class="col-sm-6"> <h6 class="breadcrumb"><a href="index.html">Home</a> / Sponser a Child</h6></div> </div> </div> </div> </section> <section id="about-sec"> <div class="container"> <div class="row text-center"> <div id="owl-demo" class="owl-carousel owl-theme"> <div class="item"> <div class="sponser-box"> <img src="images/child1.jpg" alt="Owl Image"> <h4>Hi, I’m Rahmat</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Nangrahar</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">13</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">10/16/2008</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child4.jpg" alt="Owl Image"> <h4>Hi, I’m Bilal</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Nangrahar</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">10</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">5/24/2012</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child5.jpg" alt="Owl Image"> <h4>Hi, I’m Farhad</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Laghman</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">13</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">2/22/2009</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child9.jpg" alt="Owl Image"> <h4>Hi, I’m Waseem</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Kabul</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">10</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">3/19/2012</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child10.jpg" alt="Owl Image"> <h4>Hi, I’m Sabawon</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Kabul</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">13</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">4/05/2009</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child3.jpg" alt="Owl Image"> <h4>Hi, I’m Ismail</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Kunar</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">9</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">5/10/2013</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child2.jpg" alt="Owl Image"> <h4>Hi, I’m Shamsullah</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Kunar</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">12</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">5/15/2010</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> <div class="item"> <div class="sponser-box"> <img src="images/child11.jpg" alt="Owl Image"> <h4>Hi, I’m Usman</h4> <div class="spon-bdr clearfix"> <div class="col-xs-6">Where I Live</div> <div class="col-xs-6">Nangrahar</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Age</div> <div class="col-xs-6">14</div> </div> <div class="spon-bdr clearfix"> <div class="col-xs-6">My Birthday</div> <div class="col-xs-6">9/19/2007</div> </div> <a href="sponser.html" class="btn1">Sponsor me</a>> </div> </div> </div> </div> </div> </section> <section id="activities-sec"> <div class="container"> <div class="row text-center"> <h1>WHAT WE DO?</h1> <hr> <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h5> <div class="text-left"> <div class="col-md-4 clearfix top-off"> <div class="grid-content-left"><i class="fa fa-heart"></i></div> <div class="grid-content-wrapper"><h4>Charity for Education</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur eget justo quis dignissim.</p> <a href="activities.html" title="" >Read More</a> </div> </div> <div class="col-md-4 clearfix top-off"> <div class="grid-content-left"><i class="fa fa-cutlery"></i></div> <div class="grid-content-wrapper"><h4>Feed for Hungry Child</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur eget justo quis dignissim.</p> <a href="activities.html" title="" >Read More</a> </div> </div> <div class="col-md-4 clearfix top-off"> <div class="grid-content-left"><i class="fa fa-home"></i></div> <div class="grid-content-wrapper"><h4>Home for Homeless</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur eget justo quis dignissim.</p> <a href="activities.html" title="" >Read More</a> </div> </div> <div class="col-md-4 clearfix top-off"> <div class="grid-content-left"><i class="fa fa-tint"></i></div> <div class="grid-content-wrapper"><h4>Bringing Clean Water</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur eget justo quis dignissim.</p> <a href="activities.html" title="" >Read More</a> </div> </div> <div class="col-md-4 clearfix top-off"> <div class="grid-content-left"><i class="fa fa-thumbs-up"></i></div> <div class="grid-content-wrapper"><h4>Help Little Hands</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur eget justo quis dignissim.</p> <a href="activities.html" title="" >Read More</a> </div> </div> <div class="col-md-4 clearfix top-off"> <div class="grid-content-left"><i class="fa fa-money"></i></div> <div class="grid-content-wrapper"><h4>Donate for Children</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut efficitur eget justo quis dignissim.</p> <a href="activities.html" title="" >Read More</a> </div> </div> </div> </div> </div> </section> <section id="video-sec"> <div class="container"> <div class="row text-center"> <h1>How can you help?</h1> <hr> <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h5> <div class="text-left"> <div class="col-md-6 clearfix top-off"> <video width="400" controls> <source src="images/mov_bbb.mp4" type="video/mp4"> </video> </div> <div class="col-md-6 clearfix top-off"> <div class="media"> <div class="media-image"> <img src="images/g1.png" class="attachment-full size-full" alt="g1"> </div> <div class="media-text"> <h5>BECOME A VOLUNTEER</h5> <p>Give us a brief description of the service that you are promoting.</p> </div> </div> <div class="media"> <div class="media-image"> <img src="images/g2.png" class="attachment-full size-full" alt="g1"> </div> <div class="media-text"> <h5>MAKE A GIFT</h5> <p>Give us a brief description of the service that you are promoting.</p> </div> </div> <div class="media"> <div class="media-image"> <img src="images/g1.png" class="attachment-full size-full" alt="g1"> </div> <div class="media-text"> <h5>GIVE A SCHOLASHIP</h5> <p>Give us a brief description of the service that you are promoting.</p> </div> </div> </div> </div> </div> </div> </section> <div class="callout"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2>Change Their World. Change Yours. This changes everything.</h2><!-- /.callout-title --> </div><!-- /.columns large-6 --> <div class="col-md-6"> <div class="callout-actions"> <a href="contact.html" class="button">Become Volunteer</a> <span class="callout-separator"> <span>Or</span> </span> <a href="donate.html" class="button">Donate For Cause</a> </div><!-- /.callout-actions --> </div><!-- /.columns large-6 --> </div><!-- /.row --> </div> </div> <footer class="footer"> <div class="footer-body"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="footer-section"> <h4 class="footer-section-title">Community Development and Social Affairs Charity Organization</h4><!-- /.footer-section-title --> <div class="footer-section-body"> <p>CDSACO.</p> </div><!-- /.footer-section-body --> </div><!-- /.footer-section --> </div><!-- /.columns large-3 medium-12 --> <div class="col-md-3"> <div class="footer-section"> <h4 class="footer-section-title">Quick Links</h4><!-- /.footer-section-title --> <div class="footer-section-body"> <ul class="list-links"> <li> <a href="index.html">Home</a> </li> <li> <a href="about-us.html">About Us</a> </li> <li> <a href="activities.html">Activities</a> </li> <li> <a href="projects.html">Projects</a> </li> <li> <a href="gallery.html">Gallery</a> </li> <li> <a href="contact.html">Contact Us</a> </li> </ul><!-- /.list-links --> </div><!-- /.footer-section-body --> </div><!-- /.footer-section --> </div><!-- /.columns large-3 medium-12 --> <div class="col-md-3"> <div class="footer-section"> <h4 class="footer-section-title">Newsletter Signup</h4><!-- /.footer-section-title --> <div class="footer-section-body"> <p>Select your newsletters, enter your email address, and click "Subscribe"</p> <div class="subscribe"> <form action="?" method="post"> <input type="submit" value="Go" class="subscribe-btn"> <div class="subscribe-inner"> <input type="email" id="mail" name="mail" value="" placeholder="Email Address" class="subscribe-field"> </div><!-- /.subscribe-inner --> </form> </div><!-- /.subscribe --> </div><!-- /.footer-section-body --> </div><!-- /.footer-section --> </div><!-- /.columns large-3 medium-12 --> <div class="col-md-3"> <div class="footer-section"> <h4 class="footer-section-title">Contact Us</h4><!-- /.footer-section-title --> <div class="footer-section-body"> <p><b>Address:</b> : Zone 4th, Near to UNICEF OFFICE, Jalalabad City, Afghanistan</p> <div class="footer-contacts"> <p> <b> <i class="fa fa-phone"></i> Phone: </b> 0093777641457 - 0093700641457 </p> <p> <b> <i class="fa fa-envelope-o"></i> Email: </b> info@cdsaco.org </p> </div><!-- /.footer-contacts --> </div><!-- /.footer-section-body --> </div><!-- /.footer-section --> </div><!-- /.columns large-3 medium-12 --> </div><!-- /.row --> </div> </div><!-- /.footer-body --> <div class="bwt-footer-copyright"> <div class="container"> <div class="row"> <div class="col-md-6 copyright"> <div class="left-text">Copyright © CDSACO 2022. All Rights Reserved</div> </div> </div> </div> </div> </footer> <script type="text/javascript" src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <script src="js/bootsnav.js"></script> <script src="js/banner.js"></script> <script src="js/owl.carousel.js"></script> <script> $(document).ready(function() { $("#owl-demo").owlCarousel({ autoPlay: 5000, //Set AutoPlay to 3 seconds navigation : true, navigationText:["",""], items : 4, itemsDesktop : [1199,3], itemsDesktopSmall : [979,3] }); }); </script> <script src="js/script.js"></script> </body> </html>