במ12[aspddfasdaertertertertetghjghjsadasbvxcvxcv;'

]]jkjjgdjffksdkdfdkasertertertrtetsadskdfgjdskfgj במ12[aspddfasdaertertertertetghjghjsadasbvxcvxcv;'

<div class="mb-4 mt-4">
            <div class="container ">
                <h2 class="jaadu text-center mb-4">OUR CLIENTS</h2>
                <div class="partner-slider owl-theme owl-carousel text-center mt-4">
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c1.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c2.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c3.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c4.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c5.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c6.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c7.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/c8.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i1.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i2.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i3.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i4.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i5.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i6.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i7.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i8.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i9.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i10.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i11.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i12.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i13.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i14.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i15.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i17.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i16.jpeg" alt="Image"> </a> </div>
                    <div class="partner-item"> <a href="#"> <img class="" style="width: 200px; height: 150px;" src="./logo/i18.jpeg" alt="Image"> </a> </div>
                    
                   
                </div>
            </div>
        </div>

</div>
    

    <footer class="footer-top-area pt-100 pb-70" style="background: url('https://img.freepik.com/premium-photo/contemporary-elevator-facade-adorned-with-reflective-surfaces_528152-3955.jpg?size=626&ext=jpg&ga=GA1.1.58611832.1706609515&semt=sph'); width: 100%; background-size: cover; background-position: center;">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="single-footer-widget"> <a href="index.php"> <img src="./logo/logo.png" alt="Jyoti Electricals Industrial Equipment"> </a>
                        <p>Welcome to Jyoti Electricals Industrial Equipment , a collective of ingenious engineers dedicated to shaping the future of industrial electrical solutions. . </p>
                        <ul class="social-icon">
                            <li> <a href="" target="_blank"> <i class="fa-brands fa-twitter"></i> </li>
                            <li> <a href="" target="_blank"> <i class="fa-brands fa-facebook"></i> </a> </li>

<li> <a href="" target="_blank"> <i class="fa-brands fa-instagram"></i></a> </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-footer-widget">
                        <h3>Our Products</h3>
                        <ul class="import-link">
                            <li> <a href="goodslift.php">Goods Lift</a> </li>
                            <li> <a href="goodspassengerlifts.php">Goods Passenger Lift</a> </li>
                            <li> <a href="materiallift.php">Material Lift</a> </li>
                            <li> <a href="commerciallift.php">Commercial Lift</a> </li>
                            <li> <a href="industriallift.php">Industrial Lift</a> </li>
                            <li> <a href="loadinglift.php">Loading Lift</a> </li>
                            <li> <a href="factorylift.php">Factory Lift</a> </li>
                            <li> <a href="flameproof-lift.php">flame proof Lift</a> </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-footer-widget">
                        <h3>Contact us</h3>
                        <ul class="import-link">
                            <li class="location"> <a class="" href=""><i class="fa-solid fa-location-dot"></i>  jyoti electricals industrial equipment   narson khurd shop no :-32 G.N.Roorkee haridwar:-247665.</a></li>
                            <li> <a href="mailto:sales@jyotielectrical.com"><i class="fa-solid fa-envelope"></i> Sales.Jyotielectrical@gmail.com</a> </li>
                            <li> <a href="tel:+919897974288"><i class="fa-solid fa-phone"></i> +911334293351, +919897974288 </a> </li>
                            <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d3457.2552221914693!2d78.05094472609578!3d29.94333662335323!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1s%20DENSO%20CHOWK%20IP-2%2C%20Sidcul%20Haridwar-249403!5e0!3m2!1sen!2sin!4v1706762805925!5m2!1sen!2sin" width="100%" height="150" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-footer-widget">
                        <h3>Let's Contact</h3>
                        <div id="contactForm">
                            <div class="row">
                                <form id="contactform form1" action="send.php" method="post" name="form1" onSubmit="return validateForm()">
                                    
                                    <input type="hidden" name="span_email">
                                    
                                    <div class="flex_area">
                                        <div class="col-lg-6 col-sm-6">
                                            <div class="form-group">
                                                <label style="color:white;">Name</label>
                                                <input type="text" name="name" id="name" class="form-control" required data-error="Please enter your name">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-sm-6">
                                            <div class="form-group">
                                                <label style="color:white;">Email Address</label>
                                                <input type="email" name="email" id="email" class="form-control" required data-error="Please enter your email">
                                                <div class="help-block with-errors"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label style="color:white;">Mobile</label>
                                            <input type="number" name="mobile" id="mobile" class="form-control" required data-error="Please enter your subject">
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label style="color:white;">Message</label>
                                            <textarea name="requirement" class="form-control" id="requirement" cols="30" rows="2" required data-error="Write your message"></textarea>
                                            <div class="help-block with-errors"></div>
                                        </div>
                                    </div>
                                    
                                    <div class="col-lg-12 col-md-12">
                                        <button type="submit" class="default-btn btn-two" style="background: black;
    margin-top: 10px;"> Send Message </button>
                                        <div id="msgSubmit" class="h3 text-center hidden"></div>
                                        <div class="clearfix"></div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

<footer class="footer-bottom-area">
<div class="copyright">
        <div class="container">
            <p id="hyperlink" style="display: none;"></p>
            <p class="pull-right"></p><div class="copyright-text">
                           <p class="text-light" style="">Copyright © 2024, Jyoti Electricals Industrial Equipment Developed and Design By <a href="https://webworldindia.com/" style="color: white;">Webworldindia.com ( website design company in india )</a></p>
                        </div><p></p>
        </div>
    </div>    </footer>
    
<style>
        #fcf-form {
            display: block;
        }

