Zploit 0-Day Shell

:: Editing File: artisticphotography.php

<?php include"header.php"?>

<div class="header-overlay close_cart-init"></div>
		
		
		<div class="content-section parallax-section hero-section hidden-section" data-scrollax-parent="true">
			<div class="bg par-elem " data-bg="images/bg/1.jpg" data-scrollax="properties: { translateY: '30%' }"></div>
			<div class="overlay"></div>
			<div class="container">
				<div class="section-title">
					<h4 style="color:#fff">Photography telling stories beyond visual moments</h4>
					<h2>Artistic Photography</h2>
					<div class="section-separator"><span><i class="fa-thin fa-paint-brush"></i></span></div>
				</div>
			</div>
			<div class="hero-section-scroll">
				<div class="mousey">
					<div class="scroller"></div>
				</div>
			</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>
		
		
		
		
		<div class="content">
			
			<div class="breadcrumbs-wrap">
				<div class="container">
					<a href="index.php">Home  </a>
					<span>  <i class="fa-light fa-arrow-right-long" style="color:#c4a677;font-size:16px;"></i> 
					</span> <a href="categories.php">Categories</a>
					<span>  <i class="fa-light fa-arrow-right-long" style="color:#c4a677;font-size:16px;"></i> 
					
					<a href="categories.php">Artistic Photography</a> 
					
				</div>
			</div>
			
			
			<div class="container" id="collectionpage" style="margin-top: 50px;">
				
				<div class="row">
					<div class="col-sm-9">
						<div class="row">
						
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
								<img  src="uploads/group/artisticphotography/176139893968fcd09b7cc2c.jpg" class="respimg">
								
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139911068fcd14649667.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139913268fcd15cc7f78.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139915268fcd170e7da8.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139917368fcd185bbb8d.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139919168fcd197d0599.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139921668fcd1b0d0f58.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139922968fcd1bdc3bad.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139924068fcd1c8396fb.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139930668fcd20a751ac.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
								<img  src="uploads/group/artisticphotography/176139932168fcd219c0147.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
								<img  src="uploads/group/artisticphotography/176139933468fcd22676fae.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139934868fcd2346688c.jpg" class="respimg">
							</div>
								
															
							<div class="item-related col-lg-4" style="margin-bottom:30px;">
									<img  src="uploads/group/artisticphotography/176139936568fcd2452f9d0.jpg" class="respimg">							
							</div>
						</div>	
					</div>	
					<div class="col-xl-3 col-lg-3 col-md-7 col-sm-12">
					
					
					
					
	<div class="main-sidebar-widget">
	
	
					
				<a href="https://api.whatsapp.com/send?phone=919822522381" target="_blank">
					<img src="logo/enquire-now.png" width="250px"></a>
				
				<a id="openModal"><img src="logo/print-on-demand.png" width="250px"></a>
				<br><br>	
		<h3>Categories</h3>
		<div class="category-widget">

<ul class="cat-item">
									<li>
						<a href="page1.php">
							<i class="fa-light fa-arrow-right-long"></i> Canvas Paintings						</a>
						<span>&nbsp;</span>
					</li>

<li>
						<a href="Design-AI">
							<i class="fa-light fa-arrow-right-long"></i> Design AI						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="ink-drawing">
							<i class="fa-light fa-arrow-right-long"></i> Ink Drawing Art						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="landscape-paintings">
							<i class="fa-light fa-arrow-right-long"></i> Landscape Paintings						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="figurative-art">
							<i class="fa-light fa-arrow-right-long"></i> Figurative Art						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="digital-art">
							<i class="fa-light fa-arrow-right-long"></i> Digital Art						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="charcoal-art">
							<i class="fa-light fa-arrow-right-long"></i> Charcoal Art						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="murals">
							<i class="fa-light fa-arrow-right-long"></i> Murals						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="abstract">
							<i class="fa-light fa-arrow-right-long"></i> Abstract						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="artistic">
							<i class="fa-light fa-arrow-right-long"></i> Artistic Photography						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="traditional-art">
							<i class="fa-light fa-arrow-right-long"></i> Traditional Art						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="print-making">
							<i class="fa-light fa-arrow-right-long"></i> Print Making						</a>
						<span>&nbsp;</span>
					</li>
									<li>
						<a href="illustrations">
							<i class="fa-light fa-arrow-right-long"></i> Illustrations						</a>
						<span>&nbsp;</span>
					</li>
								
			</ul>
		</div>
	</div>
	
	
	
	
	
 </div>
 				</div>
			</div>
		</div>

<?php include"footer.php"?>

$(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>

$(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>