| Server IP : 87.98.249.37 / Your IP : 216.73.216.208 [ Web Server : Microsoft-IIS/10.0 System : Windows NT NS3076740 10.0 build 17763 (Windows Server 2019) AMD64 User : IWPD_292(growel19p) ( 0) PHP Version : 8.3.12 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Inetpub/vhosts/growel.com/httpdocs/demo/growel-one/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Growel One - Book a Demo</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="robots" content="index, follow">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.0/dist/sweetalert2.min.css" rel="stylesheet">
<link rel="canonical" href="">
<link rel="icon" href="" type="image/x-icon">
<style>
.button-darker, .button-darker:focus, .button-darker:active {
color: #fff;
background-color: #2a2a2a;
border-color: #2a2a2a;
font-family: 'Square721BT-Roman', cursive;
}</style>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/logo.png" width="150px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item "><a class="nav-link text-danger"
href="mailto:corporatecommunications@growel.com"><i class="fa fa-envelope"
aria-hidden="true"></i> corporatecommunications@growel.com</a></li>
</ul>
</div>
</div>
</nav>
<!-- Carousel Section -->
<div class="carousel-container">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<!-- <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
aria-label="Slide 3"></button> -->
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/chemicals.jpg" class="img-fluid" class="d-block w-100" alt="Slide 1">
<div class="carousel-overlay"></div>
<div class="carousel-caption ">
<h2>Growel <span style="
color: #eb1309;
font-weight: bolder;">1</span> : Your Partner in <br> <span
class="caption_finish">Surface Finishing
Solutions</span></h2>
<p>Got a problem? We've got the solution.</p>
</div>
</div>
</div>
</div>
<div class="demo-form-container">
<h4>Talk to Us</h4>
<p>Schedule a meeting to explain your problem.</p>
<form id="contactForm">
<div class="mb-3">
<label for="txtnameQ" class="form-label">Name</label>
<input name="ctl00$txtnameQ" type="text" id="txtnameQ" class="form-control validate"
placeholder="Enter your name" required>
</div>
<div class="mb-3">
<label for="comapny_name" class="form-label">Company Name</label>
<input type="text" name="comapny_name" class="form-control" id="comapny_name"
placeholder="Company Name" required>
</div>
<div class="mb-3">
<label for="txtemailQ" class="form-label">Email</label>
<input type="email" name="email" id="txtemailQ" class="form-control" placeholder="Enter your email"
required>
</div>
<div class="mb-3">
<label for="txtmobileQ" class="form-label">Contact No.</label>
<input type="number" name="phone" id="txtmobileQ" class="form-control validate"
placeholder="Enter your Contact Number" required>
</div>
<div class="mb-3">
<label for="TextBox1" class="form-label">Write Your Requirements</label>
<textarea name="message" rows="2" cols="20" id="TextBox1" class="form-control validate"
placeholder="Enter your message" required></textarea>
</div>
<!-- Simple CAPTCHA -->
<div class="mb-3">
<label for="captcha" class="form-label">CAPTCHA: <span id="captchaQuestion"></span></label>
<input type="text" id="captcha" class="form-control" placeholder="Enter your answer" required>
<small id="captchaError" style="color: red; display: none;">Incorrect CAPTCHA. Please try
again.</small>
</div>
<button class="btn btn-danger" type="submit" id="submitBtn">Submit</button>
</form>
</div>
</div>
<br>
<!-- industry -->
<div class="container">
<div class="row">
<div class="text-center">
<img src="images/divider.png" class="img-fluid">
<h2>Got a problem? We've got the solution.</h2>
<p>Surface finishing is a complex process influenced by multiple variables, including chemical
concentrations, operating conditions, atmospheric humidity, and even geographic factors. Any
short-term fixes or interim solutions can significantly impact costs and environmental impact.</p>
<p>Whether you're dealing with recurring challenges, high operational expenses, considering process,
modifications, or technology upgrades, expert guidance is essential to achieve optimal and
consistent surface coatings. Growel has proven solutions and experience across diverse sectors such
as:</p>
<p></p>
<br>
</div>
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/electric-car-icon-ev-electric-vehicle-charging-station-vector-icon-isolated-white.png"
alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Automotive and Electric Mobility</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/aerospace.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Aerospace and Defence </a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/electronic-component-black.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Electronics</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/architectural-and-sanitaryware.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Architectural and Sanitaryware</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/jewellery.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Jewellery</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/railways.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Railways</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/oil-and-gas.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Oil and Gas</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/cable-and-wire.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Cable and Wire</a>
</h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="post-slide">
<div class="post-img">
<img src="images/icons/tool-manufacturing.png" alt="" class="img-fluid">
<a href="#" class="over-layer"><i class="fa fa-link"></i></a>
</div>
<div class="post-content">
<h3 class="post-title">
<a href="#">Tool Manufacturing</a>
</h3>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="col-md-4">
</div>
</div>
</div>
<br>
<section class="cta-section">
<h2>Ready to Solve Your Surface Finishing Problems?</h2>
<p><strong>Schedule a Demo Today</strong> and let us help you with unmatched expertise, tailored solutions, and
proven methodologies.</p>
<button class="button1" data-bs-toggle="modal" data-bs-target="#myModal">
Talk to Us
</button>
</section>
<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-danger" id="myModalLabel">Talk to Us</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- Form inside the modal -->
<div class="">
<p>Fill in your details to schedule a demo with our team.</p>
<form id="contactForm-modal">
<div class="mb-3">
<label for="txtnameQ" class="form-label">Name</label>
<input name="ctl00$txtnameQ" type="text" id="txtnameQ" class="form-control validate"
placeholder="Enter your name" required>
</div>
<div class="mb-3">
<label for="comapny_name" class="form-label">Company Name</label>
<input type="text" name="comapny_name" class="form-control" id="comapny_name"
placeholder="Company Name" required>
</div>
<div class="mb-3">
<label for="txtemailQ" class="form-label">Email</label>
<input type="email" name="email" id="txtemailQ" class="form-control" placeholder="Enter your email"
required>
</div>
<div class="mb-3">
<label for="txtmobileQ" class="form-label">Contact No.</label>
<input type="number" name="phone" id="txtmobileQ" class="form-control validate"
placeholder="Enter your Contact Number" required>
</div>
<div class="mb-3">
<label for="TextBox1" class="form-label">Write Your Requirements</label>
<textarea name="message" rows="2" cols="20" id="TextBox1" class="form-control validate"
placeholder="Enter your message" required></textarea>
</div>
<button class="btn btn-danger" type="submit" id="submitBtn">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- why growel Section -->
<section id="how-we-can-help" class="content-section container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<div class="left-why_growel">
<img src="images/abt.jpg" alt="Why Choose Growel" class="content-image">
</div>
</div>
<div class="col-md-6">
<div class="right-why_growel">
<br>
<img src="images/divider.png" class="img-fluid">
<p>About us</p>
<h3>Why Choose Growel?</h3>
<ul>
<li>65+ years of leadership in surface finishing</li>
<li>Proven solutions for diverse industries</li>
<li>Comprehensive product portfolio and expertise</li>
<li>Customised approaches for your specific requirements</li>
</ul>
<button class="button1" data-bs-toggle="modal" data-bs-target="#myModal">
Talk to Us
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<br><br>
<div class="hero-image">
<div class="hero-text">
<img src="images/divider.png" class="img-fluid">
<h1>
<h3>How We Can Help</h3>
</h1>
<p>At Growel, we understand the challenges you face in surface finishing, coatings, plating, or corrosion
protection. That’s why we’ve created <strong>Growel One</strong> – a unique initiative to connect you
with industry experts and customised solutions tailored to your needs.</p>
<button class="button1" data-bs-toggle="modal" data-bs-target="#myModal">
Talk to Us
</button>
</div>
</div>
<!-- Meet Our Experts Section -->
<section id="meet-our-experts" class="content-section container ">
<div class="text-center">
<img src="images/divider.png" class="img-fluid">
<h3>Meet Our Experts</h3>
</div>
<p>Our team of surface finishing specialists are subject matter experts with decades of experience in the field
of corrosion protection coatings and backgrounds in engineering. They have worked in the field of surface
finishing, across multiple industry segments.</p>
<ul id="expert">
<li>Access qualified and experienced subject matter experts with ease.</li>
<li>Specialised professionals for diverse technical needs.</li>
<li>Swift analysis and tailored recommendations for potential causes.</li>
<li>Minimise technical risks and optimise operational costs.</li>
<li>Enhance regulatory compliance.</li>
</ul>
</section>
<!-- testimonial -->
<div class="container">
<section class="creative-testimonial--slider">
<div class="testimonial-inner"
style="background-image: url(https://imgpanda.com/upload/ib/2Tgg58L106.png);">
<div class="testimonial-row">
<h2 class="testimonial-heading text-danger">What the Best Say About Us</h2>
<div class="testimonial-wrap">
<div class="swiper-container">
<div class="swiper-wrapper">
<!-- Slide 1 -->
<div class="swiper-slide">
<div class="swiper-slide--inner">
<!-- <div class="slide-avatar">
<img src="images/employee.png" alt="">
</div> -->
<div class="testimonial-detail">
<p>“...truly delighted by the level of commitment and professionalism
demonstrated by Growel. The quality was amazing and reflects good
finishing.”</p>
<span>- Leading plater from Western India</span>
</div>
</div>
</div>
<!-- Slide 2 -->
<div class="swiper-slide">
<div class="swiper-slide--inner">
<!-- <div class="slide-avatar">
<img src="images/employee.png" alt="">
</div> -->
<div class="testimonial-detail">
<p>“We have used Growel's Chemistries in our electroplating plant for the
last
18 years. We are using Cleaners, Alkaline Zinc-Nickel, Acid Zinc,
Trivalent
Passivation and more in our various plating processes. We appreciate
consistency in quality that meets our OEMs' specifications. Support
provided
by Growel is excellent!”</p>
<span>- Premier tool manufacturer from Northern India</span>
</div>
</div>
</div>
<!-- Slide 3 -->
<div class="swiper-slide">
<div class="swiper-slide--inner">
<!-- <div class="slide-avatar">
<img src="images/employee.png" alt="">
</div> -->
<div class="testimonial-detail">
<p>“Our special thanks for your excellent support on all 3 key deliverable
expectations – Continuous Quality Assurance, Service and Troubleshooting
Reliability and On Time delivery. Thanks for also participating with us
in
cost optimization & technology advent management, a challenge which is
to be
pursued continuously.”</p>
<span>- Leading automotive component manufacturer from Eastern India</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide--inner">
<!-- <div class="slide-avatar">
<img src="images/employee.png" alt="">
</div> -->
<div class="testimonial-detail">
<p>“We have been using Growel products since last 35 years, chemicals are
good
in quality & consistency.”</p>
<span>- One of the largest sanitaryware manufacturers in India</span>
</div>
</div>
</div>
</div>
<!-- <div class="swiper-button-next slide-btns"></div>
<div class="swiper-button-prev slide-btns"></div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<a href="https://wa.me/918082048048?text=Hi, I want to enquire about your services. " class="img-fluid whatsapp"
draggable="false">
<img src="images/social.png" alt="">
</a>
<footer>
© 2024 Growel. All Rights Reserved.
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js">
</script>
<button onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa fa-arrow-circle-o-up"
aria-hidden="true"></i></button>
<!-- <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> -->
<!-- <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.0/dist/sweetalert2.min.js"></script>
<script>
$(document).ready(function () {
// Generate CAPTCHA question
function generateCaptcha() {
let num1 = Math.floor(Math.random() * 10); // Random number 0-9
let num2 = Math.floor(Math.random() * 10); // Random number 0-9
let operator = ["+", "-", "*"][Math.floor(Math.random() * 3)]; // Random operator
let question = `${num1} ${operator} ${num2}`;
let answer = eval(question); // Calculate answer
$('#captchaQuestion').text(question); // Set question
return answer;
}
let captchaAnswer = generateCaptcha(); // Store the answer
// Handle form submission
$('#contactForm').on('submit', function (event) {
event.preventDefault(); // Prevent default submission
let userAnswer = $('#captcha').val(); // Get user's input
if (parseInt(userAnswer) !== captchaAnswer) {
$('#captchaError').show(); // Show error if CAPTCHA is incorrect
captchaAnswer = generateCaptcha(); // Regenerate CAPTCHA
return;
} else {
$('#captchaError').hide(); // Hide error
}
// Gather form data
var formData = {
"Country": "-",
"StateName": "-",
"CityName": "-",
"Vertical": "-",
"CompanyName":$('#comapny_name').val(),
"ClientName": $('#txtnameQ').val(),
"MobileNo": $('#txtmobileQ').val(),
"EmailId": $('#txtemailQ').val(),
"Description": $('#TextBox1').val(),
"Subject": "Enquiry from Growel One"
};
// AJAX request settings
var settings = {
"url": "https://Growel.com/sendmail.asmx/Send",
"method": "POST",
"timeout": 0,
"headers": {
"Content-Type": "application/x-www-form-urlencoded"
},
"data": formData
};
// Send AJAX request
$.ajax(settings).done(function (response) {
Swal.fire({
icon: 'success',
title: 'Form submitted successfully!',
text: 'Your form has been sent.',
confirmButtonText: 'OK'
});
}).fail(function (error) {
Swal.fire({
icon: 'error',
title: 'Error submitting form',
text: 'Please try again later.',
confirmButtonText: 'OK'
});
});
});
});
</script>
<script>
document.getElementById('onlyFour').addEventListener('input', function (event) {
const inputField = event.target;
const errorMessage = document.getElementById('error-msg');
if (inputField.value !== "4") {
errorMessage.style.display = 'block';
inputField.value = '';
} else {
errorMessage.style.display = 'none';
}
});
</script>
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 4, // Default for large screens
spaceBetween: 30, // Space between slides
loop: true, // Enable infinite looping
autoplay: {
delay: 3000, // Delay in ms for autoplay
disableOnInteraction: false, // Keep autoplay running even after interaction
},
pagination: {
el: ".swiper-pagination",
clickable: true, // Allow pagination to be clickable
},
breakpoints: {
// For mobile devices
0: {
slidesPerView: 1,
spaceBetween: 10,
},
// For tablets
768: {
slidesPerView: 3,
spaceBetween: 20,
},
// For desktops and larger devices
1024: {
slidesPerView: 4,
spaceBetween: 30,
},
},
loopedSlides: 13, // Number of slides duplicated for smooth looping
preloadImages: false, // Load images as needed
centeredSlides: false, // Ensures slides align to the start without centering
on: {
slideChangeTransitionEnd: function () {
// Optional callback for debugging transitions
console.log("Slide changed");
},
},
});
</script>
<script>
// Get the button:
let mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
<script>
document.querySelector('.scroll-indicator').addEventListener('click', () => {
window.scrollBy({
top: window.innerHeight,
behavior: 'smooth',
});
});
</script>
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> -->
</body>
</html>