Created
March 13, 2020 15:24
-
-
Save abhi2694/62cf806c1af52dc520ca5b6b9284f2e3 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html class="no-js" lang="zxx"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | |
| <title>Charifit</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- <link rel="manifest" href="site.webmanifest"> --> | |
| <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png"> | |
| <!-- Place favicon.ico in the root directory --> | |
| <!-- CSS here --> | |
| <link rel="stylesheet" href="css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="css/owl.carousel.min.css"> | |
| <link rel="stylesheet" href="css/magnific-popup.css"> | |
| <link rel="stylesheet" href="css/font-awesome.min.css"> | |
| <link rel="stylesheet" href="css/themify-icons.css"> | |
| <link rel="stylesheet" href="css/nice-select.css"> | |
| <link rel="stylesheet" href="css/flaticon.css"> | |
| <link rel="stylesheet" href="css/gijgo.css"> | |
| <link rel="stylesheet" href="css/animate.css"> | |
| <link rel="stylesheet" href="css/slicknav.css"> | |
| <link rel="stylesheet" href="css/style.css"> | |
| <!-- <link rel="stylesheet" href="css/responsive.css"> --> | |
| </head> | |
| <body> | |
| <!--[if lte IE 9]> | |
| <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> | |
| <![endif]--> | |
| <!-- header-start --> | |
| <header> | |
| <div class="header-area "> | |
| <div class="header-top_area"> | |
| <div class="container-fluid"> | |
| <div class="row"> | |
| <div class="col-xl-6 col-md-12 col-lg-8"> | |
| <div class="short_contact_list"> | |
| <ul> | |
| <li><a href="#"> <i class="fa fa-phone"></i> +91 9953365003</a></li> | |
| <li><a href="#"> <i class="fa fa-envelope"></i>kushghilothia@gmail.com</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="col-xl-6 col-md-6 col-lg-4"> | |
| <div class="social_media_links d-none d-lg-block"> | |
| <a href="#"> | |
| <i class="fa fa-facebook"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-pinterest-p"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-linkedin"></i> | |
| </a> | |
| <a href="#"> | |
| <i class="fa fa-twitter"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="sticky-header" class="main-header-area"> | |
| <div class="container-fluid"> | |
| <div class="row align-items-center"> | |
| <div class="col-xl-3 col-lg-3"> | |
| <div class="logo"> | |
| <a href="index.html"> | |
| <img src="img/logo.png" alt=""> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="col-xl-9 col-lg-9"> | |
| <div class="main-menu"> | |
| <nav> | |
| <ul id="navigation"> | |
| <li><a href="index.html">home</a></li> | |
| <li><a href="About.html">About</a></li> | |
| <li><a href="#">blog <i class="ti-angle-down"></i></a> | |
| <ul class="submenu"> | |
| <li><a href="blog.html">blog</a></li> | |
| <li><a href="single-blog.html">single-blog</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="#">pages <i class="ti-angle-down"></i></a> | |
| <ul class="submenu"> | |
| <li><a href="elements.html">elements</a></li> | |
| <li><a href="Cause.html">Cause</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="contact.html">Contact</a></li> | |
| </ul> | |
| </nav> | |
| <div class="Appointment"> | |
| <div class="book_btn d-none d-lg-block"> | |
| <a data-scroll-nav='1' href="#">Donate as a Blood Bank</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-12"> | |
| <div class="mobile_menu d-block d-lg-none"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- header-end --> | |
| <!-- slider_area_start --> | |
| <div class="slider_area"> | |
| <div class="single_slider d-flex align-items-center slider_bg_1 overlay2"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-lg-9"> | |
| <div class="slider_text "> | |
| <span>Get Started Today.</span> | |
| <h3> Donate a Drop<br> | |
| Save a life</h3> | |
| <p>With the ever growing diseases and problems<br> | |
| blood has become an essential asset. So, donate.</p> | |
| <a href="About.html" class="boxed-btn3">Donate as a Blood Bank | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- slider_area_end --> | |
| <!-- reson_area_start --> | |
| <div class="reson_area section_padding"> | |
| <div class="container"> | |
| <div class="row justify-content-center"> | |
| <div class="col-lg-6"> | |
| <div class="section_title text-center mb-55"> | |
| <h3><span>Reason of Helping</span></h3> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row justify-content-center"> | |
| <div class="col-lg-4 col-md-6"> | |
| <div class="single_reson"> | |
| <div class="thum"> | |
| <div class="thum_1"> | |
| <img src="img/help/1.png" alt=""> | |
| </div> | |
| </div> | |
| <div class="help_content"> | |
| <h4>Saving Lives</h4> | |
| <p>Lorem ipsum, or lipsum as it is | |
| sometimes known, is dummy | |
| text used in laying out print.</p> | |
| <a href="#" class="read_more">Read More</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6"> | |
| <div class="single_reson"> | |
| <div class="thum"> | |
| <div class="thum_1"> | |
| <img src="img/help/2.png" alt=""> | |
| </div> | |
| </div> | |
| <div class="help_content"> | |
| <h4>Spreading Smiles</h4> | |
| <p>Lorem ipsum, or lipsum as it is | |
| sometimes known, is dummy | |
| text used in laying out print.</p> | |
| <a href="#" class="read_more">Read More</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6"> | |
| <div class="single_reson"> | |
| <div class="thum"> | |
| <div class="thum_1"> | |
| <img src="img/help/3.png" alt=""> | |
| </div> | |
| </div> | |
| <div class="help_content"> | |
| <h4>Enriching Mankind</h4> | |
| <p>Lorem ipsum, or lipsum as it is | |
| sometimes known, is dummy | |
| text used in laying out print.</p> | |
| <a href="#" class="read_more">Read More</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- reson_area_end --> | |
| <!-- latest_activites_area_start --> | |
| <div class="latest_activites_area"> | |
| <div class=" video_bg_1 video_activite d-flex align-items-center justify-content-center"> | |
| <a class="popup-video" href="https://www.youtube.com/watch?v=Af0gk_kiGac"> | |
| <i class="flaticon-ui"></i> | |
| </a> | |
| </div> | |
| <div class="container"> | |
| <div class="row justify-content-end"> | |
| <div class="col-lg-7"> | |
| <div class="activites_info"> | |
| <div class="section_title"> | |
| <h3> <span>Donate Blood! </span><br> | |
| Give life to someone.</h3> | |
| </div> | |
| <p class="para_1">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do | |
| eiusmod tempor incididunt ut labore dolore magna aliqua. | |
| enim minim veniam, quis nostrud exercitation.</p class="para_1"> | |
| <p class="para_2">Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do | |
| eiusmod tempor incididunt ut labore dolore magna aliqua. | |
| enim minim veniam, quis nostrud exercitation. tempor | |
| incididunt ut labore dolore magna aliqua. enim minim | |
| veniam, quis nostrud exercitation.</p> | |
| <a href="#" data-scroll-nav='1' class="boxed-btn4">Donate as a Blood Bank</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- latest_activites_area_end --> | |
| <br/> | |
| <br/> | |
| <!-- counter_area_start --> | |
| <div class="counter_area"> | |
| <div class="container"> | |
| <div class="counter_bg overlay"> | |
| <div class="row"> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="single_counter d-flex align-items-center justify-content-center"> | |
| <div class="icon"> | |
| <i class="flaticon-calendar"></i> | |
| </div> | |
| <div class="events"> | |
| <h3 class="counter">120</h3> | |
| <p>Donation Banks</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="single_counter d-flex align-items-center justify-content-center"> | |
| <div class="icon"> | |
| <i class="flaticon-heart-beat"></i> | |
| </div> | |
| <div class="events"> | |
| <h3 class="counter">10000</h3> | |
| <p>Donations Done</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="single_counter d-flex align-items-center justify-content-center"> | |
| <div class="icon"> | |
| <i class="flaticon-in-love"></i> | |
| </div> | |
| <div class="events"> | |
| <h3 class="counter">1000</h3> | |
| <p>Lives Saved</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-3 col-md-6"> | |
| <div class="single_counter d-flex align-items-center justify-content-center"> | |
| <div class="icon"> | |
| <i class="flaticon-hug"></i> | |
| </div> | |
| <div class="events"> | |
| <h3 class="counter">100000</h3> | |
| <p>Smiles Spread</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- counter_area_end --> | |
| <!-- our_volunteer_area_start --> | |
| <div class="our_volunteer_area section_padding"> | |
| <div class="container"> | |
| <div class="row justify-content-center"> | |
| <div class="col-lg-6"> | |
| <div class="section_title text-center mb-55"> | |
| <h3><span>Our Volunteers</span></h3> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="row justify-content-center"> | |
| <div class="col-lg-4 col-md-6"> | |
| <div class="single_volenteer"> | |
| <div class="volenteer_thumb"> | |
| <img src="img/volenteer/1.png" alt=""> | |
| </div> | |
| <div class="voolenteer_info d-flex align-items-end"> | |
| <div class="social_links"> | |
| <ul> | |
| <li> | |
| <a href="#"> <i class="fa fa-facebook"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-pinterest"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-linkedin"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-twitter"></i> </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="info_inner"> | |
| <h4>Abhinav Kumar</h4> | |
| <p>Doner</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6"> | |
| <div class="single_volenteer"> | |
| <div class="volenteer_thumb"> | |
| <img src="img/volenteer/2.png" alt=""> | |
| </div> | |
| <div class="voolenteer_info d-flex align-items-end"> | |
| <div class="social_links"> | |
| <ul> | |
| <li> | |
| <a href="#"> <i class="fa fa-facebook"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-pinterest"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-linkedin"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-twitter"></i> </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="info_inner"> | |
| <h4>Kush Ghilothia</h4> | |
| <p>Doner</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-lg-4 col-md-6"> | |
| <div class="single_volenteer"> | |
| <div class="volenteer_thumb"> | |
| <img src="img/volenteer/3.png" alt=""> | |
| </div> | |
| <div class="voolenteer_info d-flex align-items-end"> | |
| <div class="social_links"> | |
| <ul> | |
| <li> | |
| <a href="#"> <i class="fa fa-facebook"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-pinterest"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-linkedin"></i> </a> | |
| </li> | |
| <li> | |
| <a href="#"> <i class="fa fa-twitter"></i> </a> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="info_inner"> | |
| <h4>Naman Raghuvanshi</h4> | |
| <p>Doner</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- our_volunteer_area_end --> | |
| <!-- footer_start --> | |
| <footer class="footer"> | |
| <div class="footer_top"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-xl-4 col-md-6 col-lg-4 "> | |
| <div class="footer_widget"> | |
| <div class="footer_logo"> | |
| <a href="#"> | |
| <img src="img/footer_logo.png" alt=""> | |
| </a> | |
| </div> | |
| <p class="address_text">Lorem ipsum dolor sit amet, <br> consectetur adipiscing elit, sed do <br> eiusmod tempor incididunt ut labore. | |
| </p> | |
| <div class="socail_links"> | |
| <ul> | |
| <li> | |
| <a href="#"> | |
| <i class="ti-facebook"></i> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="#"> | |
| <i class="ti-twitter-alt"></i> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="#"> | |
| <i class="fa fa-dribbble"></i> | |
| </a> | |
| </li> | |
| <li> | |
| <a href="#"> | |
| <i class="fa fa-instagram"></i> | |
| </a> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-xl-4 col-md-6 col-lg-4"> | |
| <div class="footer_widget"> | |
| <h3 class="footer_title"> | |
| Services | |
| </h3> | |
| <ul class="links"> | |
| <li><a href="#">Donate</a></li> | |
| <li><a href="#">Sponsor</a></li> | |
| <li><a href="#">Fundraise</a></li> | |
| <li><a href="#">Volunteer</a></li> | |
| <li><a href="#">Partner</a></li> | |
| <li><a href="#">Jobs</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="col-xl-4 col-md-6 col-lg-4"> | |
| <div class="footer_widget"> | |
| <h3 class="footer_title"> | |
| Contacts | |
| </h3> | |
| <div class="contacts"> | |
| <p>+91 9953365003 <br> | |
| kushghilothia@gmail.com<br> | |
| NSIT, BH2, Dwarka | |
| Sector - 3, Delhi, India | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="copy-right_text"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="bordered_1px "></div> | |
| <div class="col-xl-12"> | |
| <p class="copy_right text-center"> | |
| <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> | |
| Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="ti-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> | |
| <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- footer_end --> | |
| <!-- link that opens popup --> | |
| <!-- JS here --> | |
| <script src="js/vendor/modernizr-3.5.0.min.js"></script> | |
| <script src="js/vendor/jquery-1.12.4.min.js"></script> | |
| <script src="js/popper.min.js"></script> | |
| <script src="js/bootstrap.min.js"></script> | |
| <script src="js/owl.carousel.min.js"></script> | |
| <script src="js/isotope.pkgd.min.js"></script> | |
| <script src="js/ajax-form.js"></script> | |
| <script src="js/waypoints.min.js"></script> | |
| <script src="js/jquery.counterup.min.js"></script> | |
| <script src="js/imagesloaded.pkgd.min.js"></script> | |
| <script src="js/scrollIt.js"></script> | |
| <script src="js/jquery.scrollUp.min.js"></script> | |
| <script src="js/wow.min.js"></script> | |
| <script src="js/nice-select.min.js"></script> | |
| <script src="js/jquery.slicknav.min.js"></script> | |
| <script src="js/jquery.magnific-popup.min.js"></script> | |
| <script src="js/plugins.js"></script> | |
| <script src="js/gijgo.min.js"></script> | |
| <!--contact js--> | |
| <script src="js/contact.js"></script> | |
| <script src="js/jquery.ajaxchimp.min.js"></script> | |
| <script src="js/jquery.form.js"></script> | |
| <script src="js/jquery.validate.min.js"></script> | |
| <script src="js/mail-script.js"></script> | |
| <script src="js/main.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment