000

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>RADHE FABRICATORS</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

<link href="img/favicon.ico" rel="icon">

<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=Open+Sans:wght@400;500;600&family=Rubik:wght@500;600;700&display=swap"
        rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

<link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">
    <style>
        :root {
            --primary: #28a745;
            --secondary: #198754;
            --light: #F5F5F5;
            --dark: #212529;
        }

.bg-primary {
            background-color: var(--primary) !important;
        }

.text-primary {
            color: var(--primary) !important;
        }

.btn-primary {
            background-color: var(--primary);
            border-color: var(--primary);
        }

.btn-primary:hover {
            background-color: var(--secondary);
            border-color: var(--secondary);
        }

.btn-outline-primary {
            color: var(--primary);
            border-color: var(--primary);
        }

.btn-outline-primary:hover {
            background-color: var(--primary);
            border-color: var(--primary);
        }

.border-primary {
            border-color: var(--primary) !important;
        }
    </style>
</head>

<div class="container-fluid bg-dark px-0">
        <div class="row g-0 d-none d-lg-flex">
            <div class="col-lg-6 ps-5 text-start">
                
            </div>
            <div class="col-lg-6 text-end">
                <div class="h-100 topbar-right d-inline-flex align-items-center text-white py-2 px-5">
                    <a href="tel:9510099630" class="text-white text-decoration-none fs-5 fw-bold">
                        <i class="fa fa-phone-alt me-2"></i>Call Us: 9510099630
                    </a>
                </div>

</div>
        </div>
    </div>

<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top py-0 pe-5">
        <a href="index.html" class="navbar-brand ps-5 me-0">
            <img src="img/logo radhe.png" alt="RADHE FABRICATORS" class="img-fluid" style="max-height: 60px;">
        </a>
        <button type="button" class="navbar-toggler me-0" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <div class="navbar-nav ms-auto p-4 p-lg-0">
                <a href="index.html" class="nav-item nav-link">Home</a>
                <a href="about.html" class="nav-item nav-link">About</a>
                <a href="success.html" class="nav-item nav-link">Success Stories</a>
                <div class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle active" data-bs-toggle="dropdown">Services</a>
                    <div class="dropdown-menu bg-light m-0">
                        <a href="service.html" class="dropdown-item">Compound Gate</a>
                        <a href="fiber.html" class="dropdown-item">Fiber & Pre-Coted Shed</a>
                        <a href="resident.html" class="dropdown-item">Residential Work</a>
                        <a href="railling.html" class="dropdown-item active">Railing & Katheda</a>
                        <a href="hoarding.html" class="dropdown-item">Hoarding Fabrication</a>
                        <a href="repair.html" class="dropdown-item">Repairs and Maintenance</a>
                        <a href="color.html" class="dropdown-item">Color Coted Boundary</a>
                        <a href="industrial_work.html" class="dropdown-item">Industrial Work</a>
                    </div>
                </div>
                                <a href="success.html" class="nav-item nav-link">Success Stories</a>

<a href="blog.html" class="nav-item nav-link">Blog</a>
                <a href="contact.html" class="nav-item nav-link">Contact Us</a>
            </div>
        </div>
    </nav>

<style>
  .page-header {
    position: relative;
    background-image: url('img/banar3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* Add a min height for better appearance */
    min-height: 300px;
    color: white;
  }

/* Overlay for better text visibility */
  .page-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
    z-index: 1;
  }

.page-header .container {
    position: relative;
    z-index: 2;
  }

/* Responsive padding and font size */
  @media (max-width: 767px) {
    .page-header {
      min-height: 200px;
      padding-top: 60px !important;
      padding-bottom: 60px !important;
    }
    .page-header h1 {
      font-size: 2rem;
      text-align: center;
    }
  }
</style>

<div class="container-fluid page-header py-5 mb-5 wow fadeIn" data-wow-delay="0.1s">
  <div class="container py-5">
    <h1 class="display-3 text-white animated slideInRight">Railing & Katheda</h1>
    <nav aria-label="breadcrumb">
      
    </nav>
  </div>
</div>

<div class="container-xxl py-5">
        <div class="container">
            <div class="row g-5 align-items-start">
                
                <div class="col-12 col-lg-6">
                    <img src="img/Service about/Railing.jpg" alt="Radhe Fabrication"
                        class="img-fluid rounded w-100 custom-img">
                </div>

