One Hat Cyber Team

Your IP : 172.70.80.191

Server IP : 188.114.96.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

Dir : ~/home/thuruk/public_html/application/views/

Edit File: trees_list_copy.php

<!DOCTYPE html>

<html>

<head>

<title>Thuru Kapakaru | Tree List</title>

<style>

.title-box {

text-align: center;

}

.card {

box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

transition: 0.3s;

width: 30%;

display: inline-block;

margin: 5px;

margin-bottom: 10px;

height:500px;

padding: 10px;

background: #fff;

border-radius: 15px;

}

.card-description {

margin-top: 15px;

border-left: 10px solid #6ac610;

height: 275px;

text-align: left;

padding: 20px;

margin-left: -10px;

border-bottom-left-radius: 15px;

display: flex;

flex-direction: column;

}

.card:hover {

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

}

.container {

padding: 2px 16px;

}

.card-holder {

width: 85%;

display: inline-block;

text-align: right;

}

.left-tree-list ul {

margin-left: 30px;

margin-top: 30px;

}

.left-tree-list ul li {

padding: 15px;

background-color: green;

margin-bottom: 15px;

border-radius: 15px;

color: #fff;

text-align: center;

}

p.tree-title {

color: #6ac610;

font-size: 16px;

overflow: hidden;

height: 100%;

}

.card span {

color: #000;

font-size: 18px;

}

.read-more-btn {

display: block;

background-color: #6ac610;

color: #fff;

width: max-content;

padding: 10px 15px;

border-radius: 10px;

}

.read-more-btn:hover {

background-color: #000;

color: #fff;

}

.left-tree-list {

display: inline-block;

width: 20%;

}

.tree-container {

display: flex;

}

img.tree- {
    transition: transform 0.3s;
}

img.tree-img:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.2); 
}

/*mobile-view*/

@media screen and (max-width: 767px) {

.card {

width: 100%;

}

/*tab-portrait*/

@media (min-width: 768px) and (max-width: 991px) {

}

/*large screen*/

@media screen and (min-width: 1400px) {

}

/*windows mobile*/

@media (max-width: 767px) and (min-width: 451px){

}

</style>

<?php $page='trees'; ?>

</head>

<body>

<!-- Preloader

-->

<?php

// $path = $_SERVER['DOCUMENT_ROOT'];

$path = "/resources/includes/header.php"; /*$path .= */

require_once(__DIR__.$path);

?>

<section class="testimonials-section" style="background-image:url(<?php echo base_url();?>public/assets/images/main-slider/1.jpg);">

<h2 class="parallax-heading">Search Planted Tree Here </h2>

</div>

<form action="<?php echo base_url();?>Trees/TreeLibraryInfo" >

<!-- <div class="input-field second-wrap">

</div> -->

<select class="form-control"  id="plant" name="name" >
                          <option value="">Select a tree...</option>

<?php

$plantquery="select * from tree_name";

if ($plantresult = mysqli_query($connect,$plantquery)) {

// Get field information for all fields

while ($plantrow = mysqli_fetch_assoc($plantresult)) {

?>

<option value="<?php echo $plantrow['name'];?>"><?php echo $plantrow['name'];?></option>
                
                                <?php

}

?>

</select>

</div>

</svg>

</button>

</div>

</form>

</div>

</section>

<?php $x = 1;?>

<?php while($row=mysqli_fetch_assoc($result)){ ?>

<img class="tree-img" src="<?php echo $row['image'];?>" style="width:100%;height:200px">

<span>Scientific Name : </span>

<a class="read-more-btn" href="<?php echo base_url()?>Trees/TreeInfo/<?php echo $row['plant_details_id']?>">Read More</a>

</div>

<?php } ?>

<?php $x++; ?>

</div>

</section>

<?php include __DIR__.'/resources/includes/footer.php'; ?>

</div>

<h3>How Much Would you like to Donate?</h3>

</div>

</div>

</div>

</div>

</div>

</div>

<br>

<h4>Billing Information</h4>

<div class="field-label">First Name <span class="required">*</span></div>

</div>

</div>

<div class="field-label">Email <span class="required">*</span></div>

</div>

<div class="field-label">Phone <span class="required">*</span></div>

</div>

<div class="field-label">Address 1 <span class="required">*</span></div>

</div>

<div class="field-label">Address 2 <span class="required">*</span></div>

</div>

<br>

<h4>Payment Information</h4>

<br>

<div class="field-label">Card Number <span class="required">*</span></div>

</div>

<div class="field-label">Card Holder Name <span class="required">*</span></div>

</div>

<div class="field-label">Expire Date <span class="required">*</span></div>

</select>

</div>

</select>

</div>

<div class="field-label">Security Code (CVC) <span class="required">*</span></div>

</div>

<div class="text-left"><button type="submit" class="theme-btn btn-style-two">Donate Now</button></div>

</form>

</div>

</section>

</div>

</div>

</div>

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>

</body>

</html>