:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/finartindia.com/trash/**
:: Editing File: p.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Product Detail</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .product-title { font-size: 1.5rem; font-weight: 600; } .price { font-size: 1.4rem; color: #b28a40; font-weight: bold; } .old-price { text-decoration: line-through; color: gray; margin-left: 10px; } .stock-bar { background: #eaeaea; border-radius: 5px; height: 6px; margin: 10px 0; } .stock-fill { background: #28a745; height: 100%; border-radius: 5px; width: 75%; /* Dynamic stock width */ } .color-option { width: 25px; height: 25px; border-radius: 50%; border: 2px solid #ccc; cursor: pointer; display: inline-block; margin-right: 5px; } .color-option.active { border: 2px solid #000; } .size-btn { margin: 2px; padding: 6px 12px; border: 1px solid #ccc; cursor: pointer; border-radius: 5px; background: white; } .size-btn.active { background: black; color: white; border-color: black; } .quantity-box { display: flex; align-items: center; max-width: 120px; } .quantity-box button { width: 35px; height: 35px; border: 1px solid #ccc; background: white; } .quantity-box input { text-align: center; border: 1px solid #ccc; height: 35px; width: 50px; } </style> </head> <body> <div class="container my-5"> <div class="row"> <!-- Product Image --> <div class="col-md-5"> <img src="logo/CanvasPainting/1/01.jpg" class="img-fluid mb-3" id="mainImage"> <div class="row"> <div class="col-sm-3"> <img src="logo/CanvasPainting/1/01.jpg" class="img-thumbnail me-2 small-img" style="width:100px;cursor:pointer;"> </div> <div class="col-sm-3"> <img src="logo/CanvasPainting/1/02.png" class="img-thumbnail me-2 small-img" style="width:100px;cursor:pointer;"> </div> <div class="col-sm-3"> <img src="logo/CanvasPainting/1/03.png" class="img-thumbnail me-2 small-img" style="width:100px;cursor:pointer;"> </div> <div class="col-sm-3"> <img src="logo/CanvasPainting/1/04.png" class="img-thumbnail me-2 small-img" style="width:100px;cursor:pointer;"> </div> </div> </div> <!-- Product Details --> <div class="col-md-7"> <h3 class="product-title">Emerald-Cut Halo Engagement Ring with a Diamond Platinum Band</h3> <p class="mb-1">This regulator has a rolled diaphragm and high flow rate with reduced pressure drop. It has an excellent degree of condensation.</p> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <script> // Image gallery $(".small-img").click(function(){ let imgSrc = $(this).attr("src"); $("#mainImage").attr("src", imgSrc); }); </script> </body> </html>