One Hat Cyber Team
Your IP :
172.69.130.198
Server IP :
188.114.97.4
Server :
Linux thuru 6.5.11-4-pve #1 SMP PREEMPT_DYNAMIC PMX 6.5.11-4 (2023-11-20T10:19Z) x86_64
Server Software :
Apache/2.4.51 (Unix) OpenSSL/1.0.2k-fips
PHP Version :
7.3.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
thuruk
/
public_html
/
application
/
views
/
View File Name :
treeplanting.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Thuru Kapakaru | Add New Tree</title> <link href="<?php echo base_url();?>public/assets/css/bootstrap.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/style.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/revolution-slider.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/mystyle.css" rel="stylesheet"> <link href="<?php echo base_url();?>public/assets/css/main.css" rel="stylesheet"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link href="<?php echo base_url();?>public/assets/css/responsive.css" rel="stylesheet"> <script src="https://raw.githubusercontent.com/mebjas/html5-qrcode/master/minified/html5-qrcode.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"> <script src="https://kit.fontawesome.com/bb7ec8c43c.js" crossorigin="anonymous"></script> <?php $page='contact'; ?> <style> .fixed-header.main-header .header-upper { border-bottom: 1px solid #35fd00; } </style> </head> <body> <div class="page-wrapper"> <!-- Preloader <div class="preloader"></div>--> <?php // $path = $_SERVER['DOCUMENT_ROOT']; $path = "/resources/includes/header.php"; /*$path .= */ require_once(__DIR__.$path); ?> <!--Page Title--> <section class="page-title" style="background-image:url(<?php echo base_url();?>public/assets/images/main-slider/1.jpg);"> <div class="auto-container"> <div class="sec-title"> <h1>Tree Planting</h1> </div> </div> </section> > <!--Default Section / Other Info--> <section id="planting-section" class="default-section"> <div class="auto-container"> <div class="row clearfix"> <?php echo $message == "success"?'<div class="alert alert-success"> <strong>Successfully Sent !</strong> </div>' :""?> <div class="container"> <div class="add-planting-text"> <p>We opt to help you donate a tree to the planet as a special gift on your birthday. It’s quite simple, enter your personal information, pick a plant and date, then you submit the information to which we will reply via email. The amount along with further details will be notified via email.</p> <h3 class="plant-sub-heading">Why should you plant a tree on your birthday?</h3> <p>The air we breathe is created by the trees around us, they keep us alive. It helps clean the air that is polluted on a daily basis. Planting a tree is beneficial to erase the damage caused by humans everyday. Be it traveling, using an electronic or tech device etc. They all cater to leaving a CO2 footprint. You can help make a change by planting a tree on your special day. </br></br> Almost everything we do daily generates CO2 and adds up to the increase of pollution which leads to climate change and global erosion. You can do something to save our planet by planting a tree. A donation made today as a gift for the future and for a better life for the next generation, a better world ultimately.</p> </div> <div class="form-fullbox"> <!--left--> <form id="treeplantingform" action="<?php echo base_url()?>SendMail/sendNow"> <label for="fname">Name:</label><br> <input class="form-control plant-form-text" placeholder="Your Name" type="text" id="fname" name="name" required><br> <label for="lname">Email:</label><br> <input class="form-control plant-form-text" type="email" placeholder="Your Email" id="email" name="email" required><br> <label for="lname">Phone Number:</label><br> <input class="form-control plant-form-text" type="number" placeholder="Your Contact" id="phone" name="phone" required><br> <label for="lname">Tree List:</label><br> <select class="form-control plant-form-text" name="tree_name" id="sel1"> <option>අඹ</option> <option>රඹුටන්</option> <option>කොස්</option> <option>මී</option> <option>ජම්බු</option> <option>කුඹුක්</option> <option>දෙහි</option> <option>තැඹිලි</option> <option>අනෝදා</option> <option>අලිගැට පේර</option> </select><br> <label for="lname">Event Type:</label> <div class="event-row"> <h4 class="form-topic">Birthday</h4><input type="radio" id="birth" name="event_type" value="birthday" onclick="check()"> </div> <div id="birth-opt" class="birthday-options"> Birthday Date<input type="date" name="birthday" class="form-control plant-form-text"> Suggested Date<input type="date" name="suggest" class="form-control plant-form-text"> </div> <div class="event-row"> <h4 class="form-topic">Other Event</h4><input class="form-control plant-form-text" type="radio" id="other" name="event_type" value="other" onclick="checkOther()"> </div> <div id="other-opt" class="other-options"> Suggested Date<input class="form-control plant-form-text" name="suggest" type="date"> </div> <input class="planting-submit" type="submit" value="Submit"> </form> <!--right--> <div class="form-right-box"> <img class="form-right-img" src="<?php echo base_url();?>public/assets/images/main-slider/birth.jpg"> </div> </div> </div> </div> </div> </section> <script> function check() { if(document.getElementById('birth').checked = true) { document.getElementById('birth-opt').style.display = 'block'; document.getElementById('other-opt').style.display = 'none'; } } function checkOther() { if(document.getElementById('other').checked = true) { document.getElementById('other-opt').style.display = 'block'; document.getElementById('birth-opt').style.display = 'none'; } } </script> <!--Footer--> <?php include __DIR__.'/resources/includes/footer.php'; ?> </div> <!--End pagewrapper--> <!--Donate Popup--> <div class="modal fade pop-box" id="donate-popup" tabindex="-1" role="dialog" aria-labelledby="donate-popup" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <!--Donation Section--> <section class="donation-section"> <div class="donation-form-outer"> <form method="post" action="contact.html"> <!--Form Portlet--> <div class="form-portlet"> <h3>How Much Would you like to Donate?</h3> <div class="row clearfix"> <div class="form-group col-lg-7 col-md-12 col-xs-12 clearfix"> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-1"> <label for="amount-1">$10</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-2" checked> <label for="amount-2">$25</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-3"> <label for="amount-3">$50</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-4"> <label for="amount-4">$100</label> </div> <div class="radio-select"> <input type="radio" name="sel-amount" id="amount-5"> <label for="amount-5">$150</label> </div> </div> <div class="form-group other-amount col-lg-5 col-md-8 col-xs-12 padd-top-10"> <input type="text" name="other-amount" value="" placeholder="Or Other Amount"> </div> </div> </div> <br> <!--Form Portlet--> <div class="form-portlet"> <h4>Billing Information</h4> <div class="row clearfix"> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">First Name <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="First Name" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Last Name <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Last Name" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Email <span class="required">*</span></div> <input type="email" name="name" value="" placeholder="Email" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Phone <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Phone" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Address 1 <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Address 1" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Address 2 <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Address 2" required> </div> </div> </div> <br> <!--Form Portlet--> <div class="form-portlet"> <h4>Payment Information</h4> <div class="payment-option-logo"><img class="img-responsive" src="../images/resource/payment-logos.png" alt=""></div> <br> <div class="row clearfix"> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Card Number <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Card Number" required> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Card Holder Name <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Card Holder Name" required> </div> <div class="form-group col-lg-3 col-md-3 col-xs-12"> <div class="field-label">Expire Date <span class="required">*</span></div> <select> <option>01</option> <option>02</option> <option>03</option> <option>04</option> <option>05</option> <option>06</option> <option>07</option> <option>08</option> <option>09</option> <option>10</option> <option>11</option> <option>12</option> </select> </div> <div class="form-group col-lg-3 col-md-3 col-xs-12"> <div class="field-label"> </div> <select> <option>2016</option> <option>2017</option> <option>2018</option> <option>2019</option> <option>2020</option> </select> </div> <div class="form-group col-lg-6 col-md-6 col-xs-12"> <div class="field-label">Security Code (CVC) <span class="required">*</span></div> <input type="text" name="name" value="" placeholder="Security Code" required> </div> </div> </div> <div class="text-left"><button type="submit" class="theme-btn btn-style-two">Donate Now</button></div> </form> </div> </section> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <!-- /.modal --> <!--registration js--> <script> var currentTab = 0; // Current tab is set to be the first tab (0) showTab(currentTab); // Display the current tab function showTab(n) { // This function will display the specified tab of the form ... var x = document.getElementsByClassName("tab"); x[n].style.display = "block"; // ... and fix the Previous/Next buttons: if (n == 0) { document.getElementById("prevBtn").style.display = "none"; } else { document.getElementById("prevBtn").style.display = "inline"; } if (n == (x.length - 1)) { document.getElementById("nextBtn").innerHTML = "Submit"; } else { document.getElementById("nextBtn").innerHTML = "Next"; } // ... and run a function that displays the correct step indicator: fixStepIndicator(n) } function nextPrev(n) { // This function will figure out which tab to display var x = document.getElementsByClassName("tab"); // Exit the function if any field in the current tab is invalid: if (n == 1 && !validateForm()) return false; // Hide the current tab: x[currentTab].style.display = "none"; // Increase or decrease the current tab by 1: currentTab = currentTab + n; // if you have reached the end of the form... : if (currentTab >= x.length) { //...the form gets submitted: document.getElementById("regForm").submit(); return false; } // Otherwise, display the correct tab: showTab(currentTab); } function validateForm() { // This function deals with validation of the form fields var x, y, i, valid = true; x = document.getElementsByClassName("tab"); y = x[currentTab].getElementsByTagName("input"); // A loop that checks every input field in the current tab: for (i = 0; i < y.length; i++) { // If a field is empty... if (y[i].value == "") { // add an "invalid" class to the field: y[i].className += " invalid"; // and set the current valid status to false: valid = false; } } // If the valid status is true, mark the step as finished and valid: if (valid) { document.getElementsByClassName("step")[currentTab].className += " finish"; } return valid; // return the valid status } function fixStepIndicator(n) { // This function removes the "active" class of all steps... var i, x = document.getElementsByClassName("step"); for (i = 0; i < x.length; i++) { x[i].className = x[i].className.replace(" active", ""); } //... and adds the "active" class to the current step: x[n].className += " active"; } </script> <script src="<?php echo base_url();?>public/assets/js/jquery.js"></script> <script src="<?php echo base_url();?>public/assets/js/bootstrap.min.js"></script> <script src="<?php echo base_url();?>public/assets/js/revolution.min.js"></script> <script src="<?php echo base_url();?>public/assets/js/jquery.fancybox.pack.js"></script> <script src="<?php echo base_url();?>public/assets/js/jquery.fancybox-media.js"></script> <script src="<?php echo base_url();?>public/assets/js/owl.js"></script> <script src="<?php echo base_url();?>public/assets/js/wow.js"></script> <script src="<?php echo base_url();?>public/assets/js/script.js"></script> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> </body> </html>