Zploit 0-Day Shell

:: Editing File: artisticphoto.php

<?php include"header.php";
        include 'db.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="uploads/slider.png" data-scrollax="properties: { translateY: '30%' }"></div>
                <div class="overlay"></div>
                <div class="container">
                    <div class="section-title">
                        <h4 style="color:#fff">Framing Emotions with Creative Vision</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>
						<a href="#"><i class="fa-light fa-arrow-right-long" aria-hidden="true" style="color:#c4a676"></i></a>
						<span>Artistic Photography</span>
                    </div>
                </div>
                
                
                
                
                
                 
                <div class="content-section">
                    <div class="section-dec"></div>
                    <div class="content-dec2 fs-wrapper"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-9">
                                <div class="dec-container">
                                    <div class="dc_dec-item_left"><span></span></div>
                                    <div class="text-block">
                                        <div class="text-block-title">
                                            <h4>Artistic Photography</h4>
                                            
                                        </div>
                                        <div class="room-card-details rcd-single">
                                            <ul>
                                                <li><i class="fa-light fa-crop"></i><span>Conceptual Theme</span></li>
                                                <li><i class="fa-light fa-user"></i><span>Aesthetic Quality</span></li>
                                                <li><i class="fa-light fa-wall"></i><span>Wall Art</span></li>
                                                <li><i class="fa-light fa-light"></i><span>Light and Texture</span></li>
                                            </ul>
                                        </div>
                                        <div class="text-block-container">
                                            <p class="has-drop-cap" style="text-align:justify"> The content of Artistic Photography, also known as Fine-Art Photography, is centered on the photographer's personal creative expression, vision, idea, message, or emotion. Unlike photojournalism (which aims for an objective, documentary record) or commercial photography (which aims to sell a product), the main focus of fine-art photography content is subjective interpretation and fulfilling the artistic vision of the creator. These photographs move beyond literal representation, focusing on mood, texture, and emotion. They invite the viewer into a dialogue with the work, encouraging personal interpretation and reflection. Each piece is a testament to the power of art to reshape our perception of reality.

Ideal for contemporary art collectors and those looking to infuse a space with sophisticated, thought-provoking works, the Artistic Photography collection brings a bold, creative energy to any setting. It represents the pinnacle of photographic artistry and conceptual depth.</div>
                                            </p>
                                            
                                        <div class="tbc-separator"></div>
                                        <div class="tbc_subtitle text-center" style="text-align: center">Gallery of Artistic Photography Elegance  </div>
                                        
                                        <div class="gallery-items  spad list-single-gallery three-coulms lightgallery">
                                            
                                            
                                            <?php $sqlg = "SELECT * FROM groups WHERE collectiongroups_id = '7' ORDER BY id DESC";
                                                     $resultg = mysqli_query($conn, $sqlg);
                                                      while($row = mysqli_fetch_assoc($resultg)) { ?>
                                                      
                                            <div class="gallery-item ">
                                                <div class="grid-item-holder hov_zoom">
                                                    <img  src="uploads/group/<?php echo $row['url']; ?>/<?php echo $row['image']; ?>" class="respimg">
                                                    <a href="products.php?id=<?php echo $row['id']?>"  class="box-media-zoom"><i class="fa fa-plus"></i></a>
                                                </div>
                                            </div>
                                            <?php  } ?>
                                            
                                            
    
                                            
                                            
                                        </div>
                                        									
                                        <div class="tbc-separator"></div>
                                        <div class="tbc_subtitle">What Services We Offer  </div>
                                        <div class="meg_aminites">
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Portrait Photography</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Event Photography</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Commercial Photos</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Lifestyle Photography</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Candid Photography</span></div>
                                                </div>
                                                
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Studio Shoots</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Outdoor Photography</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Documentary Shoot</span></div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="meg_aminites_item"><i class="fa-light fa-camera"></i><span>Traveling Shoots</span></div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </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 class="single-sidebar">			
	
		<div class="sidebar-contact-box text-center">
			<div class="inner-content">
				<div class="icon-holder">
					<CENTER><img src="logo/contact-svgrepo-com.svg" width="100px" alt="" style="border-radius:100%"></CENTER>
				</div>
				<h3>Experience Art Like <br> Never Before</h3>
				<div class="bottom-box">
			    	<h2><a href="https://api.whatsapp.com/send?phone=919822522381"  target="_blank"  style="color:#c0a374">+91 98225 22381</a><br><br>
						<span><a href="mailto:info@finartindia.com" style="color:#c0a374">info@finartindia.com</a></span>
					</h2>
				</div>
				
			</div>
		</div>
	    <br><br>
	</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>