Zploit 0-Day Shell

:: Editing File: page-2.php

<?php 
	
	include 'db.php';
	$value = isset($_GET['id']) ? $_GET['id'] : '';
	 
	 $sqlg = "SELECT * FROM groups WHERE id = '$value' ";
	
	$resultg = mysqli_query($conn, $sqlg);
	$row = mysqli_fetch_assoc($resultg);
	$id =  $row['id'];
	$img =  $row['image'];
	$url =  $row['url'];
	$collectiongroups_id =  $row['collectiongroups_id'];
	echo $subheading =  $row['subheading'];
	echo $content =  $row['content'];
	echo $spefication =  $row['spefication'];
	die;
	
	$sql_category = mysqli_query($conn, "SELECT name FROM collectiongroups WHERE id = $collectiongroups_id");

if ($sql_category && mysqli_num_rows($sql_category) > 0) {
		$row1 = mysqli_fetch_assoc($sql_category);
		$category_name = $row1['name'];
	} else {
		$category_name = "Fine Art India"; // Default value if not found
	}
	
	?>
	
<?php include "header.php"; ?>

<style>

/* Layout */

.product-view {

display: flex;

gap: 20px;

flex-wrap: nowrap;

align-items: flex-start;

position: relative; /* used by absolute zoom box */

}

/* Main image box */

.main-image {

border: 1px solid #ddd;

overflow: hidden;

position: relative;

background: #fff;

width: 100%;

max-width: 560px; /* optional cap */

}

.main-image img {

width: 100%;

height: auto;

display: block;

object-fit: contain;

cursor: crosshair;

}

/* Zoom result box */

.zoom-result {

border: 1px solid #ccc;

background-repeat: no-repeat;

background-size: 200%;

display: none;

position: absolute;

top: 0;

left: 105%;

z-index: 1000;

background-color: #fff;

box-shadow: 0 2px 10px rgba(0,0,0,0.2);

/* NEW */

width: 100%;

height: 100%;

}

/* Mobile overlay style (when .overlay class applied) */

.zoom-result.overlay {

position: fixed !important;

width: 90% !important;

height: 90% !important;

top: 5% !important;

left: 5% !important;

right: 5% !important;

background-color: #fff;

border: 2px solid #333;

box-shadow: 0 10px 40px rgba(0,0,0,0.45);

border-radius: 6px;

}

/* Close button (mobile overlay) */

.zoom-result .close-zoom {

position: absolute;

top: 8px;

right: 8px;

z-index: 1200;

background: rgba(0,0,0,0.6);

color: #fff;

border: none;

width: 36px;

height: 36px;

border-radius: 50%;

font-size: 18px;

line-height: 1;

cursor: pointer;

}

/* Thumbnails */

.thumbnail-images {

margin-top: 15px;

gap: 10px;

flex-wrap: wrap;

justify-content: flex-start;

}

.thumbnail-images img {

width: 60px;

height: 60px;

border: 2px solid #ddd;

cursor: pointer;

object-fit: cover;

display: inline-block;

}

.thumbnail-images img.active,

.thumbnail-images img:hover {

border: 2px solid #ff6600;

}

/* Specs Table */

.dec-container table {
			  width: 100%;
			  border-collapse: collapse;
			  background: #fff;
			  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
				  font-size: 1.2em;
			}
			th, td {
			  padding: 12px 15px;
			  border: 1px solid #a1a1a1;
			  text-align: left;
				 font-size: 1.2em;
			}
			th {
			  background: #f4f4f4;
			  width: 200px;
			  font-weight: bold;
				  font-size: 1.2em;
			}
			tr:nth-child(even) {
			  background: #fdfdfd;
			  
			}
			tr:hover {
			  background: #f1f1f1;
			}

/* Responsive tweaks */

@media (max-width: 992px) {

.product-view { flex-wrap: wrap; }

.zoom-result { left: 0; top: calc(100% + 12px); position: relative; width: 100%; height: 300px; }

}

