
      

    <footer class="gs-footer">

    <!-- Top CTA -->
    <div class="footer-cta">

        <span class="footer-subtitle">
            ─── TRUSTED CARE ───
        </span>

        <h2>
            Trusted care, one click away
        </h2>

        <p>
            Schedule your visit now and experience exceptional, affordable healthcare.
        </p>

        <div class="cta-btns">
            <a href="#" class="book-btn">
                Book Now
            </a>

            <a href="tel:+917055514537" class="call-btn">
                📞 Call Emergency
            </a>
        </div>

    </div>



    <!-- Main Footer -->
    <div class="footer-main">

        <!-- Column 1 -->
        <div class="footer-col about-col">

            <div class="footer-logo">

                <div class="logo-box">
                    GS
                </div>

                <div>
                    <h3>GS Super Speciality Hospital</h3>
                    <span>NABH ACCREDITED</span>
                </div>

            </div>

            <p>
                NABH-accredited multi-speciality hospital on NH-9, Pilkhuwa —
                advanced, affordable healthcare for Hapur, Ghaziabad,
                Meerut & Delhi NCR.
            </p>


            <ul class="footer-contact">

                <li>
                    📍 NH-9, Pilkhuwa, Distt. Hapur, UP 245304
                </li>

                <li>
                    ☎ +91 7055514537 · 01222327474
                </li>

                <li>
                    ✉ info@gshospitals.in
                </li>

            </ul>

        </div>



        <!-- Column 2 -->
        <div class="footer-col">

            <h4>USEFUL LINKS</h4>

            <ul>

                <li><a href="#">Find a Doctor</a></li>
                <li><a href="#">OPD Schedule</a></li>
                <li><a href="#">About Hospital</a></li>
                <li><a href="#">About University</a></li>
                <li><a href="#">Career</a></li>
                <li><a href="#">Blog</a></li>

            </ul>

        </div>



        <!-- Column 3 -->
        <div class="footer-col">

            <h4>MEDIA</h4>

            <ul>

                <li><a href="#">Events</a></li>
                <li><a href="#">Gallery</a></li>
                <li><a href="#">Videos</a></li>
                <li><a href="#">Patient Stories</a></li>
                <li><a href="#">Health Checkup</a></li>
                <li><a href="#">Feedback</a></li>

            </ul>

        </div>



        <!-- Column 4 -->
        <div class="footer-col social-col">

            <h4>FOLLOW US</h4>

            <p>
                Stay updated with health tips,
                camps and hospital news.
            </p>

            <div class="social-icons">

                <a href="#">f</a>

                <a href="#">
                    <i class="fa-brands fa-instagram"></i>
                </a>

                <a href="#">X</a>

                <a href="#">
                    <i class="fa-brands fa-linkedin-in"></i>
                </a>

                <a href="#">
                    <i class="fa-brands fa-youtube"></i>
                </a>

            </div>

        </div>

    </div>
    
        <!-- Search Keywords -->
    <div class="footer-keywords">

        <h5>RECENT SEARCH KEYWORDS</h5>

        <div class="keyword-tags">

            <a href="#">Best Heart Hospital in Ghaziabad</a>

            <a href="#">Best Neuro Hospital in UP</a>

            <a href="#">Orthopaedic Hospital</a>

            <a href="#">Cancer Hospital in Ghaziabad</a>

            <a href="#">Best Hospital in Hapur</a>

            <a href="#">Best Physicians in Ghaziabad</a>

            <a href="#">Multispeciality Hospital near me</a>

        </div>

    </div>


    <!-- Bottom Footer -->
    <div class="footer-bottom">

        <div class="copyright">
            © 2026 GS Super Speciality Hospital. All rights reserved.
        </div>

        <div class="bottom-links">

            <a href="#">Privacy Policy</a>

            <a href="#">Terms of Use</a>

            <a href="#">Support</a>

        </div>

    </div>

