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">Hoarding Fabrication</a>
                        <a href="repair.html" class="dropdown-item">Repairs and Maintenance</a>
                        <a href="color.html" class="dropdown-item active">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">Color Coated Boundary</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/colors wall.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">Color Coted Boundry Service</h3>
                    
                    <p class="mb-4">At Radhe Fabrication, our Color Coated Boundary solutions combine durability
                        with aesthetic appeal, providing a perfect balance of security and style. Made from
                        high-quality,
                        corrosion-resistant materials and finished with vibrant, weatherproof coatings, our boundaries
                        are designed to withstand harsh environmental conditions while maintaining their visual appeal
                        for years. Whether for industrial sites, residential areas, or commercial spaces, our
                        color coated boundaries enhance the property's perimeter with a clean, modern look.</p>

<p>Enhance your property's perimeter with Radhe’s color-coated boundary structures,
                        designed for both protection and style.
                        Using pre-painted, corrosion-resistant sheets,
                        we build fences and panels that are durable, low-maintenance,
                        and visually striking. Available in various colors and styles,
                        these boundaries are ideal for residential, commercial, or industrial
                        use—offering privacy, security, and a clean, modern look that lasts through every season.</p>
                    
                </div>
            </div>
        </div>
    </div>

<section class="color-coated-boundary-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;">Color Coated Boundary</h2>
    <p style="font-size: 18px; color: #555; margin-top: 20px;">
      At <strong>Radhe Fabrication</strong>, our <strong>color coated boundary</strong> solutions combine durability with aesthetic appeal, providing a smart and stylish way to define and protect your property.
      Using advanced color coating techniques, we enhance steel and metal boundaries to resist corrosion, fading, and weather damage while adding vibrant, lasting color.
    </p>
    <p style="font-size: 18px; color: #555; margin-top: 15px;">
      Whether for residential, commercial, or industrial spaces, our color coated boundaries are custom-designed to meet your needs.
      With a wide range of colors and finishes available, Radhe ensures your property boundary not only stands strong but also complements your overall landscape and architecture.
    </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;">Color Coted Boundry</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/Color Coted Boundary/Color CB Slide-1.jpg"
                                        class="card-img-top img-fluid" alt="Civil & Gas Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Color coted boundry</h5>
                                        <p class="card-text text-muted">
                                            Enhance security with style using our durable, weather-resistant color
                                            coated boundary solutions. </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/Color Coted Boundary/Color CB Slide-2.jpg"
                                        class="card-img-top img-fluid" alt="Power & Energy Engineering">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Color coted boundry</h5>
                                        <p class="card-text text-muted">
                                            Add a vibrant, long-lasting perimeter to your space with our premium color
                                            coated boundaries.

</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/Color Coted Boundary/Color CB Slide-3.jpg"
                                        class="card-img-top img-fluid" alt="Plumbing & Water Treatment">
                                    <div class="card-body text-center">
                                        <h5 class="card-title">Color coted boundry</h5>
                                        <p class="card-text text-muted">
                                            Radhe Fabrication delivers sleek and sturdy color coated boundaries built to
                                            protect and impress.

</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">Open</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>