1#@!#!123s

: / home2 / technoi4 / www /
Filename : index.php.working
back
<?php include_once('header.php'); ?>
<style>
    .demo {
        border-bottom: 4px solid #046ca9;
        margin: 0px 33px 35px 0px;
        float: right;
        color: #046ca9;
    }

    .post-image:hover .img-fluid {
        opacity: 0.2;
    }
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>

<div class="banner-carousel banner-carousel-1 mb-0">
    <div class="banner-carousel-item" style="background-image:url(images/slider_1.jpg)">
        <div class="slider-content">
            <div class="container h-100">
                <div class="row align-items-center h-100">
                    <div class="col-md-12 text-center">
                        <h3 class="slide-sub-title" data-animation-in="slideInRight">PPR Pipes & Fittings</h3>
                        <h5 class="entry-title" style="color: #ffffff;">Made In Germany</h5>
                        <h3 style="color: #ffffff;">Hot & Cold portable Water, HVAC application for domestic drains & Sewer</h3>
                        <p data-animation-in="slideInLeft" data-duration-in="1.2">
                            <a href="services.php" class="slider btn btn-primary">Our Products</a>
                            <a href="contact.php" class="slider btn btn-primary border">Contact Now</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-carousel-item" style="background-image:url(images/slider_2.jpg)">
        <div class="slider-content">
            <div class="container h-100">
                <div class="row align-items-center h-100">
                    <div class="col-md-12 text-center">
                        <h3 class="slide-sub-title" data-animation-in="slideInRight">HDPE FITTINGS</h3>
                        <h5 class="entry-title" style="color: #ffffff;">Made In Italy</h5>
                        <h3 style="color: #ffffff;">Accessories for Water & Gas Distribution</h3>
                        <p data-animation-in="slideInLeft" data-duration-in="1.2">
                            <a href="services.php" class="slider btn btn-primary">Our Products</a>
                            <a href="contact.php" class="slider btn btn-primary border">Contact Now</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-carousel-item" style="background-image:url(images/slider_3.jpg)">
        <div class="slider-content">
            <div class="container h-100">
                <div class="row align-items-center h-100">
                    <div class="col-md-12 text-center">
                        <h3 class="slide-sub-title" data-animation-in="slideInRight">PLUMBING VALVES & FITTINGS</h3>
                        <h5 class="entry-title" style="color: #ffffff;">For Use in Water Heating Applications</h5>
                        <p data-animation-in="slideInLeft" data-duration-in="1.2">
                            <a href="services.php" class="slider btn btn-primary">Our Products</a>
                            <a href="contact.php" class="slider btn btn-primary border">Contact Now</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="banner-carousel-item" style="background-image:url(images/slider_4.jpg)">
        <div class="slider-content">
            <div class="container h-100">
                <div class="row align-items-center h-100">
                    <div class="col-md-12 text-center">
                        <h3 class="slide-sub-title" data-animation-in="slideInRight">UPVC DRAINAGE SYSTEMS</h3>
                        <h5 class="entry-title" style="color: #ffffff;">Above Ground Drainage, Below Ground Drainage</h5>
                        <p data-animation-in="slideInLeft" data-duration-in="1.2">
                            <a href="services.php" class="slider btn btn-primary">Our Products</a>
                            <a href="contact.php" class="slider btn btn-primary border">Contact Now</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section id="ts-features" class="ts-features">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="into-sub-title demo">Facilities & Services</h3>
            </div>
            <div class="col-md-12">
                <div class="accordion accordion-group" id="our-values-accordion">
                    <div class="card">
                        <div class="card-header p-0 bg-transparent" id="headingOne">
                            <h2 class="mb-0">
                                <button class="btn btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    Logistic Department
                                </button>
                            </h2>
                        </div>
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#our-values-accordion">
                            <div class="card-body">
                                Performance is the reliable delivery of materials in a timely manner supported by a full audit trail. The logistics team strives for continual improvement. They are the key link between our sale team and our customers ensuring customer satisfaction is met and exceeded.
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header p-0 bg-transparent" id="headingTwo">
                            <h2 class="mb-0">
                                <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Strengths, Capacities & Capabilities
                                </button>
                            </h2>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#our-values-accordion">
                            <div class="card-body">
                                <ul>
                                    <li>Capacity to handle 100 containers annually</li>
                                    <li>Fleet of 10 trucks</li>
                                    <li>5000 sq.m of storage space distributed between Dubai & Qatar</li>
                                    <li>Total inventory value maintained approx Dhs. 8,000,000/-</li>
                                    <li>Manned by experienced staff.</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header p-0 bg-transparent" id="headingThree">
                            <h2 class="mb-0">
                                <button class="btn btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    Process & Efficiency
                                </button>
                            </h2>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#our-values-accordion">
                            <div class="card-body">
                                <ul>
                                    <li>Online inventory available for all locations</li>
                                    <li>Instantaneous stock update with facility to view stock reservations and stock in transit.</li>
                                    <li>Timely stock replenishments and rotation – FIFO</li>
                                    <li>24 Hours stock turnaround from request to delivery.</li>
                                    <li>On site customer deliveries are pre- planned to support constructions schedules</li>
                                    <li>Weekly truck trip schedules for internal stock transfers</li>
                                    <li>Live “customer delivery” updates to the Sales Team for follow-ups</li>
                                    <li>All transactional details recorded and stored for SLA measure.</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="into-sub-title demo">Our Products</h3>
            </div>
            <div class="col-md-12 p-3 bg-light">
                <div class="row bg-gray">
                    <?php
                    include("config.php");
                    $query = mysqli_query($conn, "SELECT * FROM `categary` LIMIT 4");
                    while ($row = mysqli_fetch_array($query)) {
                        $id = $row['id'];
                        $categary_title = $row['categary_title'];
                        $image = $row['image'];
                    ?>
                        <div class="col-md-3">
                            <div class="post">
                                <div class="post-media post-image">
                                    <?php
                                    if ($image == '') {
                                    ?>
                                        <img loading="lazy" class="img-fluid" style="height: 15rem; width: 23rem; border-radius: 950px;" src="admin/img/categary/profile.png">
                                    <?php    } else { ?>
                                        <img loading="lazy" class="img-fluid" style="height: 15rem; width: 23rem; border-radius: 950px;" src="admin/img/categary/<?php echo $image; ?>">
                                    <?php
                                    }
                                    ?>
                                    <!-- <div>
                                        <p class="text-body text-align-center p-4 mb-0"> <strong><?php echo $categary_title; ?></strong> </p>
                                    </div> -->
                                </div>
                                <div class="post-body">
								<div class="entry-header">
									<h2 class="entry-title" style="font-size: 17px;">
										<!-- <button class="btn btn-primary" style="border-radius: 5px;" data-toggle="tooltip" data-placement="bottom" title="<?php echo $categary_title; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $categary_title; ?></span></button> -->
                                        <p data-toggle="tooltip" data-placement="bottom" title="<?php echo $categary_title; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $categary_title; ?></span></p>
									</h2>
								</div>
								<div class="post-footer">
									<a href="categary.php" class="btn" style="background:#046CA9; color:#ffffff"><i class="fa fa-info-circle"></i> | More Details...</a>
								</div>
							</div>
                            </div>
                        </div>
                    <?php } ?>
                </div>
                <!-- <div class="prodcatfooter float-right mt-0">
                    <button class="btn btn-info"><i class="fa fa-info-circle"></i> | Information</button>
                    <a href="categary.php" class="btn btn-primary bg-secondary p-3">Click Here To List All Product Categories & It's Details...  ...  ...</a>
                </div> -->
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="into-sub-title demo">Our Services</h3>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <?php
                    include("config.php");
                    $query = mysqli_query($conn, "select * from service LIMIT 4");
                    while ($row = mysqli_fetch_array($query)) {
                        $id = $row['id'];
                        $service_name = $row['service_name'];
                        $service_desc = $row['service_desc'];
                        $image = $row['image'];
                    ?>
                        <div class="col-md-3">
                            <div class="post">
                                <div class="post-media post-image">
                                    <?php
                                    if ($image == '') {
                                    ?>
                                        <img loading="lazy" class="img-fluid" style="height: 15rem; border-radius: 12px 12px 2px 2px;" src="admin/img/service/profile.jpg">
                                    <?php    } else { ?>
                                        <img loading="lazy" class="img-fluid" style="height: 15rem; border-radius: 12px 12px 2px 2px;" src="admin/img/service/<?php echo $image; ?>">
                                    <?php
                                    }
                                    ?>
                                </div>
                                <div class="post-body">
                                    <div class="entry-header">
                                        <h2 class="entry-title">
                                            <!-- <button class="btn btn-primary" style="border-radius: 5px;" data-toggle="tooltip" data-placement="bottom" title="<?php echo $service_name; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $service_name; ?></span></button> -->
                                            <p style="border-radius: 5px;" data-toggle="tooltip" data-placement="bottom" title="<?php echo $service_name; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $service_name; ?></span></p>
                                        </h2>
                                    </div>
                                    <div class="post-footer">
                                        <a href="service_detail.php?sid=<?php echo $id; ?>" class="btn" style="background:#046CA9; color:#ffffff"><i class="fa fa-info-circle"></i> | More Details...</a>                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="into-sub-title demo">Our Project</h3>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <?php
                    include("config.php");
                    $query = mysqli_query($conn, "select * from project LIMIT 4");
                    while ($row = mysqli_fetch_array($query)) {
                        $id = $row['id'];
                        $name = $row['name'];
                        $desc = $row['desc'];
                        $image = $row['image'];
                    ?>
                        <div class="col-md-3">
                            <div class="post">
                                <div class="post-media post-image">
                                    <?php
                                    if ($image == '') {
                                    ?>
                                        <img loading="lazy" class="img-fluid" style="height: 15rem; border-radius: 12px 12px 2px 2px;" src="admin/img/project/profile.png">
                                    <?php    } else { ?>
                                        <img loading="lazy" class="img-fluid" style="height: 15rem; border-radius: 12px 12px 2px 2px;" src="admin/img/project/<?php echo $image; ?>">
                                    <?php
                                    }
                                    ?>
                                </div>
                                <div class="post-body">
                                    <div class="entry-header">
                                        <h2 class="entry-title">
                                            <!-- <button class="btn btn-primary" style="border-radius: 5px;" data-toggle="tooltip" data-placement="bottom" title="<?php echo $name; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $name; ?></span></button> -->
                                            <p style="border-radius: 5px;" data-toggle="tooltip" data-placement="bottom" title="<?php echo $name; ?>"><span style="display: inline-block; width: 200px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;"><?php echo $name; ?></span></p>
                                        </h2>
                                    </div>
                                    <div class="post-footer">
                                        <p><?php echo $desc; ?></p>
                                        <a href="project.php" class="btn btn-primary"><i class="fa fa-info-circle"></i> | More Details...</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- <section class="ourclients">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="into-sub-title demo">Our Clients</h3>
            </div>
            <div class="col-md-12">
                <section class="regular slider">
                    <div>
                        <img src="./images/Alnoaimi.jpg">
                    </div>
                    <div>
                        <img src="./images/Redco.jpg">
                    </div>
                    <div>
                        <img src="./images/Alfardan.png">
                    </div>
                    <div>
                        <img src="./images/BlueStar.jpg">
                    </div>
                    <div>
                        <img src="./images/Butec.jpg">
                    </div>
                    <div>
                        <img src="./images/Pride.png">
                    </div>
                    <div>
                        <img src="./images/HBK.png">
                    </div>
                    <div>
                        <img src="./images/Nakheel.png">
                    </div>
                    <div>
                        <img src="./images/QMMC.png">
                    </div>
                    <div>
                        <img src="./images/AJE.png">
                    </div>
                    <div>
                        <img src="./images/Brickstone.png">
                    </div>
                    <div>
                        <img src="./images/Ertibat.png">
                    </div>
                    <div>
                        <img src="./images/mazzraty.png">
                    </div>
                </section>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $('.regular').slick({
                slidesToShow: 5,
                slidesToScroll: 3,
                autoplay: true,
                autoplaySpeed: 2000,
                arrows: false,
                dots: false,
                pauseOnHover: false,
                responsive: [{
                    breakpoint: 768,
                    setting: {
                        slidesToShow: 2,
                    }
                }, {
                    breakpoint: 520,
                    setting: {
                        slidesToShow: 1
                    }
                }]
            });
            $(".center").slick({
                dots: false,
                infinite: true,
                centerMode: true,
                slidesToShow: 4,
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: 3000
            });
        });
    </script>
</section> -->
<script>
    $(function() {
        $('[data-toggle="tooltip"]').tooltip()
    });
</script>
<?php include_once('footer.php'); ?>