@media (max-width: 768px) {

.thumbnail-images img { width: 48px; height: 48px; }

.zoom-result { display: none; } /* default hidden on mobile until overlay toggled */

}

</style>

</div>

</div>

</div>

</div>

<img id="mainProductImage"

src="logo/CanvasPainting/1/01.jpg"

data-large="logo/CanvasPainting/1/01.jpg"

alt="<?php echo $img;?>">

</div>
		<?php } else { ?>
		
		<div class="main-image" id="mainImageBox">

<img id="mainProductImage"

src="uploads/group/<?php echo $row['url']; ?>/<?php echo $row['image']; ?>"

data-large="uploads/group/<?php echo $row['url']; ?>/<?php echo $row['image']; ?>"

alt="<?php echo $img;?>">

</div>
		<?php } ?>

</div>

<?php if($img=='cp-1.jpg') { ?>
     <center><div class="thumbnail-images mt-3">

</div></center>
	<?php } ?>

</div>

<!--<div class="text-block-title">

</div>
	   -->
	   
	   <div class="text-block-title">
			<h4>
				<?php 
				if (!empty($subheading)) {
					echo htmlspecialchars($subheading);
				} else {
					echo "Fine Art India Photography";
				}
				?>
			</h4>
		</div>

<br>
		
		
	    <div class="text-block-title">
		<h4>
			<?php 
			if (!empty($content)) {
				echo htmlspecialchars($content);
			} else { ?>
				<div id="con">
					    <p class="has-drop-cap text-justify">Fine Art India fulfills every order on behalf of talented artists — managing the entire process with care and precision. From printing, framing, and matting to packaging, shipping, and payment collection, we ensure a seamless experience for both artists and customers. Our goal is to make art accessible while empowering creators to focus on their passion.</p>
						<p>At the heart of Fine Art India lies a commitment to creativity, authenticity, and collaboration. We believe in building trust and long-term relationships by maintaining the highest standards of quality and integrity in every artwork we deliver. Our dedicated team works closely with artists and clients to bring their vision to life with professionalism and attention to detail.
						<p>We take pride in connecting people through art — offering pieces that inspire, beautify spaces, and tell meaningful stories. Every creation we deliver reflects our dedication to excellence and our respect for the artistic spirit. 🎨</p>
				</div>
			<?php } ?>
			</h4>
		</div>
		
		<?php if (!empty($spefication)) { ?>
		<div class="tbc_subtitle">Specification</div>
		<div class="row">
		  <?php echo $spefication ?>
		</div>
		<?php } ?>

</div>

</div>

</div> 
   
   
   
   
                        <div class="post-related">
                            <div class="post-related_title">
                                <h4 style="font-size: 30px;color: #c4a676;">Other Images</h4>
                                <div class="section-separator"><span><i class="fa-thin fa-paint-brush"></i></span></div>
                            </div>
                              
                            <div class=" row">
                                 
								<?php    $sqlsm = "SELECT * FROM groups WHERE id != '$id' AND collectiongroups_id='$collectiongroups_id' order by id desc LIMIt 4  ";
								$resultsq = mysqli_query($conn, $sqlsm);
								while($rows1 = mysqli_fetch_assoc($resultsq)) { 
								?>
								
                                <div class="item-related col-lg-3">
                                    <a href="page-2.php?id=<?php echo $rows1['id']; ?>" class="item-related_img">
                                        <img src="uploads/group/<?php echo $rows1['image'] ?>" class="respimg"   alt="">
                                        <div class="overlay"></div>
                                        <span>View Details</span>
                                    </a>
                                    <h4 > <a href="products.php?id=<?php echo $row['id']?>" style="    font-size: 20px;
    color: #c4a676;"><?php echo $rows1['subheading'] ?></a></h4>
                                   
                                </div>
                                 
								 <?php } ?>
                             
                            </div>
                        </div>
                         
					<br><br><br>

</div>

