index.html

<!DOCTYPE html>
<html>
  <head>
    <!---google search console-->
    <meta name="google-site-verification" content="KAcJmLnN_DlQVcFaMYfVLic6a25mCcz9POX2FN8Mto4" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- your title-->
    <title>G-Donation</title>
    <link
      rel="shortcut icon"
      href="img/tra.png"
      sizes="16x16 32x32"
      type="image/x-icon"
    />
    <link href="css/master.css" rel="stylesheet" />
    <meta
      name="description"
      content="trust and donation"
    />
    <meta name="author" content="Gaurav Tripathi" />
    <meta
      name="keywords"
      content="donation Trust"
    />
<!-- Start of Async Drift Code -->
<script>
	"use strict";
	
	!function() {
	  var t = window.driftt = window.drift = window.driftt || [];
	  if (!t.init) {
		if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
		t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
		t.factory = function(e) {
		  return function() {
			var n = Array.prototype.slice.call(arguments);
			return n.unshift(e), t.push(n), t;
		  };
		}, t.methods.forEach(function(e) {
		  t[e] = t.factory(e);
		}), t.load = function(t) {
		  var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
		  o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
		  var i = document.getElementsByTagName("script")[0];
		  i.parentNode.insertBefore(o, i);
		};
	  }
	}();
	drift.SNIPPET_VERSION = '0.3.1';
	drift.load('c3aurgtk94ca');
	</script>
	<!-- End of Async Drift Code -->
    <!-- SWITCHER -->
    <link
      rel="stylesheet"
      id="switcher-css"
      type="text/css"
      href="assets/switcher/css/switcher.css"
      media="all"
    />
    <link
      rel="alternate stylesheet"
      type="text/css"
      href="assets/switcher/css/color1.css"
      title="color1"
      media="all"
      data-default-color="true"
    />
    <link
      rel="alternate stylesheet"
      type="text/css"
      href="assets/switcher/css/color2.css"
      title="color2"
      media="all"
    />
    <link
      rel="alternate stylesheet"
      type="text/css"
      href="assets/switcher/css/color3.css"
      title="color3"
      media="all"
    />
    <link
      rel="alternate stylesheet"
      type="text/css"
      href="assets/switcher/css/color4.css"
      title="color4"
      media="all"
    />
    <link
      rel="alternate stylesheet"
      type="text/css"
      href="assets/switcher/css/color5.css"
      title="color5"
      media="all"
    />
    <link
      rel="alternate stylesheet"
      type="text/css"
      href="assets/switcher/css/color6.css"
      title="color6"
      media="all"
    />
  </head>
<!--body start-->
  <body data-scrolling-animations="true">
    <div class="sp-body">
      <!-- Loader Landing Page -->
      <div id="ip-container" class="ip-container">
        <div class="ip-header">
          <div class="ip-loader">
            <svg
              class="ip-inner"
              width="60px"
              height="60px"
              viewBox="0 0 80 80"
            >
              <path
                class="ip-loader-circlebg"
                d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,39.3,10z"
              />
              <path
                id="ip-loader-circle"
                class="ip-loader-circle"
                d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z"
              />
            </svg>
          </div>
        </div>
      </div>
      <!-- Loader end -->

      <!--logo-->
      <header id="this-is-top">
        <div class="container-fluid">
          
          <div class="row header">
           
            <div class="topmenu row">
              <nav
                class="col-sm-offset-3 col-md-offset-4 col-lg-offset-4 col-sm-6 col-md-5 col-lg-5"
              >
               
           <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LxPuxprAhieZF2" async> </script> </form>
              
                 
                </nav>
                <nav class="text-right col-sm-3 col-md-3 col-lg-3">
                 
                  <div id="google_translate_element"></div>
                  <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
                  <script>
                      function googleTranslateElementInit(){
                        new google.translate.TranslateElement(
                          {pagelanguage: 'en'},
                          'google_translate_element'
                        );
                      }
                  </script></nav>
                 
                 
            </div>
         
            
          <!--menu-->
          <div id="main-menu-bg"></div>
          <a id="menu-open" href="#"><i class="fa fa-bars"></i></a>
          <nav class="main-menu navbar-main-slide">
           
            <div class="col-sm-3 col-md-3 col-lg-3">
              <img
                src="img/logo.png"
                width="150px"
                height="60px"
                alt="G-Donation"
              />
            </div>
            <ul class="nav navbar-nav navbar-main">
             
              <li><a href="home.html">HOME</a></li>
              <li class="dropdown">
                <a
                  data-toggle="dropdown"
                  class="dropdown-toggle border-hover-color1"
                  href="#"
                  >Donate
                </a>
               
              </li>
              

              <li><a href="#">About Us</a></li>
              <li><a href="#">News and Updates</a></li>
              <li><a href="#">Contact Us</a></li>
              <li>
                <a class="#" href="#"
                  ><i class="fa fa-search"></i
                ></a>
              </li>
            </ul>
            <div class="search-form-modal transition">
              <form class="navbar-form header_search_form">
                <i class="fa fa-times search-form_close"></i>
                <div class="form-group">
                  <input
                    type="text"
                    class="form-control"
                    placeholder="Search"
                  />
                </div>
                <button type="submit" class="btn btn_search customBgColor">
                  Search
                </button>
              </form>
            </div>
          </nav>
          <a id="menu-close" href="#"><i class="fa fa-times"></i></a>
        </div>
      </header>
