ikan Uploader :
Directory : /var/www/html/shardawelfarefoundation.org/application/views/
Upload File : |
| Current File : /var/www/html/shardawelfarefoundation.org/application/views/donatenow.php |
<!--
<section class="contacts-top" style="background:url(assets/images/about.jpg) no-repeat center center; background-size:cover;">
<div class="mask-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 position-relative">
<h1>Donate Now</h1>
</div>
</div>
</div>
</section> -->
<section class="what-wedo-fold" style="padding:0;">
<div class="what-wedo-sec">
<div class="core-banner-in">
<img src="assets/images/our-philosophy.jpg" alt="Sharda Welfare">
</div>
<div class="what-wedo-in" style="top:10%;">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
</div>
<div class="col-lg-6">
<div class="core-phil-contant">
<br /> <br /><br /><br /><br />
<h4>Donate Now</h4>
<strong>SUPPORT A BRIGHTER FUTURE: DONATE TODAY</strong>
<p dir="ltr">At Sharda Welfare Foundation, we hold a strong belief in the transformative power of compassion and giving. We understand that your support can have a substantial impact on the lives of those in need. Through our diverse initiatives, we strive to provide essential resources and care to underprivileged children and communities. Here's how you can contribute to our mission:
</p>
</div>
</div>
<div class="col-lg-6">
<form method="post" action="#" style="display:inline;">
<div class="donate-now">
<!--<ul>
<li class="active"><a href="#">Donate Now</a></li>
<li><a href="#">Enter Detail</a></li>
</ul>-->
<div class="donate-in visibleAmount">
<h3>Donate Now</h3>
<span>Select Donation Amount</span>
<div class="button-group">
<input type="radio" class="btn-check" onclick="setAmount('1100')" name="amount" id="1100" value="1100" autocomplete="off" checked>
<label class="btn btn-outline-danger" for="1100">1100</label>
<input type="radio" class="btn-check"onclick="setAmount('2200')" name="amount" id="2200" value="2200" autocomplete="off">
<label class="btn btn-outline-danger" for="2200">2200</label>
<input type="radio" class="btn-check" onclick="setAmount('5500')" name="amount" id="5500" value="5500" autocomplete="off">
<label class="btn btn-outline-danger" for="5500">5500</label>
<input type="radio" class="btn-check" onclick="setAmount('other')" name="amount" value="other" id="Other" autocomplete="off">
<label class="btn btn-outline-danger" for="Other">Other</label>
</div>
<div class="form-domate inputAmount" style="display:none;">
<input type="text" name="amount_other" placeholder="Other Amount" />
</div>
<div class="select-citizen">
<label><input type="radio" name="citizen" value="Indian" checked /> Indian Citizen </label>
<label><input type="radio" name="citizen" value="Foreign" /> Foreign Citizen </label>
</div>
<div class="select-citizen">
<label><input type="Checkbox" name="comment_one" /> I wish to bear the 3% Patment Gateway Charges. </label>
</div>
<div class="select-citizen">
<label><input type="Checkbox" name="comment_two" /> I dont want to recognised be on the website. </label>
</div>
<br>
<p>*As per the Indian Income Tax Authority Rule, a donor is required to add their PAN number if they wish to receive the 80G certificate.</p>
<div class="text-center alert alert-danger" style="display:none;" id="err">Fill All the Fields.</div>
<a href="javascript:void(0)" onclick="donateNow()" id="donateBtn" class="button1">Donate Now</a>
</div>
<div class="donate-in visibleForm" style="display:none;">
<h3>Fill Detail Below</h3>
<br />
<div class="row">
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="name" name="name" autocomplete="off" placeholder="Name" />
</div>
</div>
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="pan_no" name="pan_no" autocomplete="off" placeholder="Pan No" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-domate">
<textarea placeholder="Address" id="address" autocomplete="off" name="address"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-domate">
<select id="country" id="country" name="country" >
<option>Select Country</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="state" name="state" placeholder="State" autocomplete="off"/>
<!--<select id="state">
<option>Select State</option>
</select>-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="city" name="city" placeholder="City" autocomplete="off"/>
<!--<select id="city">
<option>Select City</option>
</select>-->
</div>
</div>
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="pin_code" name="pin_code" placeholder="Pin Code" autocomplete="off"/>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="phone" name="phone" placeholder="Phone No" autocomplete="off" onkeyup="this.value=this.value.replace(/[^\d]/,'')"/>
</div>
</div>
<div class="col-md-6">
<div class="form-domate">
<input type="text" id="email" name="email" placeholder="Email ID" autocomplete="off"/>
</div>
</div>
</div>
<div class="select-citizen">
<label><input type="Checkbox" name="terms" id="terms"/> I have read and understood the <a href="#">Term and Condition</a> and <a href="#">Privacy Policy</a> and agree to make a donation. </label>
</div>
<button type="submit" class="button1">Proceed to Payment</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about-contant">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="about-innercon">
<h3>Provide Clear Vision</h3>
<p style="text-align: justify;">Picture a world where every child possesses the precious gift of clear vision, enabling them to explore, learn, and dream without hindrance. Your generous donation of Rs 700 per child can provide eye spectacles, ensuring that children can perceive the world with clarity and confidence. Join us in bringing the invaluable gift of vision to those who need it the most. Help us bring the gift of vision to those who need it most.
<br /> <br />
</p>
</div>
</div>
<div class="col-md-6">
<div class="about-innercon">
<h3>Empower Young Minds</h3>
<p style="text-align: justify;">To unlock a brighter future, education holds the key. Your generous contribution of Rs 200 per child can provide essential stationery supplies, ensuring that young minds have the tools they need to learn, grow, and succeed. Join us in supporting their educational journey by providing the invaluable gift of stationery. Your support can make a significant impact on the academic growth of these children, empowering them for a better tomorrow.
<br /> <br />
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="about-innercon">
<h3>Health for All </h3>
<p style="text-align: justify;">Access to healthcare is a fundamental right, yet many underprivileged individuals lack access to essential medicines. Your generous donation of Rs 100 per camp beneficiary can provide critical medicines to those in need during our healthcare camps. Join us in our mission to ensure that everyone, regardless of their circumstances, has access to the healthcare they rightfully deserve. Your support can bring much-needed relief and care to those in need.
</p>
</div>
</div>
<div class="col-md-6">
<div class="about-innercon">
<h3>Greening Our World </h3>
<p style="text-align: justify;">Environmental sustainability is paramount for the future of our planet. Your generous donation of Rs 50 per tree can significantly contribute to our tree-planting initiatives, playing a crucial role in combating deforestation and mitigating climate change. Join us in our collective efforts to green our world for the benefit of generations to come. Your support can make a meaningful impact in preserving our environment and creating a more sustainable future.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="what-wedo-fold new5fold">
<div class="what-wedo-sec">
</div>
<div class="what-wedo-sec">
<div class="core-banner-in">
<img src="assets/images/snapshot.jpg" alt="Sharda Welfare">
</div>
<div class="what-wedo-in">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
</div>
<div class="col-lg-6">
<div class="core-phil-contant newcpill">
<h4>How to Donate </h4>
<b>Make a Real Impact with Your Generosity</b>
<p dir="ltr">
Your generous donation has the power to make a tangible difference in the lives of children and the communities we serve. Every rupee you contribute is a step towards building a more equitable and compassionate world.
<br /><br />
We extend our heartfelt gratitude for your support in aiding us to create a positive impact. Together, we have the potential to shape a brighter future for all. Thank you for being part of our mission.<br /><br />
Contact us at 8800998844, <a href="mailto:info@shardawelfare.org">info@shardawelfare.org</a>.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
function donateNow(){
var amount = $("input[name=amount]").val();
var citizen = $("input[name=citizen]").val();
var comment = $("input[name=comment_one]").is(':checked');
if(amount!='' && citizen !='' && comment){
$('.visibleForm').show();
$('.visibleAmount').hide();
}else{
console.log('elseBTN');
$("#err").show();
}
}
function setAmount(id){
if(id=='other'){
$('.inputAmount').show();
}else{
$('.inputAmount').hide();
}
}
</script>
<script>
let country = document.getElementById('country');
let countr = '';
// console.log(noteCards.innerHTML);
fetch('https://countriesnow.space/api/v0.1/countries')
.then(response => response.json())
.then(data => {
for(let i=0; i<=data.data.length; i++){
let str="";
countr += `<option value='${data.data[i].country}'`;
if(data.data[i].country =='India'){ console.log(data.data[i].country);
countr +=`selected`; }
countr +=`>${data.data[i].country}</option>`;
country.innerHTML = countr;
}
})
.catch(error => console.error(error))
</script>
Kontol Shell Bypass