.fcf-body {
            margin: 0;
            font-family: -apple-system, Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff;
            padding: 30px;
            padding-bottom: 10px;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            max-width: 100%;
        }

.fcf-form-group {
            margin-bottom: 1rem;
        }

.fcf-input-group {
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-align: stretch;
            align-items: stretch;
            width: 100%;
        }

.fcf-form-control {
            display: block;
            width: 100%;
            height: calc(1.5em + 0.75rem + 2px);
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            outline: none;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

.fcf-form-control:focus {
            border: 1px solid #313131;
        }

select.fcf-form-control[size],
        select.fcf-form-control[multiple] {
            height: auto;
        }

textarea.fcf-form-control {
            font-family: -apple-system, Arial, sans-serif;
            height: auto;
        }

label.fcf-label {
            display: inline-block;
            margin-bottom: 0.5rem;
        }

.fcf-credit {
            padding-top: 10px;
            font-size: 0.9rem;
            color: #545b62;
        }

.fcf-credit a {
            color: #545b62;
            text-decoration: underline;
        }

.fcf-credit a:hover {
            color: #0056b3;
            text-decoration: underline;
        }

.fcf-btn {
            display: inline-block;
            font-weight: 400;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }

@media (prefers-reduced-motion: reduce) {
            .fcf-btn {
                transition: none;
            }
        }

.fcf-btn:hover {
            color: #212529;
            text-decoration: none;
        }

.fcf-btn:focus,
        .fcf-btn.focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

.fcf-btn-primary {
            color: #fff;
            background-color: #007bff;
            border-color: #007bff;
        }

.fcf-btn-primary:hover {
            color: #fff;
            background-color: #0069d9;
            border-color: #0062cc;
        }

.fcf-btn-primary:focus,
        .fcf-btn-primary.focus {
            color: #fff;
            background-color: #0069d9;
            border-color: #0062cc;
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

.fcf-btn-lg,
        .fcf-btn-group-lg>.fcf-btn {
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            line-height: 1.5;
            border-radius: 0.3rem;
        }

.fcf-btn-block {
            display: block;
            width: 100%;
        }

.fcf-btn-block+.fcf-btn-block {
            margin-top: 0.5rem;
        }

input[type="submit"].fcf-btn-block,
        input[type="reset"].fcf-btn-block,
        input[type="button"].fcf-btn-block {
            width: 100%;
        }

.request {
            z-index: 100;
            position: fixed;
            left: 0;
            bottom: 50%;
            transform: rotate(90deg);
            animation: ani 4s ease-in infinite;

}

@keyframes ani {
            0% {
                bottom: 51%;
            }

50% {
                bottom: 49%;
            }
        }
        
        
        .mf-social-side-list {
position: fixed;
top: 30vh;
right: 10px;
z-index: 100;
}
.mf-social-side-list ul {
list-style: none;
display: flex;
flex-direction: column;
padding: 0;
margin:0
}
.mf-social-side-list ul li a {
color: #ffffff;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
margin-top: 5px;
text-align: center;
text-decoration: none;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.mf-social-side-list ul li a:hover {
opacity: .9;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.mf-social-side-list ul li a[href*='facebook'] {
background: #3b5998;
}
.mf-social-side-list ul li a[href*='instagram'] {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);;
}
.mf-social-side-list ul li a[href*='youtube'] {
background: #c4302b;
}
/*.mf-social-side-list ul li a[href*='linkedin'] {*/
/*background: #0077B5;*/
/*}*/
/*.mf-social-side-list ul li a[href*='twitter'] {*/
/*background: #00acee;*/
/*}*/

.ball {
position: sticky;
top: 65%;
right: 2%;
transform: translate(-50%, -50%); 
animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-55px);
}
100% {
transform: translateY(0);
}
}

.call-back-1 {
	position: fixed;
	bottom: 120px;
	right: 10px;
	z-index: 99;
	animation-name: mover1;
	-webkit-animation: mover1 1s infinite alternate;
	animation: mover1 1s infinite alternate;

}

@-webkit-keyframes mover1 {
	0% {
		transform: translateY(0);
	}

100% {
		transform: translateY(-10px);
	}
}

@keyframes mover1 {
	0% {
		transform: translateY(0);
	}

100% {
		transform: translateY(-10px);
	}
}

.call-back-1 img {
	width: 40px;
	margin-bottom: 5px;
	display: block;

}

.call-back {
	position: absolute;
	top: 225px;
	right: 10px;
	z-index: 99;
	animation-name: mover;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;

}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0);
	}