<!--menu end-->
<div
id="owl-main-slider"
class="owl-carousel enable-owl-carousel"
data-single-item="true"
data-pagination="false"
data-auto-play="true"
data-main-slider="true"
data-stop-on-hover="true"
>
<div class="item">
  <img src="img/child.jpg" alt="slider" />
  <div class="container-fluid">
    <div class="slider-content col-md-6 col-lg-6">
      <div style="display: table">
        <div
          style="display: table-cell; width: 100px; vertical-align: top"
        >
          <a class="prev"><i class="fa fa-angle-left"></i></a>
          <a class="next"><i class="fa fa-angle-right"></i></a>
        </div>
        <div style="display: table-cell">
          <h1>Your donations have the power to transform lives</h1>
        </div>
      </div>
      <p>
        Our mission is to support  Helpless Animals & Nature<br /><form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LxPuxprAhieZF2" async> </script> </form>
        
      </p>
    </div>
  </div>
</div>
<div class="item">
  <img src="img/child2.jpg" alt="slider" />
  <div class="container-fluid">
    <div class="slider-content col-md-6 col-lg-6">
      <div style="display: table">
        <div
          style="display: table-cell; width: 100px; vertical-align: top"
        >
          <a class="prev"><i class="fa fa-angle-left"></i></a>
          <a class="next"><i class="fa fa-angle-right"></i></a>
        </div>
        <div style="display: table-cell">
          <h1>Your donations have the power to transform lives</h1>
        </div>
      </div>
      <p>
        <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LxPuxprAhieZF2" async> </script> </form>
    </div>
  </div>
</div>
<div class="item">
  <img src="img/child3.jpg" alt="slider" />
  <div class="container-fluid">
    <div class="slider-content col-md-6 col-lg-6">
      <div style="display: table">
        <div
          style="display: table-cell; width: 100px; vertical-align: top"
        >
          <a class="prev"><i class="fa fa-angle-left"></i></a>
          <a class="next"><i class="fa fa-angle-right"></i></a>
        </div>
        <div style="display: table-cell">
          <h1>In-Kind Donations</h1>
        </div>
      </div>
      <p>
        Apart from monetary donations, we also accept in-kind contributions such as clothing, books, medical supplies, and other essential items
       .<br /><form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LxPuxprAhieZF2" async> </script> </form>
      </p>
    </div>
  </div>
</div>
<div class="item">
  <img src="img/child4.jpg" alt="slider" />
  <div class="container-fluid">
    <div class="slider-content col-md-6 col-lg-6">
      <div style="display: table">
        <div
          style="display: table-cell; width: 100px; vertical-align: top"
        >
          <a class="prev"><i class="fa fa-angle-left"></i></a>
          <a class="next"><i class="fa fa-angle-right"></i></a>
        </div>
        <div style="display: table-cell">
          <h1>Corporate Giving</h1>
        </div>
      </div>
      <p>
        If you represent a company or organization, we offer corporate giving programs that align with your values and corporate social responsibility goals<br />
        <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LxPuxprAhieZF2" async> </script> </form>
      </p>
    </div>
  </div>
