|
Server IP : 103.212.121.57 / Your IP : 216.73.216.123 Web Server : LiteSpeed System : Linux valor.herosite.pro 4.18.0-553.80.1.lve.el8.x86_64 #1 SMP Wed Oct 22 19:29:36 UTC 2025 x86_64 User : araipddz ( 1784) PHP Version : 8.2.30 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/araipddz/cytelelevators.in/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!doctype html>
<html class="no-js" lang="en">
<head>
<!-- title -->
<meta name="google-site-verification" content="Fxq9I7YKJWXY1zUXCad7SVWiFCCAdqYCDUDXu8cwWdU" />
<title>Cytel Elevators</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<link rel="canonical" href="" />
<script type="text/jscript" src="js/validate2.js"></script>
<!-- favicon -->
<!-- animation -->
<link rel="stylesheet" href="css/animate.css" />
<!-- bootstrap -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<!-- et line icon -->
<link rel="stylesheet" href="css/et-line-icons.css" />
<!-- font-awesome icon -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- themify icon -->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- swiper carousel -->
<link rel="stylesheet" href="css/swiper.min.css">
<!-- justified gallery -->
<link rel="stylesheet" href="css/justified-gallery.min.css">
<!-- magnific popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- revolution slider -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<!-- bootsnav -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css/bootsnav.css">
<!-- style -->
<link rel="stylesheet" href="css/style.css" />
<!-- responsive css -->
<link rel="stylesheet" href="css/responsive.css" />
<!--[if IE]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<style>
.dropdown-menu {
min-width: 0;
}
/* Hide the content on small devices */
/* Hide the content on small devices */
@media (max-width: 767px) {
.jy {
display: none;
}
}
</style>
</head>
<body>
<?php
require('header.php');
?>
<style>
.product-box {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.product-box:hover {
transform: translateY(-5px);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.product-box img {
width: 100%;
height: auto;
border-radius: 5px;
}
.product-box h3 {
margin-top: 15px;
font-size: 18px;
color: #333;
}
.product-box a {
display: inline-block;
margin-top: 15px;
padding: 8px 20px;
background-color: #007bff;
color: #fff;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.product-box a:hover {
background-color: #0056b3;
}
</style>
<!-- start slider section -->
<section class="wow fadeIn p-0 main-slider mobile-height top-space">
<div class="swiper-full-screen swiper-container width-100 white-move">
<div class="swiper-wrapper">
<!-- start slider item -->
<div class="swiper-slide cover-background main-swiper1" style="background-image: url('./banner/b3.jpg');">
<div class="opacity-extra-medium bg-black"></div>
<div class="container position-relative full-screen sm-height-400px">
<div class="slider-typography text-center">
<div class="slider-text-middle-main">
<div class="slider-text-middle">
<span class="text-large text-very-light-gray font-weight-300 width-95 mx-auto margin-25px-bottom d-block fw-bold" style="font-size: 30px; font-weight: bold;">Welcome To Cytel Elevators</span>
<p class="alt-font text-white-2 font-weight-700 width-75 sm-width-90 mx-auto margin-35px-bottom">At Cytel Elevators, we pride ourselves on being at the forefront of vertical transportation solutions, setting the standard for safety, efficiency, and innovation. With a commitment to excellence, we have been transforming the way people move within buildings for decades.</p>
<div class="btn-dual"><a href="" class="btn btn-white btn-rounded btn-medium sm-margin-two-all">Know More</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide cover-background main-swiper2" style="background-image: url('./banner/b1.jpg');">
<div class="opacity-extra-medium bg-extra-dark-gray"></div>
<div class="container position-relative full-screen sm-height-400px">
<div class="slider-typography text-center">
<div class="slider-text-middle-main">
<div class="slider-text-middle">
<span class="text-large text-very-light-gray font-weight-300 width-95 mx-auto margin-25px-bottom d-block">Welcome To Cytel Elevators</span>
<h1 class="alt-font text-white-2 font-weight-700 width-75 sm-width-90 mx-auto margin-35px-bottom">Innovation & technology Combined together.</h1>
<div class="btn-dual"><a href="" class="btn btn-white btn-rounded btn-medium sm-margin-two-all">Know More</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide cover-background main-swiper3" style="background-image: url('./banner/b2.jpg');">
<div class="opacity-extra-medium bg-extra-dark-gray"></div>
<div class="container position-relative full-screen sm-height-400px">
<div class="slider-typography text-center">
<div class="slider-text-middle-main">
<div class="slider-text-middle">
<span class="text-large text-very-light-gray font-weight-300 width-95 mx-auto margin-25px-bottom d-block">Welcome To Cytel Elevators</span>
<h1 class="alt-font text-white-2 font-weight-700 width-75 sm-width-90 mx-auto margin-35px-bottom">Elevating Insights in Vertical Transportation</h1>
<div class="btn-dual"><a href="Cytel Elevators" class="btn btn-white btn-rounded btn-medium sm-margin-two-all">Know More</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- end slider item -->
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-white swiper-full-screen-pagination"></div>
<div class="swiper-button-next swiper-button-black-highlight d-none"></div>
<div class="swiper-button-prev swiper-button-black-highlight d-none"></div>
</div>
</section>
<!-- end slider section -->
<!-- start about agency section -->
<section class="wow fadeIn">
<div class="container">
<div class="row">
<!-- feature box item-->
<div class="col-12 col-md-4 sm-margin-five-bottom last-paragraph-no-margin wow fadeInUp" style="margin-top: -50px;">
<div class="feature-box">
<div class="content">
<center>
<img src="./images/Quality Excellence.png" style="width: 50px; height: 50px;" >
</center>
<div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom md-margin-5px-bottom">Quality Excellence</div>
<p class="width-85 mx-auto md-width-100">At Cytel Elevators, quality is our cornerstone. We meticulously adhere to stringent standards throughout every stage of our operations, from design and manufacturing to installation and maintenance. Our unwavering commitment to quality ensures that every elevator we produce delivers exceptional performance and reliability.
</p>
</div>
</div>
</div>
<!-- end feature box item-->
<!-- feature box item-->
<div class="col-12 col-md-4 sm-margin-five-bottom last-paragraph-no-margin wow fadeInUp" style="margin-top: -50px;" data-wow-delay="0.2s">
<div class="feature-box">
<div class="content">
<center>
<img src="./images/Safety & Reliability.png" style="width: 50px; height: 50px;" >
</center> <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom md-margin-5px-bottom">Safety & Reliability</div>
<p class="width-85 mx-auto md-width-100">Safety is paramount in everything we do. We prioritize the well-being of passengers and technicians alike, adhering to rigorous safety protocols and industry best practices. Our elevators are engineered with cutting-edge safety features and undergo thorough testing to ensure maximum reliability..</p>
</div>
</div>
</div>
<!-- end feature box item-->
<!-- feature box item-->
<div class="col-12 col-md-4 sm-margin-five-bottom last-paragraph-no-margin wow fadeInUp" style="margin-top: -50px;" data-wow-delay="0.4s">
<div class="feature-box">
<div class="content">
<center>
<img src="./images/Innovative Thinking.png" style="width: 50px; height: 50px;" >
</center> <div class="text-medium alt-font text-capitalize text-extra-dark-gray margin-10px-bottom md-margin-5px-bottom">Innovative Thinking</div>
<p class="width-85 mx-auto md-width-100">Innovation drives us forward. We continuously push the boundaries of vertical transportation with forward-thinking solutions that anticipate and address the evolving needs of our clients. From smart predictive maintenance systems to energy-efficient designs, our innovative thinking ensures..
</p>
</div>
</div>
</div>
<!-- end feature box item-->
</div>
</div>
</section>
<!-- end about agency section -->
<section class="container" style="margin-top: -100px;">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="">About Us</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 20%;">
</center>
</div>
</div>
</section>
<!-- start section -->
<section class="wow fadeIn bg-light-gray position-relative" style="margin-top: -30px;">
<div class="container">
<div class="row">
<div class="col-lg-6 fadeIn">
<h5 class="font-weight-600 alt-font text-extra-dark-gray">Welcome To Cytel Elevators</h5>
<p class="text-justify">At Cytel Elevators, we're more than just a vertical transportation company; we're pioneers in redefining how people move within buildings. With a rich history of innovation, safety, and reliability, we pride ourselves on delivering excellence in every aspect of our work. Quality is not just a goal; it's our standard. From the initial design phase to the final installation, we ensure that every elevator meets the highest standards of craftsmanship and performance. Our dedication to quality excellence ensures that your vertical journey is always smooth and reliable. Safety is at the core of everything we do. We understand the importance of protecting both passengers and technicians, which is why we go above and beyond to implement rigorous safety measures in all our products and services. With Cytel Elevators, you can trust that your safety is always our top priority.
</p>
<a href="about-us.php" class="btn btn-small btn-dark-gray">About Us</a>
</div>
<div class=" col-lg-6 ">
<img src="./banner/b1.jpg" alt="Image Right" class="img-fluid" />
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start parallax with feature box section -->
<section class="parallax parallax-feature-box md-height-auto main-vedio-bg" data-stellar-background-ratio="0.3">
<div class="opacity-medium bg-extra-dark-gray"></div>
<div class="container position-relative">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="text-light">Why Choose Us</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 50%;">
</center>
</div>
</div>
</div>
</section>
<!-- end parallax with feature box section -->
<!-- start section -->
<section class="wow fadeIn p-0 main-slider mobile-height">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-lg-6 cover-background md-height-500px sm-height-350px wow fadeIn main-experience-img" style="background: url('./images/why-choose-us-1.jpg'); background-size: cover;"></div>
<div class="col-12 col-lg-6 px-0 white-move bg-extra-dark-gray text-center sm-padding-20px-tb wow fadeIn">
<div class="swiper-wrapper">
<!-- start slider item -->
<div class="last-paragraph-no-margin">
<div class="lg-padding-eight-all md-padding-thirteen-all p-5">
<p class="text-light" align="justify">Choosing Cytel Elevators means opting for unparalleled excellence in vertical transportation. With a steadfast commitment to quality, we ensure that every elevator we deliver surpasses industry standards for durability, performance, and aesthetics. Safety is ingrained in our ethos, with advanced features and strict adherence to regulations ensuring a worry-free experience for passengers and technicians alike. At the heart of our operation lies innovation, driving us to pioneer cutting-edge technologies and designs that enhance efficiency, sustainability, and user experience. Tailored to individual needs, our solutions seamlessly integrate with architectural visions and operational requirements.</p>
<ul>
<li class="text-light" style="text-align: justify;"><strong>Safety First:</strong> Your safety is our priority. We incorporate advanced safety features and adhere to strict industry regulations to guarantee the well-being of passengers and technicians. With Cytel Elevators, you can trust in a secure and worry-free vertical transportation experience.</li>
<li class="text-light" style="text-align: justify;"><strong>Innovation at its Core:</strong> We are pioneers in elevating the vertical transportation industry through innovative technologies and designs. From predictive maintenance systems to eco-friendly solutions, we continually strive to enhance efficiency, sustainability, and user experience.</li>
<li class="text-light" style="text-align: justify;"><strong>Tailored Solutions:</strong> No two buildings are the same, and neither are our solutions. Our team of experts works closely with clients to understand their unique requirements and provide customized elevator solutions that seamlessly integrate with their architectural vision and operational needs.</li>
<li class="text-light" style="text-align: justify;"><strong>Global Reach, Local Support:</strong> With a global presence and local expertise, we offer unparalleled support and service wherever you are. From initial consultation to ongoing maintenance, our dedicated team is committed to delivering prompt, reliable assistance, ensuring maximum uptime and satisfaction.</li>
</ul>
<a href="about-us.php" class="btn btn-small btn-white margin-35px-top"> Know More</a>
</div>
</div>
<!-- end slider item -->
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start parallax with feature box section -->
<section class="" data-stellar-background-ratio="0.3">
<div class="container position-relative">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="">Our Product</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 30%;">
</center>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="product-box">
<img src="./images/Passengers Lifts.jfif" style="width: 100%; height: 220px;">
<h3 class="text-center">Passengers Lifts</h3>
<a href="Passengers-Lifts.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Homelift & Platform.jfif" style="width: 100%; height: 220px;">
<h3 class="text-center">Home Lifts</h3>
<a href="homelift-platform.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Goods Lift.jfif" style="width: 100%; height: 220px;">
<h3 class="text-center">Good Lifts</h3>
<a href="goods-lifts.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Hospital Elevators.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Hospital Lifts</h3>
<a href="hospital-lift.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Commercial Lift.jfif" style="width: 100%; height: 220px;">
<h3 class="text-center">Commercial Lifts</h3>
<a href="commercial-lift.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<?php
$select = "SELECT * FROM `product` WHERE 1";
$query = mysqli_query($connect, $select);
while ($row = mysqli_fetch_assoc($query)) {
?>
<div class="col-md-3">
<div class="product-box">
<img src="./admin/product/<?php echo $row['pro_image'] ?>" style="width: 100%; height: 220px;">
<h3 class="text-center"><?php echo $row['pro_name']?></h3>
<a href="elevator_details.php?id=<?php echo $row['id']?>" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<?php
}
?>
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/images (4).jpg" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">MRL Model Lift</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div> -->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/hydroulic.jpg" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">Hydraulic Lift</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/parking.jpg" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">Parking Elevator</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/Dumbwaiter-Lift (3).jpg" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">Dumbwaiter Elevators</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/OFFICE ELEVATOR (1).jpg" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">Office Elevators</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div>-->
<!--<div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/CAPSULE ELEVATOR (1).webp" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">Capsule Elevator</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/Panoramic Elevators.webp" style="width: 100%; height: 220px;">-->
<!-- <h3 class="text-center">Panoramic Elevators</h3>-->
<!-- <a href="" class="btn btn-info blue-hover ">Read More</a>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</section>
<!-- end parallax with feature box section -->
<!-- start parallax with feature box section -->
<section class="" data-stellar-background-ratio="0.3" style="margin-top: -100px;">
<div class="container position-relative">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="">Our Service</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 30%;">
</center>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="product-box">
<img src="./images/Lift Modernization (2).jfif" style="width: 100%; height: 220px;">
<h3 class="text-center">Lift Modernisation</h3>
<a href="lift-modernization.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Lift Installation.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Lift Installation</h3>
<a href="lift-installation.ph" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/amc.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Lift AMC</h3>
<a href="lift-amc.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Lift Maintenance (2).png" style="width: 100%; height: 220px;">
<h3 class="text-center">Lift Maintenance</h3>
<a href="Lift-Maintenance.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- end parallax with feature box section -->
<!-- start parallax with feature box section -->
<section class="" style="margin-top: -100px;" data-stellar-background-ratio="0.3">
<div class="container ">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="">Lift Spair Parts</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 30%;">
</center>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="product-box">
<img src="./images/Control Systems.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Control Systems</h3>
<a href="Control-Systems.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Door Systems.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Door Systems</h3>
<a href="Door-Systems.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Button& Displays.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Button& Displays</h3>
<a href="Button-&-Displays.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
<div class="col-md-3">
<div class="product-box">
<img src="./images/Cabins & Accessories.jpg" style="width: 100%; height: 220px;">
<h3 class="text-center">Cabins & Accessories</h3>
<a href="Cabins-&-Accessories.php" class="btn btn-info blue-hover ">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- end parallax with feature box section -->
<!-- start parallax with feature box section -->
<section class="" style="margin-top: -100px;" data-stellar-background-ratio="0.3">
<div class="container ">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="">Our Gallery</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 30%;">
</center>
</div>
</div>
<div class="row">
<?php
$select = "SELECT * FROM `gallery` WHERE 1";
$query = mysqli_query($connect, $select);
while ($row = mysqli_fetch_assoc($query)) {
?>
<div class="col-md-3">
<div class="product-box">
<img src="./admin/gallery/<?php echo $row['gallery'] ?>" style="width: 100%; height: 220px;">
</div>
</div>
<?php
}
?>
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/Commercial Lift.jfif" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div> -->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/images (4).jpg" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div> -->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/hydroulic.jpg" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/parking.jpg" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div>-->
<!--<div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/Passengers Lifts.jfif" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/Goods Lift.jfif" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="product-box">-->
<!-- <img src="./images/Hospital Elevators.jpg" style="width: 100%; height: 220px;">-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</section>
<!-- end parallax with feature box section -->
<!-- start parallax with feature box section -->
<section class="" style="margin-top: -100px;" data-stellar-background-ratio="0.3">
<div class="container ">
<div class="row">
<div class="col-md-12">
<center>
<h5 class="">Our Testimonials</h5>
<img src="./images/border.png" style="margin-top: -50px; width: 30%;">
</center>
</div>
</div>
<div class="row">
<div class="col-md-12">
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<section class="pt-5 pb-5">
<div class="container">
<div class="card col-md-12 mt-2">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="100000">
<div class="w-100 carousel-inner mb-5" role="listbox">
<div class="carousel-item active">
<div class="bg"></div>
<div class="row">
<div class="col-md-6">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3 col-4 align-items-start">
<img src="./images/t1.jpg" alt="" class="rounded-circle img-fluid">
</div>
<div class="col-sm-9 col-8">
<h2>Ankit Singh</h2>
<p style="text-align: justify; margin-top: -30px;">"Cytel Elevators transformed our building's vertical transportation experience. Not only are their elevators sleek and efficient, but their commitment to safety and reliability gives us peace of mind. Their tailored solutions perfectly"</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3 col-4 align-items-start">
<img src="./images/t2.jpg" alt="" class="rounded-circle img-fluid">
</div>
<div class="col-sm-9 col-8">
<h2>Pawan Varma</h2>
<p style="text-align: justify; margin-top: -30px;">"Working with Cytel Elevators was a game-changer for our projects. Their innovative approach to elevator design allowed us to incorporate cutting-edge technology seamlessly into our buildings. Their team's expertise and dedication to quality "</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="bg"></div>
<div class="row">
<div class="col-md-6 col-12">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3 col-4 align-items-start">
<img src="./images/t3.webp" alt="" class="rounded-circle img-fluid">
</div>
<div class="col-sm-9 col-8">
<h2>Vishal Singh</h2>
<p style="text-align: justify; margin-top: -30px;">"Cytel Elevators' global reach and local support were invaluable for our multinational facilities. Their responsive customer service and prompt maintenance ensured minimal downtime, keeping our operations running smoothly. "
</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="carousel-caption">
<div class="row">
<div class="col-sm-3 col-4 align-items-start">
<img src="./images/t4.webp" alt="" class="rounded-circle img-fluid">
</div>
<div class="col-sm-9 col-8">
<h2>Anil Singh</h2>
<p style="text-align: justify; margin-top: -30px;">"Partnering with Cytel Elevators was a decision we never regretted. Their elevators not only enhance the aesthetic appeal of our properties but also contribute to their overall value."
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"><i class="fas fa-chevron-left"></i></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"><i class="fas fa-chevron-right"></i></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- end parallax with feature box section -->
<style>
.card {
margin: 0 auto;
border: none;
}
.card .carousel-item {
min-height: 190px;
}
.card .carousel-caption {
padding: 0;
right: 15px;
left: 15px;
top: 15px;
color: #3d3d3d;
border: 1px solid #ccc;
min-height:175px;
padding: 15px;
}
.card .carousel-caption .col-sm-3 {
display: flex;
align-items: center;
}
.card .carousel-caption .col-sm-9 {
text-align: left;
}
.card .carousel-control-prev, .card .carousel-control-next {
color: #3d3d3d !important;
opacity: 1 !important;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
background-image: none;
color: #fff;
font-size: 14px;
background-color: #cd3a54;
height: 32px;
line-height: 32px;
width: 32px;
}
.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {
opacity: 0.85;
}
.carousel-control-prev {
left: 40%;
top: 110%;
}
.carousel-control-next {
right: 40%;
top: 110%;
}
.midline {
width: 60px;
border-top: 1px solid #d43025;
}
.carousel-caption h2 {
font-size: 14px;
}
.carousel-caption h2 span {
color: #cd3a54;
}
@media (min-width: 320px) and (max-width: 575px) {
.carousel-caption {
position: relative;
}
.card .carousel-caption {
left: 0;
top: 0;
margin-bottom: 15px;
}
.card .carousel-caption img {
margin: 0 auto;
}
.carousel-control-prev {
left: 35%;
top: 105%;
}
.carousel-control-next {
right: 35%;
top: 105%;
}
.card .carousel-caption h3 {
margin-top: 0;
font-size: 16px;
font-weight: 700;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.carousel-caption {
position: relative;
}
.card .carousel-caption {
left: 0;
top: 0;
margin-bottom: 15px;
}
.card .carousel-caption img {
margin: 0 auto;
}
.card .carousel-caption h3, .card .carousel-caption small {
text-align: center;
}
.carousel-control-prev {
left: 35%;
top: 105%;
}
.carousel-control-next {
right: 35%;
top: 105%;
}
}
@media (min-width: 767px) and (max-width: 991px) {
.card .carousel-caption h3 {
margin-top: 0;
font-size: 16px;
font-weight: 700;
}
}
</style>
<?php
require('footer.php');
?>