</div>
 
 		 
				  <div class="features-section">
					<div class="container">
					  <div class="row justify-content-center">
						
						
						<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-truck-fast"></i>
							<div>
							  <h6>Free Shipping</h6>
							  <p>Enjoy free shipping on all orders</p>
							</div>
						  </div>
						</div>

<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-credit-card"></i>
							<div>
							  <h6>Flexible Payment</h6>
							  <p>Pay with Multiple Credit Cards</p>
							</div>
						  </div>
						</div>

<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-box-open"></i>
							<div>
							  <h6>14 - Days Return</h6>
							  <p>Free return/exchange within 30 days</p>
							</div>
						  </div>
						</div>

<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-headset"></i>
							<div>
							  <h6>Premium Support</h6>
							  <p>Enjoy our premium support</p>
							</div>
						  </div>
						</div>

</div>
					</div>
				  </div>
  <!-- section   --
                <div class="content-section  parallax-section hidden-section dark-bg" data-scrollax-parent="true">
                    <div class="bg par-elem"  data-bg="images/bg/14.jpg" data-scrollax="properties: { translateY: '30%' }"></div>
                    <div class="overlay overlay-bold"></div>
                    <div class="container">
                        <!-- inline-facts --
                        <div class="inline-facts-wrap">
                            <div class="inline-facts two-col-mobile">
                                <div class="milestone-counter">
                                    <div class="stats animaper">
                                        <div class="num1"><i class="fa fa-truck-fast"></i></div>
                                    </div>
                                </div>
                                <h6>Free Shipping</h6>
                            </div>
                            <div class="inline-facts two-col-mobile">
                                <div class="milestone-counter">
                                    <div class="stats animaper">
                                        <div class="num1"><i class="fa fa-credit-card"></i></div>
                                    </div>
                                </div>
                                <h6>Flexible Payment</h6>
                            </div>
                            <div class="inline-facts two-col-mobile">
                                <div class="milestone-counter">
                                    <div class="stats animaper">
                                        <div class="num1"><i class="fa fa-box-open"></i></div>
                                    </div>
                                </div>
                                <h6>14-Days Return</h6>
                            </div>
                            <div class="inline-facts two-col-mobile">
                                <div class="milestone-counter">
                                    <div class="stats animaper">
                                        <div class="num1"><i class="fa fa-headset"></i></div>
                                    </div>
                                </div>
                                <h6>Premium Support</h6>
                            </div>
                            
                        </div>
                        <!-- inline-facts end --                         
                    </div>
                    <div class="dec-corner dc_lb"></div>
                    <div class="dec-corner dc_rb"></div>
                    <div class="dec-corner dc_rt"></div>
                    <div class="dec-corner dc_lt"></div>
					
					 <div class="features-section">
					<div class="container">
					  <div class="row justify-content-center">
						
						<!-- Free Shipping --
						<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-envelope"></i>
							<div>
							  <h6>Free Shipping</h6>
							  <p>Enjoy free shipping on all orders</p>
							</div>
						  </div>
						</div>

<!-- Flexible Payment --
						<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-envelope"></i>
							<div>
							  <h6>Flexible Payment</h6>
							  <p>Pay with Multiple Credit Cards</p>
							</div>
						  </div>
						</div>

<!-- 14-Days Return --
						<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-envelope"></i>
							<div>
							  <h6>14 - Days Return</h6>
							  <p>Free return/exchange within 30 days</p>
							</div>
						  </div>
						</div>

<!-- Premium Support --
						<div class="col-md-3 col-sm-6">
						  <div class="feature-box">
							<i class="fa fa-envelope"></i>
							<div>
							  <h6>Premium Support</h6>
							  <p>Enjoy our premium support</p>
							</div>
						  </div>
						</div>

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

</div>