</div>
<div class="item">
  <img src="img/child6.jpg" alt="slider" />
  <div class="container-fluid">
    <div class="slider-content col-md-6 col-lg-6">
      <div style="display: table">
        <div
          style="display: table-cell; width: 100px; vertical-align: top"
        >
          <a class="prev"><i class="fa fa-angle-left"></i></a>
          <a class="next"><i class="fa fa-angle-right"></i></a>
        </div>
        <div style="display: table-cell">
          <h1>Creating Change</h1>
        </div>
      </div>
      <p>
       <br /><form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_LxPuxprAhieZF2" async> </script> </form>
      </p>
    </div>
  </div>
</div>
</div>
<!--ramrathor SERVICE-->
<div
class="container-fluid block-content percent-blocks"
data-waypoint-scroll="true"
>
<div class="row stats">
  <div class="col-sm-6 col-md-3 col-lg-3">
    <div class="chart" data-percent="2300">
      <span><i class="fas fa-donate"></i></span>
      <span class="percent"></span>Save Animals
    </div>
  </div>
  <div class="col-sm-6 col-md-3 col-lg-3">
    <div class="chart" data-percent="68">
      <span><i class="fas fa-donate"></i></span>
      <span class="percent"></span>Clean River
    </div>
  </div>
  <div class="col-sm-6 col-md-3 col-lg-3">
    <div class="chart" data-percent="16">
      <span><i class="fas fa-donate"></i></span>
      <span class="percent"></span>Done Project 
    </div>
  </div>
  <div class="col-sm-6 col-md-3 col-lg-3">
    <div class="chart" data-percent="100">
      <span><i class="fas fa-donate"></i></span>
      <span class="percent"></span>Need Donation To Done
    </div>
  </div>
