1#@!#!123s

��JFIF�� 1#@!#!123s
: / home1 / ajmalhsiery / public_html /
Filename : product-detail.php
back
<?php
session_start();
date_default_timezone_set('Asia/Karachi');

$servername = "localhost";
	$username = "ajmalhsi_user";
	$password = "oq9*31U[JaQ.";
	$dbname = "ajmalhsi_ery";

$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
	var_dump("Connection failed: " . $conn->connect_error);
}
if (isset($_GET['slug'])) {
    $slug = urldecode($_GET['slug']);
    $productName = str_replace('_', ' ', $slug); // Convert slug back to product name
    
    // Fetch product details using the name
    $query = "SELECT * FROM items WHERE name = ?";
    $stmt = $conn->prepare($query);
    $stmt->bind_param('s', $productName);
    $stmt->execute();
    $result = $stmt->get_result();

    if ($result->num_rows > 0) {
        $product = $result->fetch_assoc();
        // Display product details
    } else {
        echo "Product not found.";
    }
} else {
    echo "Invalid product slug.";
}
?>
<!doctype html>
<html lang="zxx">

<head>
	<meta charset="utf-8"><!--========= Required meta tags =========-->
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="description" content=" Premium Men's Knitwear Crafted by Ajmal Hosiery, a leading Clothing Manufacturing Company. Experience quality and comfort in every piece. Contact Now">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!--====== Title ======-->
	<title><?php echo htmlspecialchars($product['name']); ?> | Ajmal Hosiery</title>
	<!--====== Favicon ======-->
	<link href="assets/images/logo/favicon.png" rel="shortcut icon" type="images/x-icon" />
	<meta name="author" content="www.vision.pk"><!--====== CSS Here ======-->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/css/animate.min.css" rel="stylesheet" />
	<link href="assets/css/font-awesome.min.css" rel="stylesheet" />
	<link href="assets/css/lightcase.css" rel="stylesheet" />
	<link href="assets/css/meanmenu.css" rel="stylesheet" />
	<link href="assets/css/nice-select.css" rel="stylesheet" />
	<link href="assets/css/owl.carousel.min.css" rel="stylesheet" />
	<link href="assets/css/odometer.css" rel="stylesheet" />
	<link href="assets/css/default.css" rel="stylesheet" />
	<link href="assets/css/style.css" rel="stylesheet" />
	<link href="assets/css/responsive.css" rel="stylesheet" />
	<style>
		.product-image {
            max-height: 400px;
            object-fit: cover;
        }
        .thumbnail {
            width: 80px;
            height: 80px;
            object-fit: cover;
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.3s ease;
        }
        .thumbnail:hover, .thumbnail.active {
            opacity: 1;
        }
	</style>
</head>