$(document).ready(function () {

const $main = $('#mainProductImage');

const $box = $('#mainImageBox');

const $zoom = $('#zoomResult');

let largeNaturalWidth = 0;

let largeNaturalHeight = 0;

let currentLargeSrc = $main.attr('data-large') || $main.attr('src');

// Append close button (used when overlay on mobile)

if ($zoom.find('.close-zoom').length === 0) {

$zoom.append('<button class="close-zoom" aria-label="Close zoom">✕</button>');

}

const $closeBtn = $zoom.find('.close-zoom');

// Preload large image and compute scale

function loadLargeImage(src) {

return new Promise((resolve, reject) => {

const img = new Image();

img.onload = function () {

largeNaturalWidth = this.naturalWidth;

largeNaturalHeight = this.naturalHeight;

currentLargeSrc = src;

$zoom.css('background-image', "url('" + src + "')");

updateBackgroundSize();

resolve();

};

img.onerror = function () { reject(); };

img.src = src;

});

}

function updateBackgroundSize() {

const mainW = $main.width();

const mainH = $main.height();

if (!mainW || !mainH || !largeNaturalWidth || !largeNaturalHeight) return;

// factor percent = how much larger the large image is compared to displayed image

const factorX = (largeNaturalWidth / mainW) * 100;

const factorY = (largeNaturalHeight / mainH) * 100;

// choose the larger factor so the zoom doesn't show empty areas

const percent = Math.max(factorX, factorY);

$zoom.css('background-size', percent + '% ' + percent + '%');

}

// Initialize

loadLargeImage(currentLargeSrc).catch(function () {

// fallback — use displayed image

$zoom.css('background-image', "url('" + ($main.attr('src') || '') + "')");

updateBackgroundSize();

});

// Thumbnail click handler

$('.thumbnail-images img').on('click', function () {

const small = $(this).attr('src');

const large = $(this).data('large') || small;

$main.attr('src', small).attr('data-large', large);

$('.thumbnail-images img').removeClass('active');

$(this).addClass('active');

loadLargeImage(large).catch(function () {

// ignore error

});

// Update sizes on window resize

$(window).on('resize', function () {

updateBackgroundSize();

});

const isTouch = ('ontouchstart' in window) || navigator.maxTouchPoints > 0;

// Desktop: hover/mousemove

if (!isTouch) {

$box.on('mouseenter', function () {

$zoom.show();

$zoom.attr('aria-hidden', 'false');

updateBackgroundSize();

});

$box.on('mousemove', function (e) {

const offset = $box.offset();

const x = e.pageX - offset.left;

const y = e.pageY - offset.top;

const w = $box.width();

const h = $box.height();

// keep percent between 0 and 100

const xPercent = Math.max(0, Math.min(100, (x / w) * 100));

const yPercent = Math.max(0, Math.min(100, (y / h) * 100));

$zoom.css('background-position', xPercent + '% ' + yPercent + '%');

});

$box.on('mouseleave', function () {

$zoom.hide();

$zoom.attr('aria-hidden', 'true');

});

} else {

// Mobile: tap to open overlay; tap close or background to close

$box.on('click touchstart', function (e) {

// Toggle overlay zoom

if (!$zoom.hasClass('overlay')) {

$zoom.addClass('overlay').show().attr('aria-hidden', 'false');

$('body').css('overflow', 'hidden'); // prevent background scroll

updateBackgroundSize();

} else {

$zoom.removeClass('overlay').hide().attr('aria-hidden', 'true');

$('body').css('overflow', '');

}

// prevent the click from triggering other handlers

e.preventDefault();

e.stopPropagation();

});

// Update background-position on touchmove (while overlay active)

$box.on('touchmove', function (e) {

const touch = e.originalEvent.touches[0];

if (!touch) return;

const offset = $box.offset();

const x = touch.pageX - offset.left;

const y = touch.pageY - offset.top;

const w = $box.width();

const h = $box.height();

const xPercent = Math.max(0, Math.min(100, (x / w) * 100));

const yPercent = Math.max(0, Math.min(100, (y / h) * 100));

$zoom.css('background-position', xPercent + '% ' + yPercent + '%');

});

// close button

$closeBtn.on('click', function (e) {

e.stopPropagation();

$zoom.removeClass('overlay').hide().attr('aria-hidden', 'true');

$('body').css('overflow', '');

});

// also allow clicking outside (on zoomResult background) to close overlay

$zoom.on('click', function (e) {

// if clicked the close button, let that handler run

if ($(e.target).is('.close-zoom')) return;

// close overlay when clicking the zoom area (makes it easy to close)

if ($zoom.hasClass('overlay')) {

$zoom.removeClass('overlay').hide().attr('aria-hidden', 'true');

$('body').css('overflow', '');

}

});

}

});

</script>

<style>
/* Button */

.popup-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 999;
  justify-content: center;
  align-items: center;
}

.popup-box img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(255,255,255,0.4);
}