</footer>

     


        

    
    
  

    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/aos.js"></script>
    <script src="assets/js/appear.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/isotope.js"></script>
    <script src="assets/js/jquery.bootstrap-touchspin.js"></script>
    <script src="assets/js/jquery.countTo.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.event.move.js"></script>
    <script src="assets/js/jquery.fancybox.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <script src="assets/js/jquery.paroller.min.js"></script>
    <script src="assets/js/jquery-sidebar-content.js"></script>
    <script src="assets/js/knob.js"></script>
    <script src="assets/js/map-script.js"></script>
    <script src="assets/js/owl.js"></script>
    <script src="assets/js/pagenav.js"></script>
    <script src="assets/js/scrollbar.js"></script>
    <script src="assets/js/swiper.min.js"></script>
    <script src="assets/js/tilt.jquery.js"></script>
    <script src="assets/js/TweenMax.min.js"></script>
    <script src="assets/js/validation.js"></script>
    <script src="assets/js/wow.js"></script>

    <script src="assets/js/jquery-1color-switcher.min.js"></script>
    <script src="assets/js/parallax.min.js"></script>
    <script src="assets/js/skrollr.min.js"></script>

    <!-- thm custom script -->
    <script src="assets/js/custom.js"></script>

    <script>
     // Mobile Menu Toggle
const menuToggle = document.getElementById("menuToggle");
const mainMenu = document.getElementById("mainMenu");

menuToggle.addEventListener("click", () => {

    mainMenu.classList.toggle("active");

    if (mainMenu.classList.contains("active")) {
        menuToggle.innerHTML = '<i class="fa-solid fa-xmark"></i>';
    } else {
        menuToggle.innerHTML = '<i class="fa-solid fa-bars"></i>';
    }

});




// Mobile Dropdown
const megaItems = document.querySelectorAll(".has-mega");

megaItems.forEach(item => {

    const btn = item.querySelector("button");

    btn.addEventListener("click", function (e) {

        if (window.innerWidth <= 992) {

            e.preventDefault();

            // Close other dropdowns
            megaItems.forEach(other => {

                if (other !== item) {
                    other.classList.remove("open");
                }

            });

            item.classList.toggle("open");

        }

    });

});




// Close menu when clicking outside
document.addEventListener("click", function (e) {

    if (
        !mainMenu.contains(e.target) &&
        !menuToggle.contains(e.target)
    ) {

        mainMenu.classList.remove("active");

        megaItems.forEach(item => {
            item.classList.remove("open");
        });

        menuToggle.innerHTML =
            '<i class="fa-solid fa-bars"></i>';

    }

});




// Reset on Desktop
window.addEventListener("resize", () => {

    if (window.innerWidth > 992) {

        mainMenu.classList.remove("active");

        megaItems.forEach(item => {
            item.classList.remove("open");
        });

        menuToggle.innerHTML =
            '<i class="fa-solid fa-bars"></i>';
    }

});
    </script>
    
    
    
    <script>
        const slides = document.querySelectorAll(".gs-slide");
const dots = document.querySelectorAll(".gs-dots span");
const prevBtn = document.querySelector(".gs-prev");
const nextBtn = document.querySelector(".gs-next");

let currentSlide = 0;
let autoSlide;

// Show Slide
function showSlide(index){

    // Remove active class
    slides.forEach(slide=>{
        slide.classList.remove("active");

        let video = slide.querySelector("video");
        if(video){
            video.pause();
            video.currentTime = 0;
        }
    });

    dots.forEach(dot=>{
        dot.classList.remove("active");
    });

    // Active slide
    slides[index].classList.add("active");
    dots[index].classList.add("active");

    // Video play if exists
    let activeVideo = slides[index].querySelector("video");
    if(activeVideo){
        activeVideo.play();
    }

    currentSlide = index;
}


// Next Slide
function nextSlide(){

    currentSlide++;

    if(currentSlide >= slides.length){
        currentSlide = 0;
    }

    showSlide(currentSlide);

}

// Previous Slide
function prevSlide(){

    currentSlide--;

    if(currentSlide < 0){
        currentSlide = slides.length-1;
    }

    showSlide(currentSlide);

}


// Auto Slide
function startSlider(){

    autoSlide = setInterval(()=>{
        nextSlide();
    },4000);

}


// Stop Slider
function stopSlider(){

    clearInterval(autoSlide);

}


// Buttons
nextBtn.addEventListener("click",()=>{

    stopSlider();
    nextSlide();
    startSlider();

});


prevBtn.addEventListener("click",()=>{

    stopSlider();
    prevSlide();
    startSlider();

});


// Dot Click
dots.forEach((dot,index)=>{

    dot.addEventListener("click",()=>{

        stopSlider();
        showSlide(index);
        startSlider();

    });

});


// Pause on Hover
const slider = document.querySelector(".gs-slider");