</div>
</div>


      <div class="container-fluid block-content">
        <div class="text-center hgroup wow zoomInUp" data-wow-delay="0.3s">
          <button style="
              
          padding: 15px 25px;
          font-size: 25px;
          text-align: center;
          cursor: pointer;
          color: #fff;
          background-color:#3b444b;

          border-radius: 10px;
          box-shadow: 0 5px #0a0a0a;"
        
        
        >G-Donation</button>
         
        </div>
        <div class="row our-services text-center">
          <div
            class="col-sm-6 col-md-4 col-lg-4 wow zoomInLeft" 
            data-wow-delay="0.3s" 
          >
            <a href="demat/index.html">
              <span><img src="icon/live.gif"  height="50px" width="50px"></span>
              <button style="
              
                padding: 15px 25px;
                font-size: 25px;
                text-align: center;
                cursor: pointer;
                color: #fcf3f3;
                background-color: #353333;

                border-radius: 10px;
                box-shadow: 0 5px #0a0a0a;"
              
              
              >Donate ME</button>
              <p>
               
              </p>
            </a>
          </div>
          <div
            class="col-sm-6 col-md-4 col-lg-4 wow zoomInUp"
            data-wow-delay="0.3s"
          >
            <a href="About">
              <span><img src="icon/live.gif" height="50px" width="50px"></i></span>
              <button style="
              
              padding: 20px 35px;
              font-size: 25px;
              text-align: center;
              cursor: pointer;
              color: #fff;
              background-color: #3b444b;

              border-radius: 10px;
              box-shadow: 0 5px #0a0a0a;"
            
            
            >About </button>
              <p>
                
              </p>
            </a>
          </div>
          <div
          class="col-sm-6 col-md-4 col-lg-4 wow zoomInLeft"
          data-wow-delay="0.3s"
        >
          <a href="#">
            <span><img src="icon/live.gif"  height="50px" width="50px"></i> </span>
            <button style="
              
            padding: 15px 25px;
            font-size: 25px;
            text-align: center;
            cursor: pointer;
            color: #fff;
            background-color: #3b444b;

            border-radius: 10px;
            box-shadow: 0 5px #080808;"
          
          
          > Contract US </button>
            <p>
             
            </p>
          </a>
        </div>
         
         
        </div>
      </div>
      <!--sevice end-->
     
    <!--footer start-->

      <footer>
        <div class="color-part2"></div>
        <div class="color-part"></div>
        <div class="container-fluid">
          <div class="row block-content">
            <div class="col-sm-4 wow zoomIn" data-wow-delay="0.3s">
              <img src="img/logo.png" width="200px" alt="#G-Donation" />
              <p>
                G-Donation Human Being 
              </p>
              <div class="footer-icons">
                <a href="https://www.facebook.com/krish.tripathi.5283?mibextid=ZbWKwL"><i class="fa fa-facebook-square fa-2x"></i></a>
               
                <a href="https://twitter.com/MrRamrathor?t=geIzzw4LqG80zmHtClOzIg&s=09"><i class="fa fa-twitter-square fa-2x"></i></a>
                <a href="https://instagram.com/krish__tripathi_?igshid=MzRlODBiNWFlZA=="><i class="fa fa-instagram fa-2x"></i></a>
                <a href="https://youtube.com/@indiamoon"><i class="fa fa-youtube-square fa-2x"></i></a>
              </div>
              <a href="https://api.whatsapp.com/send?phone=+918299890048&text=Hello this is the starting message" class="btn btn-lg btn-danger"
                >CONTACT US TODAY</a
              >
            </div>
            <div class="col-sm-2 wow zoomIn" data-wow-delay="0.3s">
              <h4 style="color: whitesmoke">WHAT WE Do</h4>
              <nav>
                <a href="sevice/demat.html">Provide Help Helpless Animals</a>
                <a href="sevice/tranding.html">Save Nature</a>
                <a href="#">Clean Water</a>
                <a href="sevice/earn.html">Provide Advice</a>
                <a href="#">Save Nature Save Human</a>
               
              </nav>
            </div>
            <div class="col-sm-2 wow zoomIn" data-wow-delay="0.3s">
              <h4 style="color: whitesmoke;">MAIN LINKS</h4>
              <nav>
                <a href="home.html">Home</a>
                <a href="#">Donate/a>
                <a href="#">HELP ANIMALS</a>

                <a href="#">HELP NATURE</a>
              </nav>
            </div>
            <div class="col-sm-4 wow zoomIn" data-wow-delay="0.3s">
              <h4 style="color: whitesmoke">CONTACT INFO</h4>
             DONAT ME
             <img src="demat/dl.png" width="200px" alt="#G-Donation" />
            </div>
          </div>
          <div class="copy text-right">
            <a id="to-top" href="#this-is-top"
              ><i class="fa fa-chevron-up"></i></a
            >Created by <a href="gaurav/video.html"> G-Donation</a> &copy; 2023 All rights
            reserved.
          </div>
        </div>
        
      </footer>
    </div>
    <!--Main-->
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/jquery-ui.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modernizr.custom.js"></script>

    <script src="assets/rendro-easy-pie-chart/dist/jquery.easypiechart.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.easypiechart.min.js"></script>
    <!-- Loader -->
    <script src="assets/loader/js/classie.js"></script>
    <script src="assets/loader/js/pathLoader.js"></script>
    <script src="assets/loader/js/main.js"></script>
    <script src="js/classie.js"></script>
    <!--Switcher-->
    <script src="assets/switcher/js/switcher.js"></script>
    <!--Owl Carousel-->
    <script src="assets/owl-carousel/owl.carousel.min.js"></script>
    <!-- SCRIPTS -->
    <script
      type="text/javascript"
      src="assets/isotope/jquery.isotope.min.js"
    ></script>
    <!--Theme-->
    <script src="js/jquery.smooth-scroll.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery.placeholder.min.js"></script>
    <script src="js/smoothscroll.min.js"></script>
    <script src="js/theme.js"></script>
    <!--live chat-->
   
  </body>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</html>