<?php
include_once("include/main.inc.php");
$homepage = mysqli_query($GLOBALS['dbcon'], "select * from static_pages where pageID='1' and status='Y'");
$home_res = mysqli_fetch_array($homepage);
$page_metatitle = $home_res['page_metatitle'];
$page_metakey = $home_res['page_keyword'];
$page_metadesc = $home_res['page_metadesc'];
$query1 = "Select catID,catName, displayName, catImage,catDesc from category_tbl where catID='2' and status='Y'";
$sqlMain1 = mysqli_query($GLOBALS['dbcon'], $query1);
$query2 = "Select catID,catName, displayName,catImage,catDesc from category_tbl where catID='3' and status='Y'";
$sqlMain2 = mysqli_query($GLOBALS['dbcon'], $query2);
$hover = 'home';
$blog = mysqli_query($GLOBALS['dbcon'], "select * from blog_tbl  limit 0,3");
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <title><?php echo $page_metatitle; ?></title> -->
    <!-- <meta name="description" content="<?php echo $page_metadesc; ?>">
    <meta name="keywords" content="<?php echo $page_metakey; ?>"> -->
    <?php include "top.php"; ?>
</head>

<body>
    <div class="webpulse-main-wrapper wrapper-wide" id="top">
        <?php include "header.php"; ?>
        <div class="clearfix"></div>
        <div class="home_slider">

            <div id="slider" class="carousel slide  carousel-fade" data-bs-ride="carousel">
                <div class="carousel-inner">
                    <?php $sql_banner = mysqli_query($GLOBALS['dbcon'], "Select slno, personName,bannerImage from banner_tbl where status='Y' order by bannerorder Asc");
                    $sno = 0;
                    while ($res_banner = mysqli_fetch_array($sql_banner)) {
                        $sno++;
                    ?>
                        <div class="carousel-item <?= $sno == 1 ? 'active' : ''; ?>">
                            <div class="slide">
                                <?php if ($res_banner['slno'] == '5' || $res_banner['slno'] == '1') { ?>
                                    <img <?= $sno == 1 ? 'fetchpriority="high"' : ''; ?> src="<?= SITE_URL_PATH ?>/uploaded-files/banner-image/<?= $res_banner['bannerImage'] ?>"
                                        alt="<?php echo $res_banner['personName']; ?> in India"
                                        title="<?php echo $res_banner['personName']; ?> in India" width="1349" height="760"
                                        class="h-auto">
                                <?php } else { ?>
                                    <img <?= $sno == 1 ? 'fetchpriority="high"' : ''; ?> src="<?= SITE_URL_PATH ?>/uploaded-files/banner-image/<?= $res_banner['bannerImage'] ?>"
                                        alt="<?php echo $res_banner['personName']; ?> in Delhi"
                                        title="<?php echo $res_banner['personName']; ?> in Delhi" width="1349" height="760"
                                        class="h-auto">
                                <?php } ?>
                            </div>
                        </div>
                    <?php } ?>
                </div>
                <button aria-label="button" class="carousel-control-prev slick-prev owl-prev" type="button" data-bs-target="#slider"
                    data-bs-slide="prev">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
                        viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                            d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z">
                        </path>
                    </svg>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button aria-label="button" class="carousel-control-next slick-next owl-next" type="button" data-bs-target="#slider"
                    data-bs-slide="next">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
                        viewBox="0 0 16 16">
                        <path fill-rule="evenodd"
                            d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z">
                        </path>
                    </svg>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>

            <svg class="path_type_1 hidden-xs" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M 0 0 L 70 100 L 100.1 0 L 100.1 100 L 0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1">
                </path>
                <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="transparent"></path>
            </svg>

            <svg class="path_type_1 desktop" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M 0 65 L 70 88 L 100.1 69 L 123.1 100 L 0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1">
                </path>
                <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="transparent"></path>
            </svg>
        </div>

        <div class="w-p-s-home-feture">
            <div class="container">
                <div class="row g-3">
                    <div class="col-sm-6 col-lg-3 col-md-3 col-xl-3 col-xxl-3 wow fadeInDown" data-wow-delay=".1s">
                        <div class="wprt-icon-text">
                            <div class="icon">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/unbeatable_quality.png" alt="Unbeatable Quality"
                                    title="Unbeatable Quality" width="50" height="50" class="h-auto">
                            </div>
                            <div class="h3_title">Unbeatable Quality</div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 col-md-3 col-xl-3 col-xxl-3 wow fadeInDown" data-wow-delay=".2s">
                        <div class="wprt-icon-text">
                            <div class="icon">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/highly_comfortable.png" alt="Comfortable"
                                    title="Comfortable" width="50" height="50" class="h-auto">
                            </div>
                            <div class="h3_title">Comfortable</div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 col-md-3 col-xl-3 col-xxl-3 wow fadeInDown" data-wow-delay=".3s">
                        <div class="wprt-icon-text">
                            <div class="icon">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/lightweight-flexible.png"
                                    alt="Lightweight & Flexible" title="Lightweight & Flexible" width="50" height="50"
                                    class="h-auto">
                            </div>
                            <div class="h3_title">Lightweight & Flexible</div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3 col-md-3 col-xl-3 col-xxl-3 wow fadeInDown" data-wow-delay=".4s">
                        <div class="wprt-icon-text">
                            <div class="icon">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/boot.png" alt="Durable Collection"
                                    title="Durable Collection" width="50" height="50" class="h-auto">
                            </div>
                            <div class="h3_title">Durable Collection</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Home Collection -->
        <div class="service_category">
            <div class="container">
                <div class="row">
                    <?php while ($res_foot1 = mysqli_fetch_array($sqlMain1)) { ?>
                        <div class="col col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6  p0 wow fadeInRight"
                            data-wow-delay=".2s">
                            <div class="service_content">
                                <div class="center_box">
                                    <div class="h1_title"><?php echo  $res_foot1['catName']; ?></div>
                                    <p><?php echo html_entity_decode($res_foot1['catDesc']); ?></p>
                                    <a aria-label="View More" class="facilities_btn" href="<?= SITE_URL_PATH; ?>/<?= getValidFileName($res_foot1['catName']); ?>.htm"
                                        title="View More">View More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6 p0 wow fadeInLeft"
                            data-wow-delay=".1s">
                            <div class="img-wrap imgbox">
                                <img loading="lazy" class="product-img h-auto"
                                    src="<?= getImage($res_foot1['catImage'], 400, 234, $res_foot1['catName'], "/uploaded-files/category/images/"); ?>"
                                    alt="<?php echo  $res_foot1['catName']; ?> Manufacturers in Delhi"
                                    title="<?php echo  $res_foot1['catName']; ?> Manufacturers in Delhi" width="400"
                                    height="234">
                            </div>
                        </div>
                    <?php } ?>

                    <div class="clearfix"></div>
                    <?php while ($res_foot2 = mysqli_fetch_array($sqlMain2)) { ?>
                        <div class="col col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6 p0 wow fadeInLeft"
                            data-wow-delay=".1s">
                            <div class="img-wrap imgbox">
                                <img loading="lazy" class="product-img h-auto"
                                    src="<?= getImage($res_foot2['catImage'], 400, 234, $res_foot2['catName'], "/uploaded-files/category/images/"); ?>"
                                    alt="<?php echo  $res_foot2['catName']; ?> Manufacturers in Delhi"
                                    title="<?php echo  $res_foot2['catName']; ?> Manufacturers in Delhi" width="400"
                                    height="234">
                            </div>
                        </div>
                        <div class="col col-sm-12 col-lg-6 col-md-6 col-xl-6 col-xxl-6 p0 wow fadeInRight"
                            data-wow-delay=".2s">
                            <div class="service_content">
                                <div class="center_box">
                                    <div class="h1_title"><?php echo $res_foot2['catName']; ?></div>
                                    <p><?php echo html_entity_decode($res_foot2['catDesc']); ?></p>
                                    <a class="facilities_btn" aria-label="view more" href="<?= SITE_URL_PATH; ?>/<?= getValidFileName($res_foot2['catName']); ?>.htm"
                                        title="View More">View More</a>
                                </div>
                            </div>
                        </div>
                    <?php } ?>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <div class="imgboxbg home_about-web-pulse"
            style="background-image: url(<?= SITE_URL_PATH; ?>/images/about-background.jpg);">
            <svg class="path_type_1 top hidden-xs" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M0 0 L30 100 L100 0 L100 100 L0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1"></path>
                <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="rgba(255,255,255,0.0)"></path>
            </svg>

            <svg class="path_type_1 top desktop" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M 0 55 L 31 100 L 100 41 L 100 100 L 0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1">
                </path>
                <path d="M0 0 L0 0 L50 100 L100 0 L100 0 Z" fill="rgba(255,255,255,0.0)"></path>
            </svg>



            <div class="container">
                <div class="row">
                    <div class="col col-sm-12 col-lg-12 col-md-12 col-xl-12 col-xxl-12">
                        <div class="home_about_content wow fadeInDown" data-wow-delay=".1s">
                            <?php echo html_entity_decode($home_res['pageDesc']); ?>
                            <a aria-label="More About Us" href="<?= SITE_URL_PATH; ?>/about.htm" class="read_more_btn" title="More About Us">More
                                About Us</a>
                        </div>
                    </div>
                </div>
                <div class="row hidden_clinic">
                    <div class="services-block-six col-sm-12 col-lg-4 col-md-4 col-xl-4 col-xxl-4 wow fadeInLeft"
                        data-wow-delay=".3s">
                        <div class="inner">
                            <div class="icon"><img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/nature-of-business.png"
                                    alt="Nature of Business" title="Nature of Business" width="70" height="70"
                                    class="h-auto"></div>
                            <div class="title_h3">Nature of Business</div>
                            <p> Manufacturer, Supplier and Exporter
                            </p>
                        </div>
                    </div>

                    <div class="services-block-six col-sm-12 col-lg-4 col-md-4 col-xl-4 col-xxl-4 wow fadeInDown"
                        data-wow-delay=".4s">
                        <div class="inner">
                            <div class="icon"><img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/year-of-establishment.png"
                                    alt="Year of Establishment" title="Year of Establishment" width="70" height="70"
                                    class="h-auto"></div>
                            <div class="title_h3">Year of Establishment</div>
                            <p>1996 </p>
                        </div>
                    </div>

                    <div class="services-block-six col-sm-12 col-lg-4 col-md-4 col-xl-4 col-xxl-4  wow fadeInDown"
                        data-wow-delay=".5s">
                        <div class="inner">
                            <div class="icon"><img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/Legal-Status-of-Firm.png"
                                    alt="Legal Status of Firm" title="Legal Status of Firm" width="70" height="70"
                                    class="h-auto"></div>
                            <div class="title_h3">Legal Status of Firm</div>
                            <p>Proprietorship</p>
                        </div>
                    </div>
                </div>
            </div>
            <svg class="path_type_1 desktop" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M 0 47 L 49 100 L 100 24 L 100 100 L 0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1">
                </path>
                <path d="M0 -1 L0 0 L50 100 L100 0 L100 -1 Z" fill="rgba(255,255,255,0.0)"></path>
            </svg>


            <svg class="path_type_1 hidden-xs" preserveAspectRatio="none" viewBox="0 0 100 100" version="1.1"
                xmlns="http://www.w3.org/2000/svg">
                <path d="M0 0 L70 100 L100 0 L100 100 L0 100 Z" fill="#fff" stroke="#fff" stroke-width="-1"></path>
                <path d="M0 -1 L0 0 L50 100 L100 0 L100 -1 Z" fill="rgba(255,255,255,0.0)"></path>
            </svg>
        </div>

        <div class="webpulse_home_featured">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="wow fadeInDown" data-wow-delay=".1s">
                            <div class="title">Popular Products</div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-lg-12">
                        <div id="populer_products" class="owl-carousel">
                            <?php
                            $sql_prosq = mysqli_query($GLOBALS['dbcon'], "select * from product_tbl order by product_id desc limit 0,10");
                            while ($res_pros = mysqli_fetch_array($sql_prosq)) {
                            ?>
                                <div class="imgbox feature_item wow fadeInDown" data-wow-delay=".0.2s">
                                    <div class="service-block">
                                        <div class="inner-box">
                                            <div class="image-box">
                                                <a href="#productID" data-bs-toggle="modal" onclick="$('.catID').val('<?php echo $res_pros['product_id']; ?>'); $('.catName').html('<?php echo $res_pros['product_title']; ?>'); $('.catImg').attr('src',$('.mycatimg_<?php echo $res_pros['product_id']; ?> ').attr('src'));">
                                                    <figure class="image">
                                                        <img loading="lazy" class="h-auto img-responsive mycatimg_<?php echo $res_pros['product_id']; ?>"
                                                            src="<?= getImage($res_pros['product_image'], 254, 254, $res_pros['product_title'], "/uploaded-files/product/images/"); ?>"
                                                            alt="<?php echo $res_pros['product_title']; ?> Manufacturers in Delhi "
                                                            title="<?php echo $res_pros['product_title']; ?> Manufacturers in Delhi"
                                                            width="254" height="254">
                                                    </figure>
                                                </a>
                                            </div>
                                            <div class="lower-content">
                                                <h4 class="service-block-text"><?php echo $res_pros['product_title']; ?></h4>
                                                <a href="#productID" class="read_more_product popupEnqBtn" data-bs-toggle="modal" onclick="$('.catID').val('<?php echo $res_pros['product_id']; ?>'); $('.catName').html('<?php echo $res_pros['product_title']; ?>'); $('.catImg').attr('src',$('.mycatimg_<?php echo $res_pros['product_id']; ?> ').attr('src'));" title="Send Enquiry">Send Enquiry</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <?php } ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <?php include "award_video.php"; ?>

        <div class="wps_why_us">
            <div class="container">
                <div class="products_heading wow fadeInDown" data-wow-delay=".1s">
                    <div class="title">Why Choose Us</div>
                </div>
                <div class="row">
                    <div class="col-sm-3 col-lg-3 col-md-6 col-xl-3 col-xxl-3 wow fadeInLeft" data-wow-delay=".6s">
                        <div class="ctpbox">
                            <div class="ctpcount">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/safe_and_secure.png" alt="Safe And Secure"
                                    title="Safe And Secure" width="64" height="64" class="h-auto">
                            </div>
                            <div class="texti">
                                <span class="textitext">Safe and Secure </span>
                                <p>Our wide range of safety gumboots, shoes and boots are ideal to use in varied
                                    industries including chemical, construction, mining, electrical among others.</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="col-sm-3 col-lg-3 col-md-6 col-xl-3 col-xxl-3 wow fadeInLeft" data-wow-delay=".5s">
                        <div class="ctpbox">
                            <div class="ctpcount">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/tough_and_durable.png" alt="Tough And Durable"
                                    title="Tough And Durable" width="64" height="64" class="h-auto">
                            </div>
                            <div class="texti">
                                <span class="textitext">Tough and Durable </span>
                                <p>We provide superior quality safety footwear that is resistant to heat, oil, water,
                                    electricity, sharp object, acid, and other toxic materials</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>

                    <div class="col-sm-3 col-lg-3 col-md-6 col-xl-3 col-xxl-3 wow fadeInLeft" data-wow-delay=".4s">
                        <div class="ctpbox">
                            <div class="ctpcount">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/effective_price.png" alt="Competitive Price"
                                    title="Competitive Price" width="64" height="64" class="h-auto">
                            </div>
                            <div class="texti">
                                <span class="textitext">Competitive Price</span>
                                <p>We manufacture and deliver all types of safety footwear for both men and women at a
                                    competitive market price.</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>

                    <div class="col-sm-3 col-lg-3 col-md-6 col-xl-3 col-xxl-3 wow fadeInLeft" data-wow-delay=".3s">
                        <div class="ctpbox">
                            <div class="ctpcount">
                                <img loading="lazy" src="<?= SITE_URL_PATH; ?>/images/customised_options.png" alt="Customised Options"
                                    title="Customised Options" width="64" height="64" class="h-auto">
                            </div>
                            <div class="texti">
                                <span class="textitext">Customised Options</span>
                                <p>Mangla Plastic Industries offer safety boots and shoes in different material, sizes
                                    and designs to match the customised requirement of clients.</p>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="webpulse-home_blog">
            <div class="container">
                <div class="col-lg-12">
                    <div class="wow fadeInDown" data-wow-delay=".1s">
                        <div class="title titlee">Latest Blogs</div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="h_blog">
                    <div id="populer_blogss" class="owl-carousel2 row">
                        <?php while ($blog_res = mysqli_fetch_array($blog)) { ?>
                            <div class="col-lg-4 col-md-6 wow fadeInDown" data-wow-delay=".2s">
                                <div class="blog-item">
                                    <div class="blog__img imgbox">
                                        <a aria-label="<?php echo $blog_res['blogDname']; ?>" href="<?= SITE_URL_PATH; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm"
                                            title="<?php echo $blog_res['blogDname']; ?>">
                                            <img loading="lazy" class="product-img h-auto"
                                                src="<?= getImage($blog_res['catImage'], 419, 285, $blog_res['blogDname'], "/uploaded-files/blog/images/"); ?>"
                                                alt="<?php echo $blog_res['blogDname']; ?>"
                                                title="<?php echo $blog_res['blogDname']; ?>" width="204" height="285"> </a>
                                    </div>
                                    <div class="blog__content">
                                        <div class="blog__title">
                                            <a aria-label="<?php echo $blog_res['blogDname']; ?>" href="<?= SITE_URL_PATH; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm"
                                                title="<?php echo $blog_res['blogDname']; ?>"><?php echo $blog_res['blogDname']; ?></a>
                                        </div>
                                        <p class="blog__desc">
                                            <?php echo html_entity_decode(substr($blog_res['catDesc'], 0, 190)); ?></p>
                                        <a aria-label="View More" href="<?= SITE_URL_PATH; ?>/blog/<?= getValidFileName($blog_res['catName']); ?>.htm"
                                            class="read_more_btn" title="View More">View More</a>
                                    </div>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                </div>
            </div>
        </div>

        <?php include "testimonail.php"; ?>

        <?php include "footer.php"; ?>
    </div>

    <?php include "bottom.php"; ?>
    <script>
        document.addEventListener('DOMContentLoaded', () => { 
    const buttons = document.querySelectorAll('button');
     buttons.forEach((button, index) => { 
        button.setAttribute('title', `Mangla Plastic`);
    });
});
    </script>
</body>

</html>