<body><!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]--><!-- preloader  -->
	<div id="preloader">
		<div class="ctn-preloader" id="ctn-preloader">
			<div class="animation-preloader">
				<div class="spinner"></div>

				<div class="txt-loading"><span class="letters-loading" data-text-preloader="A">A </span> <span class="letters-loading" data-text-preloader="J"> J </span> <span class="letters-loading" data-text-preloader="M"> M </span> <span class="letters-loading" data-text-preloader="A"> A </span> <span class="letters-loading" data-text-preloader="L"> L </span>&nbsp;&nbsp;&nbsp; <span class="letters-loading" data-text-preloader="H"> H </span> <span class="letters-loading" data-text-preloader="O"> O </span> <span class="letters-loading" data-text-preloader="S"> S </span> <span class="letters-loading" data-text-preloader="I"> I </span> <span class="letters-loading" data-text-preloader="E"> E </span> <span class="letters-loading" data-text-preloader="R"> R </span> <span class="letters-loading" data-text-preloader="Y"> Y </span></div>
			</div>

			<div class="loader">
				<div class="row">
					<div class="col-3 loader-section section-left">
						<div class="bg"></div>
					</div>

					<div class="col-3 loader-section section-left">
						<div class="bg"></div>
					</div>

					<div class="col-3 loader-section section-right">
						<div class="bg"></div>
					</div>

					<div class="col-3 loader-section section-right">
						<div class="bg"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- preloader end --><!-- header start -->

	<header class="site-header site-header-3 transparent">
		<div class="header-top-area">
			<div class="container-fluid">
				<div class="row justify-content-center">
					<div class="col-xl-6 col-lg-8 col-md-12 custom-width-note text-center">
						<div class="header-top-note header-top-note-3">
							<p>Manufacturer and Exporter of Premium Quality Knitted Garments</p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="nav-area">
			<div class="container-fluid">
				<div class="row align-items-lg-center align-items-start">
					<div class="col-xl-3 col-lg-2">
						<div class="header-info-left-wrap">
							<div class="header-info-left"><a class="site-logo" href="https://www.ajmalhosiery.com/"><img alt="Ajmal Hosiery Logo" src="assets/images/logo/logo-white.png" title="Ajmal Hosiery " /> </a></div>

							<div class="mobile-menu"></div>
						</div>
					</div>

					<div class="col-xl-8 col-lg-8 d-none d-xl-block d-lg-block">
						<div class="main-menu">
							<nav id="mobile-menu">
								<ul>
	<li><a href="https://www.ajmalhosiery.com/">Home</a></li>
	<li><a href="about.html">About Us</a></li>
	<li><a href="shop.php">Catalog +</a>
	<ul class="sub-menu">
		<li><a href="mens.php">Men&#39;s</a></li>
		<!--<li><a href="undergarments.html">Under Garments</a></li>-->
		<li><a href="womens.php">Womens</a></li>
		<li><a href="children.php">Children</a></li>
	</ul>
	</li>
	<li>
    <a href="#">Our Services +</a>
    <ul class="sub-menu">
        <li><a href="custom-apparel.html">Custom Apparel Manufacturing</a></li>
        <li><a href="private-label.html">Private Label Production</a></li>
        <li><a href="sampling-services.html">Sampling Services</a></li>
        <li><a href="b2b-apparel.html">B2B Apparel Solutions</a></li>
        <li><a href="printing-embroidery.html">Printing and Embroidery</a></li>
        <li><a href="fabric-sourcing.html">Fabric Sourcing and Selection</a></li>
        <li><a href="quality-assurance.html">Quality Assurance</a></li>
        <li><a href="shipping-options.html">Flexible Shipping Options</a></li>
        <li><a href="custom-packaging.html">Custom Packaging Solutions</a></li>
        <li><a href="sustainable-practices.html">Sustainable and Ethical Practices</a></li>
    </ul>
</li>

	<li><a href="certifications.html">Certifications</a></li>
	<li><a href="ethical-manufacturing.html">Manufacturing</a></li>
	<li><a href="blog.php">Blog</a></li>
	<li><a href="contact.html">Contact Us</a></li>
</ul>
							</nav>
						</div>
					</div>

					<div class="col-xl-1 col-lg-2 d-none d-xl-block d-lg-block">
						<div class="header-info-right">
							<div class="header-button-list"><button class="btn hamburger-menu-trigger"></button></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- header end --><!-- breadcrumb area start -->

	<section class="breadcrumb-area pt-190 pb-80 bg_img" data-background="assets/images/bg/men-bg.jpg" data-overlay="6">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<div class="breadcrumb-text">&nbsp;
						<h1 class="breadcrumb-title"></h1>

						<p></p>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- breadcrumb area end --><!-- portfolio area start -->

	<section class="portfolio-area pt-50 pb-50">
		<div class="container">
		<div class="container mt-5">
    <div class="row">
        <!-- Product Images -->
        <div class="col-md-4 mb-4">
		<img src="admin/<?php echo htmlspecialchars($product['image']); ?>" alt="Product" class="" id="">
        </div>
        <!-- Product Details -->
        <div class="col-md-6">
            <h2 class="mb-3 text-capitalize"><?php echo htmlspecialchars($product['name']); ?></h2>
            <p class="mb-4"><?php echo $product['description']; ?></p>
            
            <button class="btn btn-primary btn-md my-3 me-2">
                    <a href="contact.html" class="text-white">Inquire Now</a>
                </button>
            
        </div>
    </div>
