1#@!#!123s

: / home2 / technoi4 / www / demo /
Filename : index.php
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>
<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>
                        <p> class="entry-title" style="color: #ffffff;">Hot & Cold portable Water, HAVAC application for domestic drains & Sewer</p>
                        <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;">Accessories for Water Gas Distribution</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_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>10,000 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">
                <div class="row">
					<?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: 12px 12px 2px 2px;" src="admin/img/categary/profile.png">
								<?php	}else{?>
									<img loading="lazy" class="img-fluid" style="height: 15rem; width: 23rem; border-radius: 12px 12px 2px 2px;" src="admin/img/categary/<?php echo $image; ?>">
								<?php	
									}
								?>
							</div>
							<div class="post-body">
								<div class="entry-header">
									<h2 class="entry-title" style="font-size: 17px;">
										<?php echo $categary_title; ?>
									</h2>
								</div>
								<div class="post-footer">
									<a href="categary.php" class="btn btn-primary">View 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 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" style="font-size: 17px;">
										<?php echo $service_name; ?>
									</h2>
								</div>
								<div class="post-footer">
									<a href="service_detail.php?sid=<?php echo $id; ?>" class="btn btn-primary">View 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" style="font-size: 17px;">
										<?php echo $name; ?>
									</h2>
								</div>
								<div class="post-footer">
									<p><?php echo $desc; ?></p>
								</div>
							</div>
						</div>
					</div>
					<?php } ?>
				</div>
            </div>
        </div>
    </div>
</section>
<section class="content">
	<div class="container">
			<h2>Our  Partners/ Our Clients</h2>
			<section class="customer-logos slider">
				<div class="slide"><img src="https://image.freepik.com/free-vector/luxury-letter-e-logo-design_1017-8903.jpg"></div>
				<div class="slide"><img src="http://www.webcoderskull.com/img/logo.png"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/3d-box-logo_1103-876.jpg"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/blue-tech-logo_1103-822.jpg"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/colors-curl-logo-template_23-2147536125.jpg"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/abstract-cross-logo_23-2147536124.jpg"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/football-logo-background_1195-244.jpg"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/background-of-spots-halftone_1035-3847.jpg"></div>
				<div class="slide"><img src="https://image.freepik.com/free-vector/retro-label-on-rustic-background_82147503374.jpg"></div>
			</section>
	</div>
</section>
<?php include_once('footer.php'); ?>