1#@!#!123s

��JFIF�� 1#@!#!123s
: / home1 / ajmalhsiery / www /
Filename : children.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);
	}
// SQL query to fetch items and join with the category table to get category names
$sql = "
  SELECT items.*, 
         category.name AS category_name, 
         sub_category.name AS subcategory_name
  FROM items
  JOIN category ON items.category = category.id
  LEFT JOIN sub_category ON items.subcategory = sub_category.id
  WHERE category.name = 'children'
";

$result = $conn->query($sql);
$sql = "
  SELECT DISTINCT sub_category.name 
  FROM sub_category
  JOIN category ON sub_category.category_id = category.id
  WHERE category.name = 'children'
";

$subcategory = $conn->query($sql);
$subcategories = $subcategory->fetch_all(MYSQLI_ASSOC);
?>
<!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="Explore stylish and comfortable children knitwear from Ajmal Hosiery, a leading children cloth manufacturer. Quality designs for every occasion. Contact us now"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!--====== Title ======-->
	<title>Children Knitwear &amp; Cloth Manufacturer Company | 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" />
</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/children-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="row justify-content-center">
<div class="col-xl-11">
<div class="section-heading section-heading-2 text-center mb-25">
<h2 class="section-title">Children Collection</h2>
</div>

<div class="service-inner-text text-center ">
<p><a href="https://www.ajmalhosiery.com/"><strong>Ajmal Hosiery</strong></a> aim is to keep their excellence in quality and delivery above all their other aptitudes. It exports majorly to countries in Europe, North America, Oceania, Middle East, and Asia. It has a vision of sustainable growth in earning in real terms. Our Children products include Roll Neck Shirts, Sweat Shirts, Polo Shirts, T-Shirts etc.</p>
</div>
</div>
</div>
&nbsp;

<div class="row justify-content-center"><!-- portfolio filter start -->
<div class="col-xl-10">
<div class="text-center">
<?php
echo '<div class="portfolio-filter mb-70"><button class="active" data-filter="*">All</button>';
foreach ($subcategories as $subcategory) {
	$filtername = strtolower(str_replace('_', ' ', $subcategory['name']));
	echo '<button class="text-capitalize" data-filter=".' . $subcategory['name'] . '">' . $filtername . '</button>';
}
echo '</div>';
?>
</div>
</div>
<!-- portfolio filter end --></div>

<div class="row row-portfolio" id="portfolio-grid">
<div class="col-lg-3 col-md-6 grid-sizer"></div>

				<?php
if ($result->num_rows > 0) {
    while ($row = $result->fetch_assoc()) {
        // Generate slug by replacing spaces with underscores
        $slug = str_replace(' ', '_', $row['name']);
        
        // Anchor tag wrapping the entire div
        echo "<a href='product-detail.php?slug=" . urlencode($slug) . "' style='text-decoration: none; color: inherit;'>";
        echo "<div class='col-lg-3 col-md-6 grid-item " . htmlspecialchars($row['subcategory_name']) . "'>";
        echo "  <div class='portfolio-item mb-30 mx-auto' style='width: 270px; height:291px;'>";
        echo "      <div class='portfolio-wrapper '>";
        echo "          <div class='portfolio-image myImg'  data-overlay='9'>";
        echo "              <img style='width: 270px; height:291px;'    class='img-fluid img-thumbnail' alt='" . htmlspecialchars($row['name']) . "' src='admin/" . htmlspecialchars($row['image']) . "' title='" . htmlspecialchars($row['name']) . "' />";
        echo "          </div>";
        echo "          <div class='portfolio-caption'>";
        echo "              <p class='text-capitalize'>" . htmlspecialchars($row['category_name']) . "</p>";
        echo "              <h4 class='text-capitalize'>" . htmlspecialchars($row['name']) . "</h4>";
        echo "          </div>";
        echo "      </div>";
        echo "  </div>";
        echo "</div>";
        echo "</a>";
    }
} else {
    echo "<p>No items found in this category.</p>";
}
?>

<!--<div class="col-lg-3 col-md-6 grid-item cat1">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Puffer Jackets" src="assets/images/children/1.jpg" title="Childrens Puffer Jackets" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Jackets</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat1">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Puffer Jackets" src="assets/images/children/3.jpg" title="Childrens Puffer Jackets" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Jackets</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat1">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Puffer Jackets" src="assets/images/children/2.jpg" title="Childrens Puffer Jackets" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Jackets</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat1">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Puffer Jackets" src="assets/images/children/4.jpg" title="Childrens Puffer Jackets" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Jackets</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat2">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Knitwear" src="assets/images/children/5.jpg" title="Childrens Knitwear" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Knitwear</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat2">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Knitwear" src="assets/images/children/7.jpg" title="Childrens Knitwear" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Knitwear</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat2">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Knitwear" src="assets/images/children/6.jpg" title="Childrens Knitwear" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Knitwear</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<div class="col-lg-3 col-md-6 grid-item cat2">-->
<!--<div class="portfolio-item mb-30">-->
<!--<div class="portfolio-wrapper">-->
<!--<div class="portfolio-image" data-overlay="9"><img alt="Childrens Knitwear" src="assets/images/children/8.jpg" title="Childrens Knitwear" /></div>-->

<!--<div class="portfolio-caption">-->
<!--<p>Children</p>-->

<!--<h4>Knitwear</h4>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</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">
<h2 class="discount-title"><span>Any Questions About <b>Ajmal Hosiery</b> Please Inquiry Now ! </span></h2>
</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="blog.php">Blog</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 " /> </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>343-Jinnah colony Faisalabad Pakistan.</span></p>

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

<p><span>info@ajmalhosiery.com</span></p>
</div>
</div>
</div>
<!-- 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>

<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></body>
</html>