55ok
Mini
<!DOCTYPE html>
<html lang="zxx">
<!-- Mirrored from html.awaikenthemes.com/hetch/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Nov 2025 11:34:30 GMT -->
<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-8882220024
</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/logo1.png" alt="Logo" class="logo">
</a>
<style>
/* Navbar ki height ko affect na karte hue sirf image adjust karna */
.navbar-brand img {
height: 100px; /* 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"><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 parallaxie">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<!-- Page Header Box Start -->
<div class="page-header-box">
<h1 class="text-anime-style-3" data-cursor="-opaque">Choosing the right window...</h1>
<nav class="wow fadeInUp">
<!-- <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index-2.html">home</a></li>
<li class="breadcrumb-item"><a href="blog.html">blog</a></li>
<li class="breadcrumb-item active" aria-current="page">choosing the right window...</li>
</ol> -->
</nav>
</div>
<!-- Page Header Box End -->
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Single Post Start -->
<div class="page-single-post">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Post Featured Image Start -->
<div class="post-image">
<figure class="image-anime reveal">
<img src="images/steel22.jpg" alt="">
</figure>
</div>
<!-- Post Featured Image Start -->
<!-- Post Single Content Start -->
<div class="post-content">
<!-- Post Entry Start -->
<div class="post-entry">
<p class="wow fadeInUp">
Steel gates play a crucial role in enhancing the security, durability, and appearance of any home or commercial space.
They provide protection, improve privacy, and add a strong visual identity to your property.
The type of steel gate you choose determines its strength, practicality, and overall style.
</p>
<p class="wow fadeInUp" data-wow-delay="0.2s">
From modern laser-cut designer gates to heavy-duty main entrance gates, sliding gates, and grill gates —
each style serves a different purpose. Sliding steel gates are ideal for limited spaces, swing gates match
traditional homes, and custom-designed steel gates offer the perfect blend of aesthetics and safety.
</p>
<blockquote class="wow fadeInUp" data-wow-delay="0.4s">
<p>
A strong gate is more than just an entrance — it’s the first impression of your home.
Choosing the right steel gate means choosing protection, style, and strength that lasts for years.
</p>
</blockquote>
<p class="wow fadeInUp" data-wow-delay="0.6s">
Before selecting a steel gate, understanding the different types is essential. Each gate design offers unique
benefits in terms of durability, appearance, and functionality. From corrosion-resistant options to
advanced locking systems, steel gates are engineered to meet modern security standards.
</p>
<h2 class="wow fadeInUp" data-wow-delay="0.8s">Enhancing Security & Style</h2>
<p class="wow fadeInUp" data-wow-delay="1s">
High-quality steel gates significantly improve security while maintaining an elegant aesthetic.
With precision engineering and durable materials, they reduce wear, require low maintenance,
and offer long-term reliability for residential and commercial properties.
</p>
<ul class="wow fadeInUp" data-wow-delay="1.2s">
<li>Highly durable and resistant to rust, wear, and harsh weather.</li>
<li>Provides superior security with strong locking systems.</li>
<li>Available in modern, classic, and custom designs.</li>
<li>Low maintenance with long-lasting performance.</li>
<li>Ideal for homes, commercial buildings, and industrial spaces.</li>
</ul>
<p class="wow fadeInUp" data-wow-delay="1.4s">
Choosing the right steel gate depends on your space, security needs, design preferences,
and the level of durability required. Whether you prefer sliding gates for convenience
or designer gates for aesthetics, steel gates offer unmatched strength and long-term value.
</p>
</div>
<!-- Post Entry End -->
<!-- Post Tag Links Start -->
<div class="post-tag-links">
<div class="row align-items-center">
<div class="col-lg-8">
<!-- Post Tags Start -->
<div class="post-tags wow fadeInUp" data-wow-delay="0.5s">
<span class="tag-links">
Tags:
<a href="#">Window</a>
<a href="#">Door</a>
<a href="#">Interior</a>
</span>
</div>
<!-- Post Tags End -->
</div>
<div class="col-lg-4">
<!-- Post Social Links Start -->
<div class="post-social-sharing wow fadeInUp" data-wow-delay="0.5s">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></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>
<!-- Post Social Links End -->
</div>
</div>
</div>
<!-- Post Tag Links End -->
</div>
<!-- Post Single Content End -->
</div>
</div>
</div>
</div>
<!-- Page Single Post End -->
<!-- Footer Ticker Start -->
<div class="footer-ticker">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<!-- Scrolling Ticker Start -->
<div class="scrolling-ticker">
<!-- Scrolling Ticker Box Start -->
<div class="scrolling-ticker-box">
<!-- Scrolling Ticker Content Start -->
<div class="scrolling-content">
<span>Schedule a Free Consultation for Window and Door Replacement</span>
<span>Schedule a Free Consultation for Window and Door Replacement</span>
</div>
<!-- Scrolling Ticker Content End -->
<!-- Scrolling Ticker Content Start -->
<div class="scrolling-content">
<span>Schedule a Free Consultation for Window and Door Replacement</span>
<span>Schedule a Free Consultation for Window and Door Replacement</span>
</div>
<!-- Scrolling Ticker Content End -->
</div>
<!-- Scrolling Ticker Box End -->
<!-- Schedule Now BUtton Start -->
<div class="schedule-now-btn">
<a href="contact.html" class="schedule-btn">get schedule now</a>
</div>
<!-- Schedule Now BUtton End -->
</div>
<!-- Scrolling Ticker End -->
</div>
</div>
</div>
</div>
<!-- Footer Ticker End -->
<div class="floating_btn phone">
<a href="tel:+918882220024" 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=918882220024&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=918882220024&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-8882220024" 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="blog.html">blog and insights</a></li>
<li><a href="projects.html">special offers page</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-8882220024</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/blog-single.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 15 Nov 2025 11:34:30 GMT -->
</html>
Zerion Mini 1.0