55ok
Mini
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<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">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Awaiken">
<!-- Page Title -->
<title>Steel-gate</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Google Fonts Css-->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet">
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Font Awesome Icon Css-->
<link href="css/all.min.css" rel="stylesheet" media="screen">
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet">
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css">
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt=""></div>
</div>
</div>
<!-- Preloader End -->
<!-- Topbar Section Start -->
<div class="topbar">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-6">
<!-- Topbar Contact Information Start -->
<div class="topbar-contact-info">
<ul>
<li>
<a href="tel:+1234567890">
<img src="images/icon-phone.svg" alt=""> +91-8851904287
</a>
</li>
<li><a href="#"><img src="images/icon-mail.svg" alt="">info@domain.com</a></li>
</ul>
</div>
<!-- Topbar Contact Information End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Topbar Contact Information Start -->
<div class="topbar-offer">
<p>Extra Sale 30% Off : 00 : 02 : 00 : 90</p>
</div>
<!-- Topbar Contact Information End -->
</div>
<div class="col-lg-4 col-md-6">
<div class="topbar-time">
<ul>
<!-- Social Icons Start -->
<li>
<a href="https://facebook.com" target="_blank">
<svg width="18" height="18" fill="#1877F2" viewBox="0 0 24 24">
<path d="M22.675 0h-21.35C.597 0 0 .597 0 1.326v21.348C0 23.403.597 24 1.326 24H12.82v-9.294H9.692V11.01h3.128V8.41c0-3.1 1.893-4.788 4.658-4.788 1.325 0 2.463.099 2.794.143v3.24h-1.918c-1.505 0-1.797.716-1.797 1.766v2.319h3.59l-.467 3.696h-3.123V24h6.116C23.403 24 24 23.403 24 22.674V1.326C24 .597 23.403 0 22.675 0z"/>
</svg>
Facebook
</a>
</li>
<li>
<a href="https://instagram.com" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="#E4405F">
<path d="M7 2C4.243 2 2 4.243 2 7v10c0 2.757 2.243 5 5 5h10c2.757 0 5-2.243 5-5V7c0-2.757-2.243-5-5-5H7zm10 2c1.654 0 3 1.346 3 3v10c0 1.654-1.346 3-3 3H7c-1.654 0-3-1.346-3-3V7c0-1.654 1.346-3 3-3h10zm-5 3a5 5 0 100 10 5 5 0 000-10zm0 2a3 3 0 110 6 3 3 0 010-6zm4.5-.75a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z"/>
</svg>
Instagram
</a>
</li>
<li>
<a href="https://youtube.com" target="_blank">
<svg width="18" height="18" viewBox="0 0 24 24" fill="#FF0000">
<path d="M23.498 6.186a2.974 2.974 0 00-2.09-2.103C19.691 3.5 12 3.5 12 3.5s-7.691 0-9.408.583A2.974 2.974 0 00.502 6.186 31.533 31.533 0 000 12a31.533 31.533 0 00.502 5.814 2.974 2.974 0 002.09 2.103C4.309 20.5 12 20.5 12 20.5s7.691 0 9.408-.583a2.974 2.974 0 002.09-2.103A31.533 31.533 0 0024 12a31.533 31.533 0 00-.502-5.814zM9.75 15.568V8.432L15.818 12 9.75 15.568z"/>
</svg>
YouTube
</a>
</li>
<!-- Social Icons End -->
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Topbar Section End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand" href="index.html">
<img src="images/logo5.png" alt="Logo" class="logo">
</a>
<style>
/* Navbar ki height ko affect na karte hue sirf image adjust karna */
.navbar-brand img {
height: 92px; /* Jitni chaho utni height kar lo */
width: auto;
object-fit: contain;
}
/* Optional: navbar ki default height maintain karna ho to */
.navbar-brand {
display: flex;
align-items: center;
}
</style>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu"><a class="nav-link" href="index.html">Home</a>
<!-- <ul>
<li class="nav-item"><a class="nav-link" href="index.html">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="index-video.html">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="index-slider.html">Home - Slider</a></li>
</ul> -->
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About Us</a></li>
<li class="nav-item submenu"><a class="nav-link" href="#">Product</a>
<ul>
<li class="nav-item"><a class="nav-link" href="kitchen.html"> modular kitchen</a></li>
<li class="nav-item"><a class="nav-link" href="image-gallery.html">Image Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="glass-railing.html">Glass Railing</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="services.html">Services</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="image-gallery.html">Gallery</a></li> -->
<!-- <li class="nav-item submenu"><a class="nav-link" href="#">Pages</a>
<ul>
<li class="nav-item"><a class="nav-link" href="service-single.html">Service Details</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog Details</a></li>
<li class="nav-item"><a class="nav-link" href="projects.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="project-single.html">project Details</a></li>
<li class="nav-item"><a class="nav-link" href="team.html">Team</a></li>
<li class="nav-item"><a class="nav-link" href="team-single.html">Team Details</a></li>
<li class="nav-item"><a class="nav-link" href="image-gallery.html">Image Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="video-gallery.html">Video Gallery</a></li>
<li class="nav-item"><a class="nav-link" href="faqs.html">FAQs</a></li>
<li class="nav-item"><a class="nav-link" href="404.html">404</a></li>
</ul>
</li> -->
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
<!-- Header Social Icons Start -->
<div class="header-social-icons">
<ul>
<li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
</ul>
</div>
<!-- Header Social Icons End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle"></div>
</div>
</nav>
<div class="responsive-menu"></div>
</div>
</header>
<!-- Header End -->
<!-- Page Header Start -->
<div class="page-header parallax-banner">
<div class="banner-content">
<h1>Steel Modular Kitchen</h1>
</div>
</div>
<style>
/* Banner Background */
.parallax-banner {
background-image: url('https://images.squarespace-cdn.com/content/v1/6641e7e806b6f9326d1570bb/1715595382315-7SV7E8YCS0YOCMADXIIO/1.+Banner_31451_21_Platzierungskueche_Easytouch_694_M.jpg'); /* अपने banner image का path डालें */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px; /* Desktop height */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
/* Dark overlay for better text visibility */
.parallax-banner::before {
content: "";
position: absolute;
inset: 0;
/* background: rgba(0,0,0,0.45); */
}
/* Banner Content */
.banner-content {
position: relative;
color: #fff;
}
.banner-content h1 {
font-size: 42px;
font-weight: 700;
color: white;
}
/* Responsive for Mobile */
@media (max-width: 768px) {
.parallax-banner {
height: 180px; /* Mobile height */
}
.banner-content h1 {
font-size: 26px;
color: white;
}
}
</style>
<!-- Page Header End -->
<!-- Photo Gallery Section Start -->
<div class="page-gallery">
<div class="container">
<div class="row gallery-items page-gallery-box">
<div class="col-lg-4 col-6">
<div class="photo-gallery">
<a href="images/1000083550.jpg">
<figure>
<img src="images/1000083550.jpg" alt="">
</figure>
</a>
</div>
</div>
<div class="col-lg-4 col-6">
<div class="photo-gallery">
<a href="images/1000083943.jpg">
<figure>
<img src="images/1000083943.jpg" alt="">
</figure>
</a>
</div>
</div>
<div class="col-lg-4 col-6">
<div class="photo-gallery">
<a href="images/mo3.jpg">
<figure>
<img src="images/mo3.jpg" alt="">
</figure>
</a>
</div>
</div>
<div class="col-lg-4 col-6">
<div class="photo-gallery">
<a href="images/mo4.jpg">
<figure>
<img src="images/mo4.jpg" alt="">
</figure>
</a>
</div>
</div>
<div class="col-lg-4 col-6">
<div class="photo-gallery">
<a href="images/mo5.jpg">
<figure>
<img src="images/mo5.jpg" alt="">
</figure>
</a>
</div>
</div>
<div class="col-lg-4 col-6">
<div class="photo-gallery">
<a href="images/mo6.jpg">
<figure>
<img src="images/mo6.jpg" alt="">
</figure>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
.page-gallery .photo-gallery figure {
width: 100%;
height: 250px; /* DESKTOP HEIGHT */
overflow: hidden;
border-radius: 10px;
margin: 0;
}
.page-gallery .photo-gallery img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* MOBILE VIEW */
@media (max-width: 768px) {
.page-gallery .photo-gallery figure {
height: 180px; /* MOBILE HEIGHT */
}
}
</style>
<!-- Photo Gallery Section End -->
<!-- Footer Ticker Start -->
<!-- Footer Ticker End -->
<div class="floating_btn phone">
<a href="tel:+91-8851904287" target="_blank">
<div class="contact_icon phone">
<i class="fa fa-phone" aria-hidden="true"></i>
</div>
</a>
</div>
<div class="floating_btn whatsapp">
<a href="https://api.whatsapp.com/send/?phone=918851904287&text=New+contact+form+submission%3A%0AName%3A+Gaurav+Kaushik%0AEmail%3A+mohit%40gmail.com%0APhone%3A+08700321591%0AMessage%3A+ee&type=phone_number&app_absent=0" target="_blank">
<div class="contact_icon whatsapp">
<i class="fab fa-whatsapp"></i>
</div>
</a>
</div>
<!--end desktop whatsapp-->
<!--mobile view whatsapp -->
<div id="callbook">
<ul>
<li style="background:#00b451;">
<a href="https://api.whatsapp.com/send/?phone=918851904287&text=New+contact+form+submission%3A%0AName%3A+Gaurav+Kaushik%0AEmail%3A+mohit%40gmail.com%0APhone%3A+08700321591%0AMessage%3A+ee&type=phone_number&app_absent=0" target="_blank" title="WhatsApp">
<i class="fab fa-whatsapp"></i> Chat With Us
</a>
</li>
<li style="background:#d00221;">
<a href="tel:+91-8851904287" title="Call Us">
<i class="fa fa-phone"></i> Click To Call
</a>
</li>
</ul>
</div>
<!-- end mobile view -->
<style>
/* whatsapp mobile view */
#callbook {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: green;
z-index: 999;
}
#callbook ul {
display: flex;
margin: 0;
padding: 0;
}
#callbook li {
flex: 1;
list-style: none;
text-align: center;
padding: 8px 0;
}
#callbook a {
color: #fff;
font-size: 18px;
font-family: sans-serif;
text-decoration: none;
}
#callbook i {
font-size: 20px;
font-weight: 600;
animation: pulsate 0.9s ease-out infinite;
}
@keyframes pulsate {
0%,
100% {
transform: scale(0.9);
opacity: 1;
}
50% {
transform: scale(1.2);
opacity: 1;
}
}
/* Show only on mobile screens */
@media (max-width: 767px) {
#callbook {
display: block;
}
}
/* end mobile view */
/* destop view*/
.floating_btn {
position: fixed;
left: 20px;
width: 80px;
height: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1000;
}
.floating_btn.phone {
bottom: 100px;
}
.floating_btn.whatsapp {
bottom: 20px;
}
.contact_icon {
width: 50px;
height: 50px;
font-size: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 0;
color: #fff;
animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
transition: all 300ms ease-in-out;
text-decoration: none;
font-family: sans-serif;
}
.contact_icon.whatsapp {
background-color: #42db87;
}
.contact_icon.phone {
background-color: #d00221;
}
@keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
}
}
/* Hide on screens smaller than 768px (mobile) */
@media (max-width: 767px) {
.floating_btn {
display: none;
}
}
/*end destop view */
</style>
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Footer Header Start -->
<div class="footer-header">
<div class="row align-items-center">
<div class="col-lg-6 col-md-8">
<div class="footer-header-title">
<!-- Section Title Start -->
<div class="section-title dark-section">
<h2 class="text-anime-style-3" data-cursor="-opaque">Let's made your custom product!</h2>
</div>
<!-- Section Title End -->
</div>
</div>
<div class="col-lg-6 col-md-4">
<!-- Footer Contact Button Start -->
<div class="footer-contact-btn">
<a href="contact.html" class="btn-default btn-highlighted">contact us today</a>
</div>
<!-- Footer Contact Button End -->
</div>
</div>
</div>
<!-- Footer Header End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- About Footer Start -->
<div class="about-footer">
<!-- Footer Logo Start -->
<div class="footer-logo">
<img src="images/logo1.png" alt="">
</div>
<!-- <style>
.footer-logo{
width: 100px;
}
</style> -->
<!-- Footer Logo End -->
<!-- About Footer Content Start -->
<div class="about-footer-content">
<p>Strong Steel Gates for Safety & Style.</p>
</div>
<!-- About Footer Content End -->
<!-- Footer Social Link Start -->
<div class="footer-social-links">
<ul>
<li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
<!-- Footer Social Link End -->
</div>
<!-- About Footer End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Links Start -->
<div class="footer-links">
<h3>quick links</h3>
<ul>
<li><a href="index.html">home page</a></li>
<li><a href="about.html">about our company</a></li>
<li><a href="kitchen.html">Modular Kitchen</a></li>
<li><a href="image-gallery.html">Steel-Gates</a></li>
</ul>
</div>
<!-- Footer Links End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Contact Box Start -->
<div class="footer-contact-box footer-links">
<h3>contact us</h3>
<!-- Footer Contact Item Start -->
<div class="footer-contact-item">
<div class="icon-box">
<img src="images/icon-mail.svg" alt="">
</div>
<div class="footer-contact-content">
<p>info@domain.com</p>
</div>
</div>
<!-- Footer Contact Item End -->
<!-- Footer Contact Item Start -->
<div class="footer-contact-item">
<div class="icon-box">
<img src="images/icon-phone.svg" alt="">
</div>
<div class="footer-contact-content">
<p>+91-8851904287</p>
</div>
</div>
<!-- Footer Contact Item End -->
<!-- Footer Contact Item Start -->
<div class="footer-contact-item">
<div class="icon-box">
<img src="images/icon-location.svg" alt="">
</div>
<div class="footer-contact-content">
<p>Wz 105, near Obc Bank, Palam Village, Palam, New Delhi, Delhi, 110045</p>
</div>
</div>
<!-- Footer Contact Item End -->
</div>
<!-- Footer Contact Box End -->
</div>
<div class="col-lg-3 col-md-6">
<!-- Footer Newsletter Box Start -->
<div class="footer-newsletter-box footer-links">
<h3>get the latest trending news</h3>
<!-- Newsletter Form start -->
<div class="footer-latest-news-form">
<form id="latestnewsForm" action="#" method="POST">
<div class="form-group">
<input type="email" name="email" class="form-control" id="mail" placeholder="Enter your email" required="">
<button type="submit" class="latestnews-btn"><img src="images/arrow-white.svg" alt=""></button>
</div>
</form>
</div>
<!-- Newsletter Form end -->
</div>
<!-- Footer Newsletter Box End -->
</div>
</div>
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p>Copyright © 2025 All Rights Reserved by <a href="https://bestdigisolution.com/">Best Digi Solution</a> </p>
</div>
<!-- Footer Copyright End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Jquery Library File -->
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Isotop js file -->
<script src="js/isotope.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Wow js file -->
<script src="js/wow.min.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
</body>
<!-- Mirrored from html.awaikenthemes.com/hetch/image-gallery.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Nov 2025 11:34:34 GMT -->
</html>
Zerion Mini 1.0