|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/.nvm/../public_html/sarayu/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1"
/>
<meta name="description" content="Sarayu Engineering" />
<meta name="keywords" content="Empowering Industries
Since 1989" />
<meta name="author" content="" />
<!-- Page Title -->
<title>Sarayu Engineering</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon-01.png">
<!-- Google Fonts Css-->
<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=Fustat:wght@200..800&display=swap"
rel="stylesheet"
/>
<!-- Bootstrap Css -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<!-- SlickNav Css -->
<link href="css/slicknav.min.css" rel="stylesheet" />
<!-- Swiper Css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css" />
<!-- Font Awesome Icon Css-->
<link href="css/all.css" rel="stylesheet" media="screen" />
<!-- Animated Css -->
<link href="css/animate.css" rel="stylesheet" />
<!-- Magnific Popup Core Css File -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!-- Mouse Cursor Css File -->
<link rel="stylesheet" href="css/mousecursor.css" />
<!-- Main Custom Css -->
<link href="css/custom.css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<style>
.text {
font-weight: 800;
font-size: 280px;
line-height: 0.9;
text-transform: uppercase;
background-image: url("images/text-img.jpg"); /* Explicitly set background-image */
background-size: cover; /* Ensures the background covers the text */
background-repeat: no-repeat; /* Prevent tiling */
background-position: center; /* Centers the image on the text */
-webkit-text-fill-color: transparent; /* Makes text transparent to show the background */
-webkit-background-clip: text; /* Clips the background to the text area */
color: transparent; /* Fallback for browsers not supporting background-clip */
display: inline-block;
}
/* Update the active state to match hover state opacity */
.award-item.active::before {
opacity: 0.15;
}
/* Remove hover effect since we're using click instead */
.award-item:hover::before {
opacity: 0; /* Remove the hover effect */
}
</style>
</head>
<body>
<!-- Preloader Start -->
<div class="preloader">
<div class="loading-container">
<div class="loading"></div>
<div id="loading-icon"><img src="images/loader.svg" alt="loadericon" title="loadericon"/></div>
</div>
</div>
<!-- Preloader End -->
<!-- Header Start -->
<header class="main-header">
<div class="header-sticky">
<nav class="navbar navbar-expand-lg">
<div class="container">
<!-- Logo Start -->
<a class="navbar-brand " href="index.html">
<img src="images/logo.png" alt="Logo" title="Logo"/>
</a>
<!-- Logo End -->
<!-- Main Menu Start -->
<div class="collapse navbar-collapse main-menu">
<div class="nav-menu-wrapper">
<ul class="navbar-nav mr-auto" id="menu">
<li class="nav-item submenu">
<a class="nav-link" href="index.html">Home</a>
<!-- <ul>
<li class="nav-item"><a class="nav-link" href="#">Home - Image</a></li>
<li class="nav-item"><a class="nav-link" href="#">Home - Video</a></li>
<li class="nav-item"><a class="nav-link" href="#">Home - Slider</a></li>
</ul> -->
</li>
<li class="nav-item">
<a class="nav-link" href="#about-section">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#service-section">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#core-section">Core Values</a>
</li>
<!-- <li class="nav-item nav-flex nav-none">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="Logo" title="Logo"/>
</a>
</li> -->
<li class="nav-item submenu">
<a class="nav-link" href="#quality-section">Quality</a>
</li>
<li class="nav-item submenu">
<a class="nav-link" href="#product-section">Products</a>
</li>
<!-- <li class="nav-item submenu">
<a class="nav-link" href="#product-section">Certifications</a>
</li> -->
<!-- <li class="nav-item">
<a class="nav-link" href="#contact-section">Contact Us</a>
</li> -->
</ul>
</div>
<!-- Header Btn Start -->
<div class="header-btn d-inline-flex">
<!-- <a href="tel:+789859664" class="btn-phone"><i class="fa-solid fa-phone-volume"></i>+91 77080 03410</a> -->
<a href="#contact-section" class="custom-button">
Get in Touch
<svg class="arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
<svg class="right-arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
</a>
</div>
<!-- Header Btn End -->
</div>
<!-- Main Menu End -->
<div class="navbar-toggle">
<!-- <a
href="#"
aria-haspopup="true"
role="button"
tabindex="0"
class="slicknav_btn slicknav_collapsed"
><span class="slicknav_menutxt"></span
><span class="slicknav_icon slicknav_no-text"
><span class="slicknav_icon-bar"></span
><span class="slicknav_icon-bar"></span
><span class="slicknav_icon-bar"></span></span
></a> -->
</div>
</div>
</nav>
<div class="responsive-menu">
<div class="slicknav_menu">
<ul
class="slicknav_nav slicknav_hidden"
aria-hidden="true"
role="menu"
style="display: none"
>
<li class="nav-item submenu slicknav_collapsed slicknav_parent">
<a
href="#"
role="menuitem"
aria-haspopup="true"
tabindex="-1"
class="slicknav_item slicknav_row"
><a class="nav-link" href="index.html" tabindex="-1">Home</a>
<span class="slicknav_arrow">►</span></a
>
<!-- <ul
role="menu"
class="slicknav_hidden"
aria-hidden="true"
style="display: none"
>
<li class="nav-item">
<a class="nav-link" href="#" role="menuitem" tabindex="-1"
>Home - Image</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="f" role="menuitem" tabindex="-1"
>Home - Video</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#" role="menuitem" tabindex="-1"
>Home - Slider</a
>
</li>
</ul> -->
</li>
<li class="nav-item">
<a class="nav-link" href="#about-section" role="menuitem" tabindex="-1"
>About Us</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#service-section" role="menuitem" tabindex="-1"
>Services</a
>
</li>
<li class="nav-item submenu slicknav_collapsed slicknav_parent">
<a
href="#product-section"
role="menuitem"
aria-haspopup="true"
tabindex="-1"
class="slicknav_item slicknav_row"
><a class="nav-link" href="#" tabindex="-1">Products</a>
<span class="slicknav_arrow">►</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact-section" role="menuitem" tabindex="-1"
>Contact Us</a
>
</li>
</ul>
</div>
</div>
</div>
</header>
<section class="banner">
<div class="banner-content">
<h1 class="banner-title">Precision </h1>
<h1 class="banner-title1">Driven Transformer
</h1>
<h1 class="banner-title2"> Manufacturers
</h1>
<div class="product_banner">
<img
src="images/cargo.png"
alt="transformer"
class="product-image" title="transformer"
/>
</div>
<!-- <div class="feature-tags">
<div class="feature-tag">
<div class="feature-title">Lorem, ipsum dolor.</div>
<div class="feature-value">Lorem, ipsum dolor.</div>
</div>
<div class="feature-tag">
<div class="feature-title">Lorem, ipsum dolor.</div>
<div class="feature-value">Lorem, ipsum dolor.</div>
</div>
</div> -->
</div>
</section>
<!-- Hero Section End -->
<div class="our-expertise comman-padding-2 sm-pe-20px sm-ps-20px md-pe-20px md-ps-20px" id="about-section">
<div class="container">
<div class="row">
<div class="col-lg-5 about_arrow">
<!-- <div class="section-title banner_title">
<h2><span class="highlight">Our</span> Approach</h2>
</div> -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><path d="M14.374,15.999 L5.562,15.999 L5.562,14.374 L13.238,14.374 L0.0,1.135 L1.137,0.1 L14.374,13.236 L14.374,5.562 L15.999,5.562 L15.999,14.374 L15.999,15.999 L14.374,15.999 Z"></path></svg>
</div>
<div class="col-lg-7">
<!-- Our Expertise Content Start -->
<div class="our-expertise-content">
<!-- Section Title Start -->
<!-- <div class="">
<div class="service-item row wow fadeInUp">
<div class="col-md-4">
<div class="icon-box">
<img src="images/icon-services-1.svg" alt="" />
</div>
</div>
<div class="col-md-4">
<div class="icon-box">
<img src="images/icon-services-2.svg" alt="" />
</div>
</div>
<div class="col-md-4">
<div class="icon-box">
<img src="images/icon-services-3.svg" alt="" />
</div>
</div>
</div>
</div> -->
<div class="section-title">
<h3 class="wow fadeInUp">About us</h3>
<h2 class="wow fadeInUp" data-wow-delay="0.25s">
Welcome to Sarayu Engineering
<!-- <span>coaching professionals</span> -->
</h2>
<p><b> Sarayu Engineering is a leading provider of high-quality
electrical transformers and expert fabrication services,
established in 1989.</b></p>
<p class="wow fadeInUp" data-wow-delay="0.5s">
With a strong track record in the power
industry and a specialised focus on distribution transformers,
solar transformers and AB switches, we offer reliable
solutions for our diverse clientele, including government
utilities like TANGEDCO and renowned institutions like Indian
Railways.
</p>
<a href="#contact-section" class="custom-button sm-none">
Get in Touch
<svg class="arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
<svg class="right-arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
</a>
</div>
<!-- Section Title End -->
<!-- Expertise Button Start -->
<!-- <div class="expertise-btn wow fadeInUp" data-wow-delay="0.75s">
<a href="#" class="btn-default">contact now</a>
</div> -->
<!-- Expertise Button End -->
</div>
<!-- Our Expertise Content End -->
</div>
</div>
</div>
</div>
<section class="tp-fun-fact-ptb comman-padding-3 sm-pe-20px sm-ps-20px md-pe-20px md-ps-20px" id="service-section">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class=" mb-60">
<div class="section-title">
<h3>About</h3>
<h2 class="">
Empowering Industries<br /> Since 1989
<!-- Lorem ipsum dolor sit.<br /> -->
</h2>
</div>
</div>
</div>
<div class="col-lg-4 service-right text-end">
<a href="#product-section" class="custom-button sm-none">
Products & Services
<svg class="arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
<svg class="right-arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
</a>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div
class="tp-fun-fact-item p-relative mb-30 wow fadeInUp"
data-wow-duration=".9s"
data-wow-delay=".3s"
style="
visibility: visible;
animation-duration: 0.9s;
animation-delay: 0.3s;
animation-name: fadeInUp;
"
>
<span class="tp-fun-fact-item-sub"
>Our Legacy of Quality & Innovation</span
>
<!-- <h4 class="tp-fun-fact-item-title">
<span
class="purecounter"
data-purecounter-duration="0"
data-purecounter-end="98"
>98</span
>%
</h4> -->
<p>
<span class="found-title">Founded in 1989</span>, Sarayu Engineering has grown from humble
beginnings to a trusted name in electrical transformer
manufacturing and fabrication.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div
class="tp-fun-fact-item p-relative mb-30 wow fadeInUp"
data-wow-duration=".9s"
data-wow-delay=".5s"
style="
visibility: visible;
animation-duration: 0.9s;
animation-delay: 0.5s;
animation-name: fadeInUp;
"
>
<span class="tp-fun-fact-item-sub">Our Mission </span>
<!-- <h4 class="tp-fun-fact-item-title">
<span
class="purecounter"
data-purecounter-duration="0"
data-purecounter-end="80"
>80</span
>%
</h4> -->
<p>
To deliver superior products and services with a commitment to
quality, efficiency, and innovation.
</p>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div
class="tp-fun-fact-item p-relative mb-30 wow fadeInUp"
data-wow-duration=".9s"
data-wow-delay=".7s"
style="
visibility: visible;
animation-duration: 0.9s;
animation-delay: 0.7s;
animation-name: fadeInUp;
"
>
<span class="tp-fun-fact-item-sub">Our Vision </span>
<!-- <h4 class="tp-fun-fact-item-title">
<span
class="purecounter"
data-purecounter-duration="0"
data-purecounter-end="85"
>85</span
>%
</h4> -->
<p>
To be the most trusted manufacturer of electrical transformers
and fabrication services across industries, enabling a
sustainable future.
</p>
</div>
</div>
</div>
</div>
</section>
<div class="our-faq-section mb-accordion sm-pe-20px sm-ps-20px md-pe-20px md-ps-20px">
<div class="faq-accordion" id="faqaccordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="true" aria-controls="collapse4">
<span class="tp-fun-fact-item-sub"
>Our Legacy of Quality & Innovation</span
>
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse " aria-labelledby="heading1" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p> <span class="found-title">Founded in 1989</span>, Sarayu Engineering has grown from humble
beginnings to a trusted name in electrical transformer
manufacturing and fabrication.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
<span class="tp-fun-fact-item-sub"
> Our Mission</span>
</button>
</h2>
<div id="collapse5" class="accordion-collapse collapse " aria-labelledby="heading2" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p> To deliver superior products and services with a commitment to
quality, efficiency, and innovation.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
<span class="tp-fun-fact-item-sub"
>Our Vision</span>
</button>
</h2>
<div id="collapse6" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#faqaccordion">
<div class="accordion-body">
<p> To be the most trusted manufacturer of electrical transformers
and fabrication services across industries, enabling a
sustainable future.</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
</div>
</div>
<section class="stroke-section ">
<div class="container">
<div class="col-lg-12 ">
<div class="special-text-wrapper">
<span class="special-text special-text-effect-fill">Sarayu</span>
<span class="special-text special-text-effect-stroke">Sarayu</span>
</div>
</div>
</div>
</section>
<section
class="tp-video-3-ptb p-relative sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px"
data-background=""
style="background-image: url(images/distribute_sarayu.jpg)"
>
<div
class="tp-about-shape-1 z-index-1 d-none d-lg-block wow fadeInRight"
data-wow-duration=".9s"
data-wow-delay=".3s"
style="
visibility: visible;
animation-duration: 0.9s;
animation-delay: 0.3s;
animation-name: fadeInRight;
"
>
</div>
<div class="tp-video-overlay"></div>
<div class="container ">
<div class="row align-items-end">
<div class="col-lg-6 tp-title ">
<div class="section-title mb-5">
<h3 style="color: var(--white-color) !important;" class="tp-video-text">Certifications and Accreditations</h3>
<h2
class="tp-video-title "
style="color: var(--white-color) !important"
>
Proven Quality for Every Engineering Project
</h2>
<div class="tp-video-3-text">
<p>
We proudly serve industries across India, including Tamil Nadu
Generation and Distribution Corporation Limited (TANGEDCO), Indian
Railways, and various other power and manufacturing sectors.
</p>
</div>
</div>
</div>
<!-- <div class="col-lg-4">
<div class="tp-video-3-wrap text-xl-end">
<a class="tp-video-btn popup-video text-center" href="https://www.youtube.com/watch?v=go7QYaQR494">
<span class="tp-text-theme-primary"><svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 11L0 21.3923V0.607696L18 11Z" fill="white"></path>
</svg>
</span>
</a>
</div>
</div> -->
</div>
</div>
<div class="logo_container col-md-12">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6" >
<div class="row brand-row" >
<div class="col-md-3 brand-item mb-screen">
<img src="images/logo_IR_new.png" alt="logo_IR_new" title="logo_IR_new" />
</div>
<div class="col-md-3 brand-item mb-screen-1">
<img src="images/Logo_tangedco.png" alt="Logo-ISO_new" title="Logo-ISO_new" />
</div>
</div>
</div>
</div>
</div>
</section>
<div class="award-section comman-padding sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-5">
<div class="header section-title">
<h3 class="" >Lorem, ipsum dolor.</h3>
<h2 class="title" style="color: var(--white-color) !important;">
Certifications and<br> Accreditations
</h2>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-5">
<div class="section-title">
<p>Quality and reliability are at the core of Sarayu Engineering. With prestigious certifications, we ensure every product and service exceeds expectations for performance and safety</p>
</div>
</div>
</div>
</div>
<div class="awards-list desktop-view">
<div class="award-item">
<div class="award-content">
<div class="award-center mt-2">
<div class="icon-box">
<img src="images/Logo-ISO_new.png" alt="Logo-ISO_new" title="Logo-ISO_new" class="logo-first" />
<img src="images/Logo-ISO_new.png" alt="Logo-ISO_second" title="Logo-ISO_second" class="logo-second" />
</div>
</div>
<div class="award-left">
<h2 class="award-title">ISO 9001:2015 Certification</h2>
<p class="award-description">
Sarayu Engineering is ISO 9001:2015 certified, ensuring that our quality management systems consistently meet international standards for delivering high-quality products and services.
</p>
</div>
</div>
</div>
<div class="award-item award-item-border">
<div class="award-content">
<div class="award-center mt-2">
<div class="icon-box">
<img src="images/bis.png" alt="BIS-logo" title="BIS-logo" class="logo-first" />
<img src="images/bis_new1.png" alt="BIS-logo" title="BIS-logo" class="logo-second" />
</div>
</div>
<div class="award-left">
<h2 class="award-title">Bureau of Indian Standards (BIS)</h2>
<p class="award-description">
We are certified by the Bureau of Indian Standards (BIS), ensuring that our transformers are manufactured in compliance with ISI standards, providing reliable and safe products.
</p>
</div>
</div>
</div>
<div class="award-item">
<div class="award-content">
<div class="award-center mt-2">
<div class="icon-box">
<img src="images/nabl.png" alt="nabl_logo" title="nabl_logo" class="logo-first" />
<img src="images/nabl_new.png" alt="nabl_logo" title="nabl_logo" class="logo-second" />
</div>
</div>
<div class="award-left">
<h2 class="award-title">NABL-Certified Welder Training</h2>
<p class="award-description">
Our welders undergo NABL-certified training, ensuring that our fabrication services maintain the highest standards of quality and structural integrity in every project.
</p>
</div>
</div>
</div>
</div>
<!-- Mobile Swiper -->
<div class="awards-list mobile-swipers">
<!-- Swiper Container -->
<div class="swiper-container swiper-container-1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="award-item">
<div class="award-content">
<div class="award-center mt-2">
<div class="icon-box">
<img src="images/Logo-ISO_new.png" alt="Logo-ISO_new" title="Logo-ISO_new" class="logo-first" />
<img src="images/Logo-ISO_new.png" alt="Logo-ISO_second" title="Logo-ISO_second" class="logo-second" />
</div>
</div>
<div class="award-left">
<h2 class="award-title">ISO 9001:2015 Certification</h2>
<p class="award-description">
Sarayu Engineering is ISO 9001:2015 certified, ensuring that our quality management systems consistently meet international standards for delivering high-quality products and services.
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="award-item award-item-border">
<div class="award-content">
<div class="award-center mt-2">
<div class="icon-box">
<img src="images/bis_new.png" alt="BIS-logo" title="BIS-logo" class="logo-first" />
<img src="images/bis_new.png" alt="BIS-logo" title="BIS-logo" class="logo-second" />
</div>
</div>
<div class="award-left">
<h2 class="award-title">Bureau of Indian Standards (BIS)</h2>
<p class="award-description">
We are certified by the Bureau of Indian Standards (BIS), ensuring that our transformers are manufactured in compliance with ISI standards, providing reliable and safe products.
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="award-item">
<div class="award-content">
<div class="award-center mt-2">
<div class="icon-box">
<img src="images/nabl_new.png" alt="nabl_logo" title="nabl_logo" class="logo-first" />
<img src="images/nabl_new.png" alt="nabl_logo" title="nabl_logo" class="logo-second" />
</div>
</div>
<div class="award-left">
<h2 class="award-title">NABL-Certified Welder Training</h2>
<p class="award-description">
Our welders undergo NABL-certified training, ensuring that our fabrication services maintain the highest standards of quality and structural integrity in every project.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Add Pagination if needed -->
</div>
</div>
</div>
</div>
<!-- Our Potential End -->
<!-- Our Pricing Section Start -->
<div class="our-pricing comman-padding sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px" id="core-section">
<div class="container">
<div class="row">
<div class="col-lg-5">
<!-- Pricing Content Start -->
<div class="pricing-content">
<!-- Section Title Start -->
<div class="section-title">
<h3
class="wow fadeInUp"
style="color: var(--dark-color) !important"
>
Core Values
</h3>
<h2
class="wow fadeInUp"
data-wow-delay="0.25s"
style="color: var(--dark-color) !important"
>
Values That Define Us
</h2>
<p
class="wow fadeInUp"
data-wow-delay="0.5s"
style="color: var(--dark-color) !important"
>
We prioritize quality and customer satisfaction with reliable long-term partnerships
</p>
</div>
<!-- Section Title End -->
<!-- Pricing Btn Start -->
<div class="pricing-btn wow fadeInUp" data-wow-delay="0.75s">
<a href="#quality-section" class="custom-button">
Read more
<svg class="arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
<svg class="right-arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
</a>
</div>
<!-- Pricing Btn End -->
</div>
<!-- Pricing Content End -->
</div>
<div class="col-lg-7">
<!-- Pricing Box List Start -->
<div class="pricing-box-list">
<!-- Pricing Box Start -->
<div class="pricing-box highlighted-box-1 wow fadeInUp">
<!-- Pricing Box Content Start -->
<div class="pricing-box-content">
<!-- Pricing Title Start -->
<div class="pricing-title">
<p>Commitment to Quality</p>
</div>
</div>
<!-- Pricing Box Content End -->
<!-- Pricing List Start -->
<div class="pricing-list">
<ul>
<li style="color: var(--dark-color);">
Every product, from transformers to fabrication, meets the
highest standards
</li>
<!-- <li>email support</li>
<li>online resources</li>
<li>flexible scheduling</li>
<li>tracking sheets</li>
<li>private client portal</li> -->
</ul>
</div>
<!-- Pricing List End -->
</div>
<!-- Pricing Box End -->
<!-- Pricing Box Start -->
<div
class="pricing-box highlighted-box wow fadeInUp"
data-wow-delay="0.2s"
>
<!-- Pricing Box Content Start -->
<div class="pricing-box-content">
<!-- Pricing Title Start -->
<div class="pricing-title">
<p class="pricing-para">Customer Focus</p>
</div>
</div>
<!-- Pricing Box Content End -->
<!-- Pricing List Start -->
<div class="pricing-list">
<ul>
<li>
We ensure prompt and reliable service, with a history of
repeat customers and long-term partnerships.
</li>
</ul>
</div>
<!-- Pricing List End -->
</div>
<!-- Pricing Box End -->
<!-- Pricing Box Start -->
<!-- Pricing Box End -->
</div>
<!-- Pricing Box List Start -->
<!-- Pricing Benifit List Start -->
<!-- <div
class="pricing-benefit-list wow fadeInUp"
data-wow-delay="0.6s"
>
<ul>
<li>
<img src="images/icon-pricing-benefit-1.svg" alt="" />Lorem
ipsum dolor sit.
</li>
<li>
<img src="images/icon-pricing-benefit-2.svg" alt="" />Lorem
ipsum dolor sit.
</li>
<li>
<img src="images/icon-pricing-benefit-3.svg" alt="" />Lorem
ipsum dolor sit.
</li>
</ul>
</div> -->
<!-- Pricing Benifit List End -->
</div>
</div>
</div>
</div>
<!-- HTML -->
<!-- <div class="slider-container">
<div class="card-wrapper">
<div class="card">
<img src="https://via.placeholder.com/300x200?text=Card+1" alt="Industrial cleaning and degreasing">
<h3>Industrial cleaning and degreasing</h3>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200?text=Card+2" alt="Phosphate coating">
<h3>Phosphate coating</h3>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200?text=Card+3" alt="Chemical processing">
<h3>Chemical processing of super alloys</h3>
</div>
<div class="card">
<img src="https://via.placeholder.com/300x200?text=Card+4" alt="Acidic pickling">
<h3>Acidic and neutral pickling</h3>
</div>
</div>
</div> -->
<!-- <div class="swiper-container swiper-initialize">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://images.pexels.com/photos/14026383/pexels-photo-14026383.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="">
</div>
<div class="swiper-slide">
<img src="https://images.pexels.com/photos/13696285/pexels-photo-13696285.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="">
</div>
<div class="swiper-slide">
<img src="https://images.pexels.com/photos/6483585/pexels-photo-6483585.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
</div>
<div class="swiper-slide">
<img src="https://images.pexels.com/photos/5232929/pexels-photo-5232929.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="">
</div>
<div class="swiper-slide">
<img src="https://images.pexels.com/photos/13624924/pexels-photo-13624924.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="">
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div> -->
<section class="products-section comman-padding-2 sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px" id="product-section">
<div class="container-fluid">
<div class="col-md-12">
<div class="row">
<div class="col-lg-12 service-top">
<div class="row">
<div class="col-md-6">
<div class="section-title mb-5">
<h3 class="">Products and Services</h3>
<h2 class="tp-section-title">
High-Quality Solutions<br> for Every Need
</h2>
</div>
</div>
<div class="col-md-4">
<div class="">
<p><b>
With expertise in transformers, fabrication and repair services, We ensures efficient, reliable products that meet the highest industry standards and customer expectations
</b>
</p>
<br>
<p>
Our team’s commitment to quality, along with cutting-edge technology, guarantees performance-driven solutions making Sarayu Engineering a trusted partner for industries
</p>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="services-container">
<div class="swiper-container services-slider">
<div class="swiper-wrapper">
<!-- Service Items -->
<div class="service-item swiper-slide" data-service-id="1">
<div class="service-item-media">
<img src="images/distribute1_sarayu.jpg" alt="distribute-transformer" title="distribute-transformer">
<span class="service-item-number">01</span>
</div>
<div class="service-item-content">
<h5 class="service-post-title"> Distribution Transformers </h5>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.2 25.9"><path d="m 38.2,12.9 v 0 L 25.3,0 l -2,2 9.5,9.5 H 0 v 2.9 h 32.8 l -9.5,9.5 2,2 10.9,-11 v 0 l 1.6,-1.5 z"></path></svg>
</div>
</div>
<div class="service-item swiper-slide" data-service-id="2">
<div class="service-item-media">
<img src="images/solar_sarayu.jpg" alt="solar-transformer" title="solar-transformer">
<span class="service-item-number">02</span>
</div>
<div class="service-item-content">
<h5 class="service-post-title"> Solar Transformers </h5>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.2 25.9"><path d="m 38.2,12.9 v 0 L 25.3,0 l -2,2 9.5,9.5 H 0 v 2.9 h 32.8 l -9.5,9.5 2,2 10.9,-11 v 0 l 1.6,-1.5 z"></path></svg>
</div>
</div>
<div class="service-item swiper-slide" data-service-id="3">
<div class="service-item-media">
<img src="images/ab_sarayu.jpg" alt="ab-switches" title="ab-switches">
<span class="service-item-number">03</span>
</div>
<div class="service-item-content">
<h5 class="service-post-title"> AB Switches</h5>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.2 25.9"><path d="m 38.2,12.9 v 0 L 25.3,0 l -2,2 9.5,9.5 H 0 v 2.9 h 32.8 l -9.5,9.5 2,2 10.9,-11 v 0 l 1.6,-1.5 z"></path></svg>
</div>
</div>
<div class="service-item swiper-slide" data-service-id="4">
<div class="service-item-media">
<img src="images/repair_sarayu.jpg" alt="transformer-repair" title="transformer-repair">
<span class="service-item-number">04</span>
</div>
<div class="service-item-content">
<h5 class="service-post-title"> Transformer Repair and Reconditioning </h5>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.2 25.9"><path d="m 38.2,12.9 v 0 L 25.3,0 l -2,2 9.5,9.5 H 0 v 2.9 h 32.8 l -9.5,9.5 2,2 10.9,-11 v 0 l 1.6,-1.5 z"></path></svg>
</div>
</div>
<div class="service-item swiper-slide" data-service-id="5">
<div class="service-item-media">
<img src="images/fabric.jpg" alt="fabric" title="fabric">
<span class="service-item-number">05</span>
</div>
<div class="service-item-content">
<h5 class="service-post-title">Fabrication Services</h5>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.2 25.9"><path d="m 38.2,12.9 v 0 L 25.3,0 l -2,2 9.5,9.5 H 0 v 2.9 h 32.8 l -9.5,9.5 2,2 10.9,-11 v 0 l 1.6,-1.5 z"></path></svg>
</div>
</div>
<!-- Add more service items as needed -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="our-faqs comman-padding-2 sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px" id="quality-section">
<div class="container">
<div class="row">
<div class="col-lg-6 about_arrow m-arrow">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><path d="M14.374,15.999 L5.562,15.999 L5.562,14.374 L13.238,14.374 L0.0,1.135 L1.137,0.1 L14.374,13.236 L14.374,5.562 L15.999,5.562 L15.999,14.374 L15.999,15.999 L14.374,15.999 Z"></path></svg>
<!-- Our FAQs Content End -->
</div>
<div class="col-lg-6">
<div class="our-faq-section">
<div class="section-title mb-5">
<h3 class="">Quality and Assurance</h3>
<h2 class="tp-section-title">
Ensuring Uncompromising Quality at Every Stage
</h2>
</div>
<!-- FAQ Accordion Start -->
<div class="faq-accordion" id="faqaccordion">
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
Comprehensive Testing
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse " aria-labelledby="heading1" data-bs-parent="#faqaccordion">
<img src="images/compre_sarayu.jpg" alt="testing-transformer" title="testing-transformer">
<div class="accordion-body">
<p>We perform comprehensive testing on each transformer, including critical type tests such as Impulse, Short Circuit, and Temperature Rise, to ensure their performance under demanding conditions. In addition to these, every transformer undergoes routine testing to maintain consistent and flawless operation. With our in-house laboratory, we can conduct tests at every stage of the manufacturing process, ensuring that all products meet our exacting standards for quality, reliability, and safety.
</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<div class="accordion-item wow fadeInUp" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Fabrication Quality Control
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse " aria-labelledby="heading2" data-bs-parent="#faqaccordion">
<img src="images/quality_sarayu.jpg" alt="welding" title="welding">
<div class="accordion-body">
<p>We understand the importance of structural integrity in every project. Our team of certified welders follows a meticulous stage-wise testing and validation process to ensure that each weld meets the highest standards of quality. Ensuring the final product is reliable and capable of withstanding the toughest conditions without compromising on safety or performance.
</p>
</div>
</div>
</div>
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
<!-- <div class="accordion-item wow fadeInUp" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
Who can benefit from life and business coaching?
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#faqaccordion">
<img src="images/about-us-img-2.jpg" alt="">
<div class="accordion-body">
<p>Coaching focuses on future goals, actionable steps, and personal development. While therapy often deals with healing past issues, coaching is more about improving present circumstances and building a path forward. Coaches do not diagnose or treat mental health conditions.</p>
</div>
</div>
</div> -->
<!-- FAQ Item End -->
<!-- FAQ Item Start -->
</div>
<!-- FAQ Accordion End -->
</div>
</div>
</div>
</div>
</div>
<div
class="intro-video sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px parallaxie"
style="
background-image: url('images/choose_sarayu.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 69.2859px;
"
>
<div class="container ">
<div class="row align-items-center sm-ps-20px sm-pe-20px">
<div class="col-lg-6 col-md-8">
<!-- Section Title Start -->
<div class="section-title wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<h2>Your Trusted Engineering Partner – <span>Sarayu</span></h2>
</div>
<!-- Section Title End -->
</div>
<div class="col-lg-4 col-md-8 text-end">
<a href="#" class="custom-button-1 custom-modal" data-bs-toggle="modal" data-bs-target="#contentModal">
Read more
<svg class="arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
<svg class="right-arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
</a>
</div>
<div class="col-lg-12">
<!-- Intro Video List Start -->
<div
class="intro-video-list wow fadeInUp"
data-wow-delay="0.25s"
style="
visibility: visible;
animation-delay: 0.25s;
animation-name: fadeInUp;
"
>
<ul>
<li>Tailored Solutions</li>
<li>Timely Delivery</li>
<li>Cost-Effective</li>
<li>Experienced Team</li>
<li>Sustainability</li>
</ul>
</div>
<!-- Intro Video List End -->
</div>
</div>
</div>
</div>
<div class="service-section comman-padding sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-5">
<div class="header section-title ">
<h3 class="">
Powering the Future with Innovation and Efficiency
</h3>
<h2 class="title">Production Capactiy<br />Expansion</h2>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-5">
<div class="section-title">
<p>Sarayu Engineering ensures efficient production, delivering 200 transformers monthly, with plans for expansion to meet growing industry demands
</p>
</div>
</div>
</div>
</div>
<div class="cards-grid">
<div class="service-card blue">
<div class="card-content section">
<div class="card-category">Production Capacity</div>
<svg
class="card-icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M9 3v15m0 0a3 3 0 106 0M9 18h6m-6-3h6m3-7h.01M9 6h.01"
/>
</svg>
<h2 class="big_title">200 </h2>
<h2 class="card-title">
Sarayu Engineering manufactures 200 transformers per month,
ensuring timely delivery to various industries. Our efficient
production process maintains high quality while meeting the
demands of both large-scale and specialized orders.
</h2>
<svg
class="card-arrow"
width="50"
height="50"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1"
>
<path d="M7 17L17 7M17 7H7M17 7V17" />
</svg>
</div>
<div class="card-number">01</div>
</div>
<div class="service-card lime">
<div class="card-content">
<div class="card-category">Experience</div>
<svg
class="card-icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path d="M12 21a9 9 0 100-18 9 9 0 000 18zM8 12h8" />
</svg>
<h2 class="big_title">45k </h2>
<h2 class="card-title">
With over 45,000 transformers delivered, Sarayu Engineering has
built a strong reputation in the industry. We serve major
players across sectors such as power, renewable energy, and
manufacturing, consistently providing reliable products.
</h2>
<svg
class="card-arrow"
width="50"
height="50"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1"
>
<path d="M7 17L17 7M17 7H7M17 7V17" />
</svg>
</div>
<div class="card-number">02</div>
</div>
<div class="service-card gray ">
<div class="card-content">
<div class="card-category">Since</div>
<svg
class="card-icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
>
<path
d="M9.59 4.59A2 2 0 1111 8H2m10.59 11.41A2 2 0 1014 16H2m15.73-8.27A2.5 2.5 0 1119.5 12H2"
/>
</svg>
<h2 class="big_title" style="color: var(--dark-color) !important;">1989 </h2>
<h2 class="card-title">
Sarayu Engineering is focused on expanding its capacity to meet
growing demand. Our strategic growth plans ensure we remain
equipped to deliver high-quality solutions across multiple
sectors while maintaining exceptional service.
</h2>
<svg
class="card-arrow"
width="50"
height="50"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="1"
>
<path d="M7 17L17 7M17 7H7M17 7V17" />
</svg>
</div>
<div class="card-number">03</div>
</div>
</div>
</div>
</div>
<!-- Our Pricing Section End -->
<!-- Our Blog Section Start -->
<!-- Our Blog Section End -->
<!-- <div class="how-we-work work-contact comman-padding"></div> -->
<div class="contact-down comman-padding-2 sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px" id="contact-section">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-6 faq-color">
<div
class="faqs-cta-box wow fadeInUp"
data-wow-delay="0.75s"
style="
visibility: visible;
animation-delay: 0.75s;
animation-name: fadeInUp;
"
>
<!-- Company Client Images Start -->
<!-- Company Client Images End -->
<div class="faqs-cta-content section-title">
<h3 style="color: var(--white-color) !important">
Still have you any question?
</h3>
<h2 style="color: var(--white-color) !important;">Get in touch to explore our innovative solutions</h2>
</div>
</div>
<div class="col-lg-12">
<div class="row">
<div class="col-lg-6">
<p >Unit 1</p>
<a href="#" class="btn-phone"
> 35, Padiyur Road, Kulathur, Dindigul 624 005, Tamil Nadu, India <br>
</a
>
</div>
<div class="col-lg-6">
<p>Phone</p>
<a href="tel:+91 77080 03410" class="btn-phone"
>+91 77080 03410
</a
><br>
<a href="tel:+91 4551 290812" class="btn-phone"> +91 4551 290812</a>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-6">
<p>Unit 2</p>
<a href="#" class="btn-phone"
>W6, DEC Industrial Park, Thanneerpanthampatti,
E. Sithur, Vedasandur Tk, Dindigul 624 702, Tamil Nadu, India <br>
</a
>
</div>
<div class="col-lg-6">
<p>Email</p>
<a href="tel:+91 77080 06021" class="btn-phone" >+91 77080 06021</a>
<a href="mailto:sarayuengineering@gmail.com" class="btn-phone"
>sarayuengineering@gmail.com</a
>
</div>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="contact-us-form">
<!-- Contact Us Title Start -->
<div class="contact-us-title">
<h3
class="wow fadeInUp"
style="visibility: visible; animation-name: fadeInUp"
>
send a message
</h3>
<p
class="wow fadeInUp"
data-wow-delay="0.2s"
style="
visibility: visible;
animation-delay: 0.2s;
animation-name: fadeInUp;
"
>
Drop us a message and our team will get in touch with you
</p>
</div>
<!-- Contact Us Title End -->
<!-- Contact Us Form Start -->
<form
id="contactForm"
action="#"
method="POST"
data-toggle="validator"
class="wow fadeInUp"
data-wow-delay="0.4s"
novalidate="true"
style="
visibility: visible;
animation-delay: 0.4s;
animation-name: fadeInUp;
"
>
<div class="row">
<div class="form-group col-md-6 mb-4">
<input
type="text"
name="fname"
class="form-control"
id="fname"
placeholder="First Name"
required=""
/>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<input
type="text"
name="lname"
class="form-control"
id="lname"
placeholder="Last Name"
required=""
/>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<input
type="email"
name="email"
class="form-control"
id="email"
placeholder="Email Address"
required=""
/>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-6 mb-4">
<input
type="text"
name="phone"
class="form-control"
id="phone"
placeholder="Phone Number"
required=""
/>
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-md-12 mb-5">
<textarea
name="message"
class="form-control"
id="message"
rows="4"
placeholder="Message"
></textarea>
<div class="help-block with-errors"></div>
</div>
<div class="col-lg-12">
<div class="contact-form-btn">
<a href="#" class="custom-button-1">
Submit
<svg class="arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
<svg class="right-arrow" viewBox="0 0 24 24">
<line x1="7" y1="12" x2="21" y2="12"></line>
<polyline points="14 5 21 12 14 19"></polyline>
</svg>
</a>
<div id="msgSubmit" class="h3 hidden"></div>
</div>
</div>
</div>
</form>
<!-- Contact Us Form End -->
</div>
</div>
</div>
</div>
<div class="col-12 map-section sm-ps-20px sm-pe-20px">
<!-- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3887.4507666174964!2d80.23732447507706!3d13.006941787311693!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a52679ed4fdee7b%3A0x22322c998c8b4ef0!2sSardar%20Patel%20Rd%2C%20Chennai%2C%20Tamil%20Nadu!5e0!3m2!1sen!2sin!4v1731148301134!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15629.491946216363!2d78.1640062!3d11.6679568!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3babf1b65c940927%3A0x78da427bc0b0384d!2sTheDotStudios!5e0!3m2!1sen!2sin!4v1733408056802!5m2!1sen!2sin" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<!-- Footer Start -->
<footer class="main-footer sm-ps-20px sm-pe-20px md-pe-20px md-ps-20px">
<div class="container">
<!-- Footer Copyright Section Start -->
<div class="footer-copyright">
<div class="row align-items-center">
<div class="col-md-6">
<!-- Footer Menu Start -->
<div class="footer-menu">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="#about-section">about</a></li>
<li><a href="#service-section">services</a></li>
<li><a href="#product-section">Products</a></li>
<li><a href="#contact-section">contact</a></li>
</ul>
</div>
<!-- Footer Menu End -->
</div>
<div class="col-md-6">
<!-- Footer Copyright Start -->
<div class="footer-copyright-text">
<p class="fs-15">
Sarayu Engineering 2024 <span class="fa fa-copyright"></span> All Right Reseved. Designed with
<span class="fa fa-heart faheart mt-2"></span>
<a href="https://thedotstudios.com/" target="_blank" class="text-white">
by TheDotStudios.com.</a
>
</p>
</div>
<!-- Footer Copyright End -->
</div>
</div>
</div>
<!-- Footer Copyright Section End -->
</div>
</footer>
<!-- Footer End -->
<!-- Modals -->
<div class="modal-overlay" id="modalOverlay1">
<div class="modal-container">
<div class="modal-image">
<img src="images/distribute1_sarayu.jpg" alt="distribute-transformer" title="distribute-transformer">
</div>
<div class="modal-content">
<h2>Distribution Transformers</h2>
<div class="pricing-list-1">
<ul>
<li><span>Capacity:</span> Ranges from 16 KVA to 5 MVA, ensuring we meet a wide variety of requirements.
</li>
<li><span>Voltage:</span>Available in 11KV, 22KV, 33KV, with secondary voltage options customized per client.</li>
<li><span>Key Features:</span>High efficiency, minimal energy loss, and long-lasting performance</li>
</ul>
</div>
</div>
<button class="modal-close" id="closeModal1">×</button>
</div>
</div>
<div class="modal-overlay" id="modalOverlay2">
<div class="modal-container">
<div class="modal-image">
<img src="images/solar_sarayu.jpg" alt="solar-transformer" title="solar-transformer">
</div>
<div class="modal-content">
<h2>Solar Transformers</h2>
<div class="pricing-list-1">
<ul>
<li><span>Capacity:</span> Currently up to 3 MVA, with expansion plans underway to support renewable energy growth.
</li>
<li><span>Key Features:</span>Manufactured using cutting-edge technology to ensure optimal performance in solar power applications.</li>
<li><span>Future Expansion:</span>With increased capacity at our new premises, we’re ready to support growing demand in the solar industry.
</li>
</ul>
</div>
</div>
<button class="modal-close" id="closeModal2">×</button>
</div>
</div>
<div class="modal-overlay" id="modalOverlay3">
<div class="modal-container">
<div class="modal-image">
<img src="images/ab_sarayu.jpg" alt="ab-switches" title="ab-switches">
</div>
<div class="modal-content">
<h2>AB Switches</h2>
<div class="pricing-list-1">
<ul>
<li><span>Voltage Ratings:</span> 11KV and 22KV primary voltage.
</li>
<li><span>Design & Durability:</span>Our switches are designed for a practically maintenance-free experience, featuring robust construction for longer operational life</li>
<li><span>Varieties:</span>Available in Horizontal and Centre Rotating types to suit different installation needs.
</li>
</ul>
</div>
</div>
<button class="modal-close" id="closeModal2">×</button>
</div>
</div>
<div class="modal-overlay" id="modalOverlay4">
<div class="modal-container">
<div class="modal-image">
<img src="images/repair_sarayu.jpg" alt="transformer-repair" title="transformer-repair">
</div>
<div class="modal-content">
<h2>Transformer Repair and Reconditioning</h2>
<div class="pricing-list-1">
<ul>
<li><span>Services Offered:</span> Repair and reconditioning for distribution transformers, windmill transformers, and solar transformers.
</li>
<li><span>Process:</span>Transform your old or malfunctioning equipment into a fully functional, refurbished unit.
</li>
<li><span>Benefits:</span>Cost-effective solution to extending the life of existing transformers and reducing downtime.
</li>
</ul>
</div>
</div>
<button class="modal-close" id="closeModal2">×</button>
</div>
</div>
<div class="modal-overlay" id="modalOverlay5">
<div class="modal-container">
<div class="modal-image">
<img src="images/fabric.jpg" alt="fabric" title="fabric">
</div>
<div class="modal-content">
<h2>Fabrication Services</h2>
<div class="pricing-list-1">
<ul>
<li><span>Specialization:</span> Transformer tank fabrication, truss fabrication, and Location/Signaling box fabrication for Indian Railways.
</li>
<li><span>Expert Team:</span>Our NABL-certified welders ensure precise, high-quality fabrication for every project.
</li>
<li><span>Application:</span> We specialize in custom projects for diverse sectors including railway infrastructure and power sector needs.
</li>
</ul>
</div>
</div>
<button class="modal-close" id="closeModal2">×</button>
</div>
</div>
</div>
<!-- <div id="serviceModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<div id="modalContent"></div>
</div>
</div> -->
<!-- Jquery Library File -->
<section class="para-section" style="display: none;">
<div class="container">
<div class="col-md-12">
<div class="row">
<div class="col-md-5 left-content">
With over 30 years of experience in the industry, our team at
Sarayu Engineering is dedicated to delivering high-quality
products on time, always meeting the deadlines for every order.
We offer tailored solutions for each project, ensuring that
every design is customized to meet the unique needs and
specifications of our clients.
</div>
<div class="col-md-5 right-content">
Our focus on providing cost-effective solutions enables us to
offer competitive prices without ever compromising on quality.
Additionally, our commitment to sustainability shines through
in our emphasis on renewable energy, particularly in the
manufacturing of solar transformers, helping to build a greener
and more sustainable future for our clients.
</div>
</div>
</div>
</div>
</section>
<div class="modal fade" id="contentModal" tabindex="-1" aria-labelledby="contentModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="contentModalLabel">Content Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6" id="modal-left-content"></div>
<div class="col-md-6" id="modal-right-content"></div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.7.1.min.js"></script>
<!-- Bootstrap js file -->
<script src="js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.8.4/swiper-bundle.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
document.addEventListener("scroll", function () {
const button = document.querySelector(".custom-button");
if (window.scrollY > 0) {
button.classList.add("scrolled");
} else {
button.classList.remove("scrolled");
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var swiper = new Swiper('.swiper-container-1', {
loop: true, // Enable looping
slidesPerView: 1, // Show 1 slide at a time
spaceBetween: 10, // Space between slides
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination', // Enable pagination
clickable: true,
},
});
});
</script>
<script>
var swiper = new Swiper('.swiper-initialize', {
slidesPerView: 5,
spaceBetween: 20,
breakpoints: {
1920: {
slidesPerView: 5
},
992: {
slidesPerView: 3
},
320: {
slidesPerView: 2
}
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
}
});
</script>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<script>
let lastScrollY = window.pageYOffset || document.documentElement.scrollTop;
const header = document.querySelector('.main-header');
window.addEventListener('scroll', () => {
const currentScrollY = window.pageYOffset || document.documentElement.scrollTop;
if (currentScrollY > lastScrollY) {
// Scrolling down - Hide header
header.classList.add('hide');
header.classList.remove('scroll-up');
} else {
// Scrolling up - Show header
header.classList.remove('hide');
// Only add scroll-up class if not at the top of the page
if (currentScrollY > 0) {
header.classList.add('scroll-up');
} else {
header.classList.remove('scroll-up');
}
}
// Reset scroll position
lastScrollY = currentScrollY <= 0 ? 0 : currentScrollY;
});
</script>
<script>
// Setup modal interactions dynamically based on data attributes
document.querySelectorAll('.service-item').forEach(item => {
const serviceId = item.getAttribute('data-service-id');
const modal = document.getElementById(`modalOverlay${serviceId}`);
const closeButton = modal.querySelector('.modal-close');
item.addEventListener('click', function () {
// Hide all modals first
document.querySelectorAll('.modal-overlay').forEach(modal => {
modal.style.display = 'none';
});
// Show specific modal
modal.style.display = 'flex';
});
closeButton.addEventListener('click', function () {
modal.style.display = 'none';
});
modal.addEventListener('click', function (e) {
if (e.target === modal) {
modal.style.display = 'none';
}
});
});
</script>
<script>
// Wait for the DOM to be fully loaded
document.addEventListener("DOMContentLoaded", function () {
// Get all award items
const awardItems = document.querySelectorAll(".award-item");
// Function to remove active class from all items
const removeAllActive = () => {
awardItems.forEach((item) => {
item.classList.remove("active");
});
};
// Function to handle click on award item
const handleAwardClick = (item) => {
removeAllActive();
item.classList.add("active");
};
// Add click event listeners to all award items
awardItems.forEach((item) => {
item.addEventListener("click", () => handleAwardClick(item));
});
// Set the first item as active initially
if (awardItems.length > 0) {
awardItems[0].classList.add("active");
}
});
</script>
<!-- Validator js file -->
<script src="js/validator.min.js"></script>
<!-- SlickNav js file -->
<script src="js/jquery.slicknav.js"></script>
<!-- Swiper js file -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Counter js file -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<!-- Magnific js file -->
<script src="js/jquery.magnific-popup.min.js"></script>
<!-- SmoothScroll -->
<script src="js/SmoothScroll.js"></script>
<!-- Parallax js -->
<script src="js/parallaxie.js"></script>
<!-- MagicCursor js file -->
<script src="js/gsap.min.js"></script>
<script src="js/magiccursor.js"></script>
<!-- Text Effect js file -->
<script src="js/SplitText.js"></script>
<script src="js/ScrollTrigger.min.js"></script>
<!-- YTPlayer js File -->
<script src="js/jquery.mb.YTPlayer.min.js"></script>
<!-- Wow js file -->
<script src="js/wow.js"></script>
<!-- Main Custom js file -->
<script src="js/function.js"></script>
<script>
document.querySelector('.custom-modal').addEventListener('click', () => {
// Temporarily make the hidden section visible
const hiddenSection = document.querySelector('.para-section');
const originalDisplay = hiddenSection.style.display;
hiddenSection.style.display = 'block';
// Retrieve the content from the hidden elements
const leftContent = document.querySelector('.para-section .left-content').innerHTML;
const rightContent = document.querySelector('.para-section .right-content').innerHTML;
// Restore the original display style
hiddenSection.style.display = originalDisplay;
// Populate the modal with the retrieved content
document.getElementById('modal-left-content').innerHTML = leftContent;
document.getElementById('modal-right-content').innerHTML = rightContent;
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/10.2.0/swiper-bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const swiper = new Swiper(".services-slider", {
slidesPerView: 4.5, // Default value for large screens
spaceBetween: 10,
slidesOffsetBefore: 250, // Space before the first slide
slidesOffsetAfter: 250, // Space after the last slide
speed: 800, // Smooth transition speed (in milliseconds)
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
320: { // For small screens like mobile
slidesPerView: 1,
slidesOffsetBefore: 0,
slidesOffsetAfter: 0,
autoplay: { // Enable autoplay for mobile screens
delay: 3000, // Slide change delay in milliseconds
disableOnInteraction: false,
},
speed: 800, // Smooth transition for small screens
},
576: { // For slightly larger screens like tablets in portrait
slidesPerView: 2,
slidesOffsetBefore: 30,
slidesOffsetAfter: 30,
},
768: { // Tablets in landscape
slidesPerView: 5,
slidesOffsetBefore: 50,
slidesOffsetAfter: 50,
},
1024: { // Laptops or smaller desktops
slidesPerView: 5,
slidesOffsetBefore: 100,
slidesOffsetAfter: 100,
},
1200: { // Larger screens
slidesPerView: 4.5,
slidesOffsetBefore: 250,
slidesOffsetAfter: 250,
}
}
});
// Add autoplay for screens <= 500px if not handled by breakpoints
if (window.innerWidth <= 500) {
swiper.params.autoplay = {
delay: 3000,
disableOnInteraction: false,
};
swiper.autoplay.start();
}
});
</script>
</body>
</html>