100% {
		transform: translateY(-10px);
	}
}

@keyframes mover {
	0% {
		transform: translateY(0);
	}

100% {
		transform: translateY(-10px);
	}
}

.call-back img {
	width: 40px;
	margin-bottom: 15px;

}

</style>
   
   
   <div class="mf-social-side-list">
<ul>
<li>
<a style="background:#3b5998;" href="" target="_blank"><i class="fa-brands fa-facebook mt-2" style="font-size: 20px; color: white;"></i></a>
</li>
<li>
<a style="background: background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  " href="" target="_blank"><i class="fa-brands fa-instagram mt-2" style="font-size: 20px; color: white;"></i></a>
</li>









</ul>

</div>
<div class="call-back-1">
	<a href="tel:+919897974288"><img src="./logo/call1-removebg-preview (1).png" alt=""></a>
	<br>
	<a href="https://wa.me/+919897974288?text=Hi%20There." target="_blank"><img src="./logo/whatsapp (1).png" alt=""></a>
</div>
    <script>
        let count = document.querySelectorAll(".count")
        let arr = Array.from(count)

arr.map(function(item) {
            let startnumber = 0

function counterup() {
                startnumber++
                item.innerHTML = startnumber

if (startnumber == item.dataset.number) {
                    clearInterval(stop)
                }
            }

let stop = setInterval(function() {
                counterup()
            }, 1)

})
    </script>

<script src="assets/js/jquery.min.js"></script>
    
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    
    <script src="assets/js/meanmenu.min.js"></script>
    
    
    <script src="assets/js/owl.carousel.min.js"></script>
    
    
    <script src="assets/js/nice-select.min.js"></script>

<script src="assets/js/custom.js"></script>
</body>

</html>