</div>
		</div>
	<section class="contact-area pb-10">
  <div class="container">
    <div class="row">
      <div class="col-xl-12">
        <div class="contact-wrap">
          <div class="row">
        	<!-- <div class="col-xl-5 col-lg-5"><iframe allowfullscreen="" height="550" loading="lazy" sandbox="" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d851.188841636874!2d73.0647738!3d31.4208655!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x392243b39373d5b1%3A0x82c1231fa3d234a8!2sAjmal%20Hosiery%20-%20Exporter%20%26%20Textile%20Exporter%20%26%20Faisalabad%2CPakistan!5e0!3m2!1sen!2s!4v1642502155944!5m2!1sen!2s" style="border:0;" width="100%"></iframe></div> -->
            <div class="col-xl-8 col-lg-8 mx-auto">
              <div class="section-heading section-heading-2 mb-10 mt-40">
                <h5 class="sub-title mb-22 text-center">Call To Action</h5>
                <div class="section-title text-center">Inquiry Now</div>
              </div>

              <form action="mail.php" id="contact-form-main" method="POST">
                <div class="cta-form mt-none-10 mb-30">
                  <!-- Name field -->
                  <div class="form-group mt-10">
                    <input id="name" name="name" placeholder="Enter your name" type="text" required />
                  </div>

                  <!-- Email field -->
                  <div class="form-group mt-10">
                    <input id="mail" name="email" placeholder="Enter your email" type="email" required />
                  </div>

                  <!-- Phone number with country select -->
                  <div class="form-group mt-10">
                    <input id="phone" name="phone" placeholder="Enter your phone number" type="tel" required />
                  </div>

                  <!-- Message field -->
                  <div class="form-group mt-10">
                    <textarea name="message" placeholder="Message..." rows="2" required></textarea>
                  </div>

                  <!-- Submit button -->
                  <div class="form-group mt-10">
                    <button class="site-btn boxed" type="submit">Submit Request</button>
                  </div>
                </div>

                <p class="ajax-response"></p>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Include intl-tel-input CSS and JS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>

<script>
  // Initialize intl-tel-input for the phone field
  const phoneInput = document.querySelector("#phone");
  const iti = window.intlTelInput(phoneInput, {
    initialCountry: "auto",
    geoIpLookup: function(callback) {
      fetch("https://ipinfo.io?token=YOUR_TOKEN_HERE") // Replace 'YOUR_TOKEN_HERE' with your IPinfo token
        .then((response) => response.json())
        .then((data) => callback(data.country))
        .catch(() => callback("us"));
    },
    utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
  });

  // Add form validation for the phone number
  const form = document.querySelector("#contact-form-main");

  form.addEventListener("submit", function (event) {
    if (!iti.isValidNumber()) {
      event.preventDefault();
      alert("Please enter a valid phone number.");
      phoneInput.focus();
    }
  });
</script>
	</section>
	<!-- portfolio area end --><!-- discount aera start -->

	<!--<div class="discount-area">-->
	<!--	<div class="container">-->
	<!--		<div class="row">-->
	<!--			<div class="col-xl-12">-->
	<!--				<div class="discount-box pt-70 pb-50 pl-100 pr-100">-->
	<!--					<div class="row align-items-center">-->
	<!--						<div class="col-xl-6">-->
	<!--							<div class="discount-title"><span>Any Questions About <b>Ajmal Hosiery</b> Please Inquiry Now ! </span></div>-->
	<!--						</div>-->

	<!--						<div class="col-xl-6 ">-->
	<!--							<div class="discount-btns"><a class="site-btn transparent" href="contact.html">Get A Quote </a> <a class="site-btn transparent black" href="contact.html">Contact Us </a></div>-->
	<!--						</div>-->
	<!--					</div>-->
	<!--				</div>-->
	<!--			</div>-->
	<!--		</div>-->
	<!--	</div>-->
	<!--</div>-->
	<!-- discount aera end --><!-- footer area start -->

<footer class="site-footer pt-110 bg_img" data-background="assets/images/bg/footer-1-bg-1.jpg" data-overlay="85">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="footer-widget">
<div class="title">Sitemap</div>

<ul>
	<li><a href="https://www.ajmalhosiery.com/">Home</a></li>
	<li><a href="about.html">About Us</a></li>
	<li><a href="certifications.html">Certifications</a></li>
	<li><a href="ethical-manufacturing.html">Manufacturing</a></li>
	<li><a href="faqs.html">FAQs</a></li>
	<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>

<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
    <div class="footer-widget service-menu">
        <div class="title">Our Services</div>
        <ul>
            <li><a href="custom-apparel.html">Custom Apparel Manufacturing</a></li>
            <li><a href="private-label.html">Private Label Production</a></li>
            <li><a href="sampling-services.html">Sampling Services</a></li>
            <li><a href="b2b-apparel.html">B2B Apparel Solutions</a></li>
            <li><a href="printing-embroidery.html">Printing and Embroidery</a></li>
            <li><a href="fabric-sourcing.html">Fabric Sourcing and Selection</a></li>
            <li><a href="quality-assurance.html">Quality Assurance</a></li>
            <li><a href="shipping-options.html">Flexible Shipping Options</a></li>
            <li><a href="custom-packaging.html">Custom Packaging Solutions</a></li>
            <li><a href="sustainable-practices.html">Sustainable and Ethical Practices</a></li>
        </ul>
    </div>