.popup-box .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
}

#openModal {
  
  color: #fff;
  border: none;
 
  cursor: pointer;
}

#openModal:hover {
 /* background: #005fcc;*/
}

/* Modal Background */
.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

/* Modal Content */
.modal-content {
  background: #fff;
  width: 70%;
  max-width: 900px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  display: flex;
  animation: zoomIn 0.3s ease;
}

/* Zoom Animation */
@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* Close Button */
.close {
  position: absolute;
    top: 0px;
    right: 5px;
    font-size: 28px;
    color: #555;
    cursor: pointer;
}

.close:hover {
  color: red;
}

/* Modal Body Split */
.modal-body {
  display: flex;
  width: 100%;
}

/* Left Side (Image) */
.modal-left {
  width: 100%;
}
.modal-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Right Side (Form) */
.modal-right {
  width: 100%;
  padding: 30px;
}

.modal-right h2 {
  margin-bottom: 20px;
  color: #333;
}

.modal-right label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}

.modal-right input,
.modal-right textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
}

.modal-right textarea {
  resize: none;
  height: 100px;
}

/* Responsive */
@media (max-width: 768px) {
  .modal-content {
    flex-direction: column;
    width: 90%;
  }
  .modal-left, .modal-right {
    width: 100%;
  }
  .modal-left img {
    height: 200px;
  }
}
</style>

!-- Modal -->
<div id="enquiryModal" class="modal">
  <div class="modal-content">
    <span class="close">&times;</span>

<button type="submit" class="btn commentssubmit" style=" margin-top: 20px; float: left;">Submit</button>
					</form>
				  </div>
				</div>
			</div>
			 
    </div>

</div>
</div>

<?php include "footer.php"; ?>

$(document).ready(function(){
  // Open modal
  $("#openModal").click(function(){
	//var mainImageSrc = $("#mainProductImage img").attr("src");
	//$("#modalImage").attr("src", mainImageSrc);
    $("#enquiryModal").fadeIn().css("display","flex");
  });

// Close modal
  $(".close").click(function(){
    $("#enquiryModal").fadeOut();
  });

// Close when clicking outside modal
  $(window).click(function(e){
    if($(e.target).is("#enquiryModal")){
      $("#enquiryModal").fadeOut();
    }
  });

// Handle form submit (you can connect it to backend)
  $("#enquiryForm").submit(function(e){
    e.preventDefault();
    alert("Form submitted successfully!");
    $("#enquiryModal").fadeOut();
    this.reset();
  });

// when main image clicked
  /*$("#mainProductImage").click(function() {
    // get image src
    let imgSrc = $(this).attr("src");

// set popup image src
    $("#popupImage").attr("src", imgSrc);

// show popup
    $("#popupBox").fadeIn().css("display", "flex");
  });*/

// close popup when X clicked
  $(".close").click(function() {
    $("#popupBox").fadeOut();
  });

// close popup when clicking outside image
  $(window).click(function(e) {
    if ($(e.target).is("#popupBox")) {
      $("#popupBox").fadeOut();
    }
  });

});

</script>