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">Residential Work</a>
                        <a href="railling.html" class="dropdown-item">Railing & Katheda</a>
                        <a href="hoarding.html" class="dropdown-item active">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">Hoarding Fabrication</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/Hoarding work.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">Hoarding Fabrication Service</h3>
                    
                    <p class="mb-4">At Radhe Fabrication, we specialize in high-quality hoarding fabrication
                        solutions tailored to meet the diverse needs of advertising, branding, and construction
                        industries. With over 35 years of industry experience, our team combines technical expertise
                        with innovative design to deliver robust, weather-resistant, and visually impactful hoarding
                        structures. Whether it's for commercial advertising boards, site safety hoardings, or
                        promotional
                        displays, we ensure precision in every weld, cut, and finish — using only the finest-grade
                        materials
                        to guarantee durability and long-term performance.</p>

<p>Ahmedabad businesses also rely on Radhe to build metal frames for signboards and hoardings.
                        Their team welds large sign supports and billboard frames that stand up to wind and weather.
                        Clients appreciate that Radhe can handle the big, heavy jobs — like mounting a multi-ton sign
                        on a rooftop — with precision.</p>
                    
                </div>
            </div>
        </div>
    </div>
    
    <section class="hoarding-fabrication-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;">Hoarding Fabrication</h2>
            <p style="font-size: 18px; color: #555; margin-top: 20px;">
                At <strong>Radhe Fabrication</strong>, we provide high-quality <strong>hoarding fabrication</strong>
                services tailored for commercial, construction, and advertising needs.
                Our hoardings are built to be strong, stable, and weather-resistant—offering safety, visibility, and
                effective space utilization at project sites or public spaces.
            </p>
            <p style="font-size: 18px; color: #555; margin-top: 15px;">
                Whether you need temporary hoarding for a construction zone or permanent structures for signage and
                branding, we offer fully customized solutions.
                With precise fabrication, rust-resistant materials, and on-time delivery, Radhe ensures your hoardings
                stand tall, grab attention, and withstand the elements with ease.
            </p>
            <p style="font-size: 18px; color: #555; margin-top: 15px;">
                Ahmedabad businesses also rely on Radhe to build metal frames for signboards and hoardings. Their team
                welds large sign supports and billboard frames that stand up to wind and weather. Clients appreciate
                that Radhe can handle the big, heavy jobs — like mounting a multi-ton sign on a rooftop — with
                precision.

</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;">Hoarding Fabrication</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/Hoarding Fabrication/Hoarding Slide-1.jpg"
                                        class="card-img-top img-fluid" alt="Civil & Gas Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Hoarding Fabrication</h5>
                                        <p class="card-text text-muted">
                                            Bold, durable, and built to last — hoardings that make a statement. </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/Hoarding Fabrication/Hoarding Slide-2.jpg"
                                        class="card-img-top img-fluid" alt="Power & Energy Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Hoarding Fabrication</h5>
                                        <p class="card-text text-muted">
                                            Crafting impactful hoarding structures to elevate your brand presence </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/Hoarding Fabrication/Hoarding Slide-3.jpg"
                                        class="card-img-top img-fluid" alt="Plumbing & Water Treatment">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Hoarding Fabrication</h5>
                                        <p class="card-text text-muted">
                                            Where visibility meets strength — premium hoarding fabrication by Radhe.
                                        </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 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>