</div>


<div class="col-xl-6 col-lg-6">
<div class="footer-widget footer-contact-widget">
<div class="title">Contact Us</div>

<div class="footer-contact-info">
<div class="content">
<p>bar-laab saim nala, Chak#08 JB Muradabad Rd, Faisalabad Pakistan, 38000.</p>

<p><a href="https://www.google.com/maps/place/Ajmal+Hosiery+-+Exporter+%26+Textile+Exporter+%26+Faisalabad,Pakistan/@31.4632398,73.0419517,16z/data=!4m6!3m5!1s0x392243b39373d5b1:0x82c1231fa3d234a8!8m2!3d31.4629021!4d73.046044!16s%2Fg%2F11kk9dlhlp" target="_blank">Get Direction</a></p>

<p></p>
</div>

<div class="box">
<div>
    <a class="text-white" href="mailto:info@ajmalhosiery.com">info@ajmalhosiery.com</a>
</div>
</div>
</div>

<div class="footer-social-info">
<div class="content"><a href="tel:+92-303-6730004">+92-303-6730004</a> <a href="tel:+92-303-6730005"><span> </span> +92-303-6730005</a> <a href="mailto:info@ajmalhosiery.com"> info@ajmalhosiery.com</a> <a href="mailto:ajmalhosiery343@gmail.com"> ajmalhosiery343@gmail.com</a></div>

<div class="social-links"></div>
</div>
</div>
</div>
</div>

</div>
</footer>
	<!-- footer area end --><!-- extra info start -->

	<div class="extra-info">
		<div class="close-icon menu-close"><button></button></div>

		<div class="logo-side mb-30"><a class="site-logo-2" href="https://www.ajmalhosiery.com/"><img alt="Ajmal Hosiery Logo" src="assets/images/logo/logo-white.png" title="Ajmal Hosiery Logo" /> </a></div>

		<div class="side-info">
			<div class="contact-list mb-40">
				<h4>About Us</h4>

				<p>Ajmal Hosiery is a creative &amp; Trendy fashion clothing company providing healthy services over years. We Focus on our customer&#39;s Happiness.</p>

				<div class="mt-10 mb-10"><a class="site-btn white" href="contact.html">CONTACT US </a></div>
			</div>

			<div class="contact-list mb-40">
				<h4>Contact Info</h4>

				<p><span>bar-laab saim nala, Chak#08 JB Muradabad Rd, Faisalabad Pakistan, 38000</span></p>

				<p><span>+92 303 6730004</span></p>

				<p><span>info@ajmalhosiery.com</span></p>
			</div>
		</div>
	</div>

	<div class="offcanvas-overly"></div>
	<!-- extra info end --><!--========= JS Here =========-->
	<script src="assets/js/jquery-2.2.4.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/counterup.min.js"></script>
	<script src="assets/js/imagesloaded.pkgd.min.js"></script>
	<script src="assets/js/isotope.pkgd.min.js"></script>
	<script src="assets/js/jquery.appear.js"></script>
	<script src="assets/js/jquery.meanmenu.min.js"></script>
	<script src="assets/js/jquery.nice-select.min.js"></script>
	<script src="assets/js/jquery.scrollUp.min.js"></script>
	<script src="assets/js/lightcase.js"></script>
	<script src="assets/js/odometer.min.js"></script>
	<script src="assets/js/owl.carousel.min.js"></script>
	<script src="assets/js/sticky-header.js"></script>
	<script src="assets/js/waypoint.js"></script>
	<script src="assets/js/wow.min.js"></script>
	<script src="assets/js/tilt.jquery.min.js"></script>
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCIJ_QKHN-bi6_1C9f5eYE3pZs1zhQIo5o"></script>
	<script src="assets/js/main.js"></script>
	<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/48967002.js"></script>
<!-- End of HubSpot Embed Code -->

<script defer src="https://static.getbutton.io/widget/bundle.js?id=lTzOW" ></script>

</body>

</html>