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>
                <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 active">Residential Work</a>
                        <a href="railling.html" class="dropdown-item">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">Residential Work</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/Residential work.jpg" alt="Radhe Fabrication"
                        class="img-fluid rounded w-100 custom-img">
                </div>

<div class="col-12 col-lg-6">
                    <h3 class="fw-medium text-uppercase text-primary mb-2">Residential Work Service</h3>
                    <p class="mb-4">
                        Radhe Fabrication brings over 35 years of experience to residential metal work,
                        offering high-quality gates, railings, staircases, and grills. Our focus is on combining
                        durability, safety, and elegant design to enhance the beauty and security of your home.
                    </p>
                    <p>
                        We work closely with homeowners, architects, and contractors to provide fully customized
                        fabrication services tailored to specific design preferences and structural needs.
                        Using high-quality materials and modern techniques, Radhe Fabrication ensures lasting
                        durability, fine finishes, and customer satisfaction in every residential project we undertake.
                    </p>
                </div>
            </div>
        </div>
    </div>

<style>
        .custom-img {
            height: 350px;
            width: 350px;
            object-fit: cover;
        }

@media (max-width: 767.98px) {
            .custom-img {
                width: 100% !important;
                height: auto !important;
            }
        }
    </style>

<section class="residential-work-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;">Residential Work</h2>
    <p style="font-size: 18px; color: #555; margin-top: 20px;">
      At <strong>Radhe Fabrication</strong>, we bring strength, style, and safety to your home with our expert residential metalwork solutions.
      From custom gates and railings to grills, staircases, and balcony enclosures, we design and build pieces that perfectly match your space and aesthetic.
      Every project is crafted with precision and care, using high-quality materials to ensure long-lasting performance and visual appeal.
    </p>
    <p style="font-size: 18px; color: #555; margin-top: 15px;">
      Whether you’re building a new home or upgrading an existing one, our team works closely with you to deliver functional, elegant, and secure installations.
      We understand that every home is unique—so we focus on tailor-made solutions that enhance your property's beauty while adding real value and protection.
    </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;">Residential Work</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/Resdential Work/Resdential Slide-1.jpg"
                                        class="card-img-top img-fluid" alt="Civil & Gas Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Residential Work</h5>
                                        <p class="card-text text-muted">
                                            Enhancing homes with strong, stylish, and secure metalwork for over 35
                                            years.
                                        </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/Resdential Work/Resdential Slide-2.jpg"
                                        class="card-img-top img-fluid" alt="Power & Energy Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Residential Work</h5>
                                        <p class="card-text text-muted">
                                            Custom residential fabrication that blends safety with elegance.
                                        </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/Resdential Work/Resdential Slide-3.jpg"
                                        class="card-img-top img-fluid" alt="Plumbing & Water Treatment">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Residential Work</h5>
                                        <p class="card-text text-muted">
                                            From gates to railings, Radhe Fabrication adds lasting value to your home.
                                        </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>