@media (max-width: 767.98px) {
                        .custom-img {
                            width: 100% !important;
                            height: auto !important;
                        }
                    }
                </style>
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
                    <h3 class="fw-medium text-uppercase text-primary mb-2">Railing & Katheda Service</h3>
                    
                    <p class="mb-4">Radhe Fabrication offers durable and stylish **railings and katheda** designed to
                        enhance both safety and aesthetics.
                        Our railings are perfect for balconies, staircases, and terraces, while our traditional katheda
                        structures provide shaded, elegant seating areas.
                        Built with quality materials and a refined finish, these products ensure long-lasting
                        performance and visual appeal.
                    </p>

<p>In addition to gates, Radhe Fabrication specializes in custom railings and traditional katheda
                        structures for homes and businesses.
                        Our railings provide safety for balconies, staircases, and terraces while complementing the
                        property's overall design.
                        Kathedas—wooden-look verandas or covered spaces—are built to offer shade and protection,
                        blending traditional aesthetics with durable construction.
                        Each product is crafted with care, using high-quality materials for lasting reliability and
                        visual charm.
                    </p>
                    
                </div>
            </div>
        </div>
    </div>

<section class="railing-katheda-section" style="padding: 40px 20px; background-color: #f9f9f9;">
  <div class="container" style="max-width: 1200px; margin: auto;">
    <h2 style="font-size: 32px; font-weight: bold; color: #333;">Railing & Katheda</h2>
    <p style="font-size: 18px; color: #555; margin-top: 20px;">
      At <strong>Radhe Fabrication</strong>, we specialize in crafting elegant and durable <strong>railings and kathedas</strong> that combine safety with timeless design.
      From stair railings and balcony borders to traditional katheda (seating platforms), our work enhances the functionality and aesthetic of any space—indoors or outdoors.
    </p>
    <p style="font-size: 18px; color: #555; margin-top: 15px;">
      Every railing and katheda is custom-built using premium materials and fine craftsmanship to ensure a long-lasting and visually appealing result.
      Whether you're looking for a modern metal finish or a classic ornamental style, Radhe delivers quality solutions that elevate your home's character and comfort.
    </p>
  </div>
</section>

<div class="container-xxl py-5">
        <div class="container">
            <div class="text-center mx-auto pb-4 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                <h1 class="display-5 mb-4">
                    We Provide Best <span style="color: #009444;">Railing & Katheda</span> Service
                </h1>
            </div>

<div id="servicesCarousel" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner">

<div class="carousel-item active">
                        <div class="row justify-content-center">
                            <div class="col-md-8 col-lg-6">
                                <div class="card border-0 shadow">
                                    <img src="./img/New Services/Railing & Katheda/Railing Slide-1.jpg"
                                         class="card-img-top img-fluid" alt="Civil & Gas Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Railing & Katheda</h5>
                                        <p class="card-text text-muted">
                                            Secure elegance meets modern design with Railing & Katheda. </p>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="carousel-item">
                        <div class="row justify-content-center">
                            <div class="col-md-8 col-lg-6">
                                <div class="card border-0 shadow">
                                    <img src="./img/New Services/Railing & Katheda/Railing Slide-2.jpg"
                                        class="card-img-top img-fluid" alt="Power & Energy Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Railing & Katheda</h5>
                                        <p class="card-text text-muted">
                                            Where safety and style go hand in hand – Railing & Katheda. </p>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="carousel-item">
                        <div class="row justify-content-center">
                            <div class="col-md-8 col-lg-6">
                                <div class="card border-0 shadow">
                                    <img src="./img/New Services/Railing & Katheda/Railing Slide-3.jpg"
                                        class="card-img-top img-fluid" alt="Plumbing & Water Treatment">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Railing & Katheda</h5>
                                        <p class="card-text text-muted">
                                            Crafting strong boundaries with timeless beauty – Railing & Katheda.</p>
                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

</div>

<button class="carousel-control-prev" type="button" data-bs-target="#servicesCarousel"
                    data-bs-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#servicesCarousel"
                    data-bs-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </button>
            </div>

</div>
    </div>

#servicesCarousel .carousel-control-prev,
            #servicesCarousel .carousel-control-next {
                display: none;
                /* hide buttons */
            }
        }
    </style>

if (!carouselElement) return;

