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" 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">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 active">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>
     
     .case-study {
  display: none;
}
.case-study.active {
  display: block;
}
  .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">Success Stories</h1>
    <nav aria-label="breadcrumb">
      
    </nav>
  </div>
</div>

<div class="container text-center mb-5">
  <div class="d-flex flex-column flex-md-row justify-content-center align-items-center gap-2">
    <button class="btn btn-primary w-100 w-md-auto px-4 case-btn" onclick="showCase(0)">
      Case Study 1
    </button>
    <button class="btn btn-outline-primary w-100 w-md-auto px-4 case-btn" onclick="showCase(1)">
      Case Study 2
    </button>
    <button class="btn btn-outline-primary w-100 w-md-auto px-4 case-btn" onclick="showCase(2)">
      Case Study 3
    </button>
       
  </div>
</div>

<div class="text-center mb-5">
      <h2 class="fw-bold text-dark">Industrial Project Recovery – Vatva GIDC, Ahmedabad</h2>
     
    </div>

<div class="row g-4">
      <div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-primary">Overview</h4>
          <p class="text-secondary">
            A manufacturing unit in Vatva GIDC was left stalled after a low-quality
            fabricator abandoned work using scrap steel. The site was unsafe and
            production was halted.
          </p>
        </div>
      </div>

<div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-primary">The Client</h4>
          <p class="text-secondary">
            A large industrial factory requiring immediate, safe, and
            time-critical metal fabrication.
          </p>
        </div>
      </div>
    </div>

<div class="row g-4 mt-4">
      <div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-danger">Challenges</h4>
          <ul class="list-unstyled">
            <li>❌ Scrap steel used</li>
            <li>❌ Abandoned project</li>
            <li>❌ Unsafe structure</li>
            <li>❌ Revenue loss risk</li>
          </ul>
        </div>
      </div>

<div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-success">Solutions</h4>
          <ul class="list-unstyled">
            <li>✔️ Site assessment</li>
            <li>✔️ Dismantling & cleanup</li>
            <li>✔️ Premium steel materials</li>
            <li>✔️ Custom re-engineering</li>
          </ul>
        </div>
      </div>
    </div>

<div class="mt-5 text-center">
      <h4 class="text-primary mb-4">Results</h4>
      <div class="row g-4">
        <div class="col-md-4">✔️ Completed 3 Days Early</div>
        <div class="col-md-4">✔️ Zero Safety Incidents</div>
        <div class="col-md-4">✔️ 1500+ Hours Downtime Saved</div>
      </div>
    </div>

</section>
</div>

<div class="text-center mb-5">
      <h2 class="fw-bold text-dark">Luxury Villa Metal Fabrication – Bodakdev, Ahmedabad</h2>
      
    </div>

<div class="row g-4">
      <div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-primary">Overview</h4>
          <p class="text-secondary">
            Complete metal fabrication for 12 luxury villas including
            compound gates, railings, sheds, and decorative metalwork.
          </p>
        </div>
      </div>

<div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-primary">Client</h4>
          <p class="text-secondary">
            <strong>Premium Properties Pvt. Ltd.</strong><br>
            High-end residential real estate developer.
          </p>
        </div>
      </div>
    </div>

<div class="row g-4 mt-4">
      <div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-danger">Challenges</h4>
          <ul>
            <li>❌ Design complexity</li>
            <li>❌ Strict timelines</li>
            <li>❌ Rust-proof requirement</li>
          </ul>
        </div>
      </div>

<div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-success">Solutions</h4>
          <ul>
            <li>Custom fabrication</li>
            <li>Certified materials</li>
            <li>Weather-resistant coating</li>
          </ul>
        </div>
      </div>
    </div>

<div class="mt-5 text-center">
      <h4 class="text-primary mb-4">Results</h4>
      <div class="row g-4">
        <div class="col-md-4">✔️ On-Time Delivery</div>
        <div class="col-md-4">✔️ Zero Rework</div>
        <div class="col-md-4">✔️ Zero Accidents</div>
      </div>
    </div>

</section>
</div>

<div class="text-center mb-5">
      <h2 class="fw-bold text-dark">Fiber Shed Fabrication – Changodar, Ahmedabad
</h2>
    
    </div>

<div class="row g-4">
      <div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-primary">Overview</h4>
          <p class="text-secondary">
            A large-span fiber shed project rejected by other fabricators
            due to wind load and design complexity.
          </p>
        </div>
      </div>

<div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-primary">Client</h4>
          <p class="text-secondary">
            Leading industrial manufacturing unit in Changodar.
          </p>
        </div>
      </div>
    </div>

<div class="row g-4 mt-4">
      <div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-danger">Challenges</h4>
          <ul>
            <li>❌ Long span structure</li>
            <li>❌ High wind load</li>
            <li>❌ No downtime allowed</li>
          </ul>
        </div>
      </div>

<div class="col-md-6">
        <div class="p-4 h-100 border rounded bg-white shadow-sm">
          <h4 class="text-success">Solutions</h4>
          <ul>
            <li>Advanced structural planning</li>
            <li>Custom steel framework</li>
            <li>Precision installation</li>
          </ul>
        </div>
      </div>
    </div>

<div class="mt-5 text-center">
      <h4 class="text-primary mb-4">Results</h4>
      <div class="row g-4">
        <div class="col-md-4">✔️ 100% Stability</div>
        <div class="col-md-4">✔️ Zero Downtime</div>
        <div class="col-md-4">✔️ Full Client Satisfaction</div>
      </div>
    </div>

</section>
</div>

<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>

<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>
    <script>
let current = 0;
let cases = document.querySelectorAll('.case-study');
let buttons = document.querySelectorAll('.case-btn');

function showCase(index) {
  // Show / hide case studies
  cases.forEach((c, i) => {
    c.classList.toggle('active', i === index);
  });

// Update button colors
  buttons.forEach((btn, i) => {
    if (i === index) {
      btn.classList.remove('btn-outline-primary');
      btn.classList.add('btn-primary');
    } else {
      btn.classList.remove('btn-primary');
      btn.classList.add('btn-outline-primary');
    }
  });

current = index;
  window.scrollTo({ top: 0, behavior: 'smooth' });
}

function nextCase() {
  current = (current + 1) % cases.length;
  showCase(current);
}

function prevCase() {
  current = (current - 1 + cases.length) % cases.length;
  showCase(current);
}
</script>

</body>
</html>