slider.addEventListener("mouseenter",()=>{

    stopSlider();

});

slider.addEventListener("mouseleave",()=>{

    startSlider();

});


// Start
showSlide(0);
startSlider();
    </script>
    
    
    
    <script>
        // Counter Animation
const counters = document.querySelectorAll(".counter");

const startCounter = () => {

    counters.forEach(counter => {

        const target = +counter.getAttribute("data-target");

        const updateCounter = () => {

            const current = +counter.innerText.replace(/\D/g,'');

            const increment = target / 100;

            if(current < target){

                counter.innerText = Math.ceil(current + increment);

                setTimeout(updateCounter,20);

            }else{

                // Final Value Format
                if(target == 15){
                    counter.innerText = "15+";
                }
                else if(target == 30){
                    counter.innerText = "30k+";
                }
                else if(target == 300){
                    counter.innerText = "300+";
                }
                else if(target == 1100){
                    counter.innerText = "1100+";
                }

            }

        }

        updateCounter();

    });

};


// Start Counter on Scroll
const aboutSection = document.querySelector(".gs-about-sec");

let started = false;

window.addEventListener("scroll", () => {

    const sectionTop = aboutSection.offsetTop - 300;

    if(window.scrollY > sectionTop && !started){

        startCounter();

        started = true;

    }

});
    </script>
    
    

<script>

document.addEventListener("DOMContentLoaded", function(){

    const track = document.querySelector(".gs-speciality-track");
    const cards = document.querySelectorAll(".gs-speciality-card");
    const nextBtn = document.getElementById("gsNextBtn");
    const prevBtn = document.getElementById("gsPrevBtn");
    const progressBar = document.querySelector(".gs-speciality-progress-fill");

    let currentIndex = 0;

    function visibleCards(){
        if(window.innerWidth <= 767){
            return 1;
        }
        else if(window.innerWidth <= 991){
            return 2;
        }
        else{
            return 3;
        }
    }

    function updateSlider(){

        let cardWidth = cards[0].offsetWidth;
        let gap = 30;

        track.style.transform =
        `translateX(-${currentIndex * (cardWidth + gap)}px)`;

        let maxIndex = cards.length - visibleCards();

        let progress = ((currentIndex + 1) / (maxIndex + 1)) * 100;

        progressBar.style.width = progress + "%";
    }


    nextBtn.addEventListener("click", function(){

        let maxIndex = cards.length - visibleCards();

        if(currentIndex < maxIndex){
            currentIndex++;
        }
        else{
            currentIndex = 0;
        }

        updateSlider();

    });


    prevBtn.addEventListener("click", function(){

        let maxIndex = cards.length - visibleCards();

        if(currentIndex > 0){
            currentIndex--;
        }
        else{
            currentIndex = maxIndex;
        }

        updateSlider();

    });


    window.addEventListener("resize", function(){
        currentIndex = 0;
        updateSlider();
    });

    updateSlider();

});

</script>




<script>

document.addEventListener("DOMContentLoaded",()=>{

const track = document.querySelector(".gs-healing-track");
const nextBtn = document.getElementById("gsHealingNext");
const prevBtn = document.getElementById("gsHealingPrev");

nextBtn.addEventListener("click",()=>{

const firstCard = track.firstElementChild;

track.style.transition="0.5s";
track.style.transform="translateX(-420px)";

setTimeout(()=>{
track.appendChild(firstCard);
track.style.transition="none";
track.style.transform="translateX(0)";
},500);

});


prevBtn.addEventListener("click",()=>{

const lastCard = track.lastElementChild;

track.insertBefore(lastCard,track.firstElementChild);

track.style.transition="none";
track.style.transform="translateX(-420px)";

setTimeout(()=>{
track.style.transition="0.5s";
track.style.transform="translateX(0)";
},20);

});

});

</script>



<script>

const tabBtns = document.querySelectorAll(".tab-btn");
const tabContents = document.querySelectorAll(".tab-content");

tabBtns.forEach(button=>{

    button.addEventListener("click",()=>{

        // active button remove
        tabBtns.forEach(btn=>{
            btn.classList.remove("active");
        });

        // active content remove
        tabContents.forEach(content=>{
            content.classList.remove("active");
        });

        // current button active
        button.classList.add("active");

        // current content show
        const tabID = button.getAttribute("data-tab");

        document.getElementById(tabID).classList.add("active");

    });

});

</script>

</body>


</html>