// Bootstrap 5 example:
            const carousel = bootstrap.Carousel.getInstance(carouselElement) || new bootstrap.Carousel(carouselElement, {
                interval: isMobile ? 3000 : false,  // 3 seconds on mobile, no auto-slide on desktop
                ride: isMobile ? 'carousel' : false,
                pause: false,
                wrap: true,
            });

// Optional: re-init on resize
            window.addEventListener('resize', () => {
                const nowMobile = window.innerWidth <= 767.98;
                if (nowMobile && !carousel._config.interval) {
                    carousel._config.interval = 3000;
                    carousel.cycle();
                } else if (!nowMobile && carousel._config.interval) {
                    carousel._config.interval = false;
                    carousel.pause();
                }
            });
        }

window.addEventListener('load', initCarousel);

</script>

<div class="container-fluid bg-dark footer mt-5 py-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">

<div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Radhe Fabrication</h5>
                    <p>Radhe Fabrication is a leading name in the field of metal fabrication with over 35 years of industry experience.</p>
                    
                </div>
                <div class="col-lg-3 col-md-6">
                    
                    <h5 class="text-white mb-4">Our Office</h5>
                    <p class="mb-2">
                        <i class="fa fa-map-marker-alt me-3"></i>
                        <a href="https://www.google.com/maps?q=RATNAM+APARTMENT,+BUS+STAND,+J/13,+behind+P+and+T+COLONY,+near+VASANA,+Ahmedabad,+Gujarat+380007"
                            target="_blank" style="text-decoration: none; color: inherit;" class="text-white text-decoration-none">
                            Our Location
                        </a>
                    </p>
                    <p class="mb-2">
                        <i class="fa fa-phone-alt me-3"></i>
                        <a href="tel:9510099630" class="text-white text-decoration-none">9510099630</a>
                    </p>
                    <p class="mb-2">
                        <i class="fa fa-phone-alt me-3"></i>
                        <a href="tel:9723821331" class="text-white text-decoration-none">9723821331</a>
                    </p>

<p class="mb-2">
                        <i class="fa fa-envelope me-3"></i>
                        <a href="mailto:Info@radhefabrication.com"
                            class="text-white text-decoration-none">Info@radhefabrication.com</a>
                    </p>
                    
                </div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Quick Links</h5>
                    <a class="btn btn-link" href="index.html">Home</a>
                    <a class="btn btn-link" href="about.html">About Us</a>
                    <a class="btn btn-link" href="success.html">Success Stories</a>
                    <a class="btn btn-link" href="service.html">Our Services</a>
                    <a class="btn btn-link" href="contact.html">Contac Us</a>

</div>
                <div class="col-lg-3 col-md-6">
                    <h5 class="text-white mb-4">Business Hours</h5>
                    <p class="mb-1">Monday - Friday</p>
                    <h6 class="text-light">09:00 am - 07:00 pm</h6>
                    <p class="mb-1">Saturday</p>
                    <h6 class="text-light">09:00 am - 12:00 pm</h6>
                    <p class="mb-1">Sunday</p>
                    <h6 class="text-light">Closed</h6>
                </div>
                
            </div>
        </div>
    </div>

<div class="container-fluid copyright bg-dark py-4">
        <div class="container text-center">
            <p class="mb-2">Copyright &copy; <a class="fw-semi-bold" href="https://www.taniyawebfix.com/"
                    style="color: #009444;">Taniya Webfix Pvt.Ltd</a>, All Right Reserved.</p>
            
        </div>
    </div>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <style>
        .fab-toggle {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            z-index: 1000;
        }

/* main toggle */
        .fab-main {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #28a745;
            color: #fff;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            transition: transform .3s;
        }

.fab-toggle.open .fab-main {
            transform: rotate(45deg);
        }

/* menu list */
        .fab-menu {
            list-style: none;
            margin: 0;
            padding: 0;
            position: absolute;
            bottom: 70px;
            right: 0;
        }

.fab-menu li {
            margin-bottom: .6rem;
            opacity: 0;
            transform: translateY(20px);
            transition: all .3s;
        }

.fab-toggle.open .fab-menu li {
            opacity: 1;
            transform: translateY(0);
        }

/* individual buttons */
        .fab-btn {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #28a745;
            color: #fff;
            font-size: 1.2rem;
        }
    </style>

<a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><i
            class="bi bi-arrow-up"></i></a>
    <script>
        document.querySelector('.fab-main')
            .addEventListener('click', () => document.getElementById('fab').classList.toggle('open'));
    </script>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>

<script src="js/main.js"></script>
</body>

</html>