|
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/rasi/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rasi Academy</title>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="">
<meta name="description" content="">
<!-- Dark mode -->
<script>
const storedTheme = localStorage.getItem('theme')
const getPreferredTheme = () => {
if (storedTheme) {
return storedTheme
}
return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light'
}
const setTheme = function (theme) {
if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.documentElement.setAttribute('data-bs-theme', 'dark')
} else {
document.documentElement.setAttribute('data-bs-theme', theme)
}
}
setTheme(getPreferredTheme())
window.addEventListener('DOMContentLoaded', () => {
var el = document.querySelector('.theme-icon-active');
if(el != 'undefined' && el != null) {
const showActiveTheme = theme => {
const activeThemeIcon = document.querySelector('.theme-icon-active use')
const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
element.classList.remove('active')
})
btnToActive.classList.add('active')
activeThemeIcon.setAttribute('href', svgOfActiveBtn)
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
if (storedTheme !== 'light' || storedTheme !== 'dark') {
setTheme(getPreferredTheme())
}
})
showActiveTheme(getPreferredTheme())
document.querySelectorAll('[data-bs-theme-value]')
.forEach(toggle => {
toggle.addEventListener('click', () => {
const theme = toggle.getAttribute('data-bs-theme-value')
localStorage.setItem('theme', theme)
setTheme(theme)
showActiveTheme(theme)
})
})
}
})
</script>
<!-- Favicon -->
<!--<link rel="shortcut icon" href="assets/images/favicon.ico">-->
<!-- Google Font -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap">
<!-- Plugins CSS -->
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/tiny-slider/tiny-slider.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/glightbox/css/glightbox.css">
<link rel="stylesheet" type="text/css" href="assets/vendor/aos/aos.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<style>
.tns-controls{
display: none !important;
}
</style>
</head>
<body>
<!-- Header START -->
<!-- Header START -->
<header class="navbar-light header-static navbar-sticky" id="header">
<!-- Logo Nav START -->
<nav class="navbar navbar-expand-xl">
<div class="container">
<!-- Logo START -->
<a class="navbar-brand me-0" href="index.html">
<img class="light-mode-item navbar-brand-item" src="assets/images/rasilogo.png" alt="logo">
<!-- <img class="dark-mode-item navbar-brand-item" src="assets/images/logo-light.svg" alt="logo"> -->
</a>
<!-- Logo END -->
<!-- Responsive navbar toggler -->
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-animation">
<span></span>
<span></span>
<span></span>
</span>
</button>
<!-- Main navbar START -->
<div class="navbar-collapse collapse" id="navbarCollapse">
<!-- Nav Search END -->
<ul class="navbar-nav navbar-nav-scroll mx-auto">
<!-- Nav item 1 Demos -->
<li class="nav-item ">
<a class="nav-link ps-0 " href="index.html" >Home</a>
<!-- <ul class="dropdown-menu" aria-labelledby="demoMenu">
<li> <a class="dropdown-item" href="#">IELTS</a></li>
<li> <a class="dropdown-item" href="#">GRE</a></li>
<li> <a class="dropdown-item" href="#">Duolingo</a></li>
<li> <a class="dropdown-item" href="#">Toefl</a></li>
</ul> -->
</li>
<!-- Nav item 2 Eduport business -->
<li class="nav-item "><a class="nav-link " href="about.html">About </a></li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" id="courseLink">Course</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="NEET.html">NEET</a></li>
<li><a class="dropdown-item" href="JEE.html">JEE</a></li>
</ul>
</li>
<!-- Nav item 4 Component-->
<!-- <li class="nav-item"><a class="nav-link" href="#">Blogs </a></li> -->
<li class="nav-item"><a class="nav-link " href="achievers.html">Achievers </a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#">FAQ </a></li> -->
<li class="nav-item"><a class="nav-link active" href="contact.html">Contact </a></li>
</ul>
</div>
<!-- Main navbar END -->
<ul class="nav align-items-center justify-content-center dm-none">
<!-- <li class="nav-item me-3" data-bs-toggle="tooltip" data-bs-animation="false" data-bs-placement="bottom" data-bs-original-title="Sunday CLOSED">
<span><i class="far fa-clock me-2"></i>Visit time: Mon-Sat 9:00-19:00</span>
</li> -->
<li class="nav-item">
<a class="nav-link" href="tel:7373017105"><i class="fas fa-headset me-2"></i>For Enquiry: 73730 17105</a>
</li>
</ul>
<ul class="nav flex-row align-items-center list-unstyled ms-xl-auto">
<!-- Add to cart -->
<!-- Sign In button -->
<li class="nav-item ms-2 d-none d-md-block">
<!-- <a href="#" class="btn btn-sm btn-blue mb-0">Contact us</a> -->
<a href="contact.html" class="btn btn-sm btn-primary mb-0"><i class="bi bi-telephone"></i> Talk to us</a>
</li>
</ul>
<!-- Profile START -->
</div>
</nav>
<!-- Logo Nav END -->
</header>
<section class="bg-blue align-items-center d-flex" style="background:url(assets/images/pattern/04.png) no-repeat center center; background-size:cover;">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<!-- Title -->
<h1 class="text-white">Contact</h1>
<!-- Breadcrumb -->
<div class="d-flex justify-content-center">
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-dark breadcrumb-dots mb-0">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item " aria-current="page">Contact us</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="pt-200px pb-200px" >
<div class="container">
<div class="row g-4 g-lg-0 ">
<div class="col-md-5 ">
<div class="contact-form bg-light rounded-3 p-5 ">
<!-- Title -->
<h4 class=" mt-md-0">Enquiry Form</h4>
<p>Drop your query, and our team will review it and get back to you soon</p>
<div class="col-md-12">
<form id="contactForm" class="needs-validation" novalidate>
<div id="generalError" class="alert alert-danger" style="display:none;">
Please fill in all required fields.
</div>
<div class="form-group mb-3">
<label for="yourName" class="form-label">Your Name *</label>
<input type="text" class="form-control" id="yourName" name="yourName" required>
<div class="invalid-feedback">Please enter your name</div>
</div>
<div class="form-group mb-3">
<label for="emailInput" class="form-label">Email Address *</label>
<input type="email" class="form-control" id="emailInput" name="emailInput" required>
<div class="invalid-feedback">Please enter a valid email address</div>
</div>
<div class="form-group mb-3">
<label for="Phone_Number" class="form-label">Phone Number</label>
<input type="tel" class="form-control" id="Phone_Number" name="Phone_Number">
</div>
<div class="form-group mb-3">
<label for="program" class="form-label">Select Program</label>
<select class="form-control" id="program" name="program">
<option value="" disabled selected>Select Program</option>
<option value="NEET 2025 Crash Course">NEET 2025 Crash Course</option>
<option value="JEE 2025 Crash Course">JEE 2025 Crash Course</option>
<option value="NEET 2025 - 2026 Online">NEET 2025 - 2026 Online Program</option>
<option value="JEE 2025 - 2026 Online">JEE 2025 - 2026 Online Program</option>
<option value="NEET 2025 - 2026 Class room program">NEET 2025 - 2026 Class room program
</option>
<option value="JEE 2025 - 2026 Class room program">JEE 2025 - 2026 Class room program
</option>
</select>
</div>
<div class="form-group mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" name="message" rows="4"></textarea>
</div>
<div class="d-grid gap-2">
<button class="btn btn-primary btn-lg" type="submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-5 ">
<div class="row ">
<!-- Box item -->
<h3 class="mb-3">Contact information</h3>
<p>For any questions or more information, feel free to reach out to us. Our team is here to assist you with all your queries</p>
<div class="col-lg-12 m-0">
<div class=" h-100">
<!-- Title -->
<!-- <h5 class=" mb-3">Customer Support</h5> -->
<ul class="list-inline mb-0">
<!-- Address -->
<div class="col-md-12">
<div class="row mt-5">
<div class="col-md-6 col-6">
<li class="list-item text-center mb-3">
<a href="https://g.co/kgs/w9CzJJh"> <i class="fas fa-map-marker-alt fa-fw me-2"></i>
<h6 class="mt-3">Visit Us</h6>
<p style="color:#747579 !important"> Rasipuram , Namakkal</p>
</a>
</li>
</div>
<div class="col-md-6 col-6">
<li class="list-item text-center mb-3">
<a href="#"> <i class="fas fa-phone-alt fa-fw me-2"></i></a>
<h6 class="mt-3">For Inquiry </h6>
<p> <a href="tel:7373017105" style="color:#747579 !important">73730 17105</a>
</p>
</li>
</div>
</div>
<div class="row mt-3">
<div class="col-md-6 col-6">
<li class="list-item text-center mb-3">
<a href="#"> <i class="far fa-envelope fa-fw me-2"></i></a>
<h6 class="mt-3">Email Address</h6>
<p class="list-para"><a href="mailto:Info@rasicoachingacademy.com" style="color:#747579 !important">Info@rasicoachingacademy.com</a></p>
</li>
</div>
<div class="col-md-6 col-6">
<li class="list-item text-center mb-3">
<a href="#"> <i class="fas fa-user-graduate fa-fw me-2"></i></a>
<h6 class="mt-3">For Admission</h6>
<p><a href="tel:9790338899" style="color:#747579 !important"> 97903 38899</a></p>
</li>
</div>
</div>
<div class="row mt-5">
<div class="col-12">
<iframe class="w-100 h-300px grayscale rounded" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5045.9304980218485!2d78.2060084!3d11.446046800000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3babc1f4ece1103b%3A0xf2f473a3f70564b5!2sRasi%20International%20School(CBSE)-Senior%20Secondary-DAY%20CUM%20RESIDENTIAL!5e1!3m2!1sen!2sin!4v1738925176675!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<!-- Email id -->
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-2"></div>
<!-- Contact form START -->
<!-- Contact form END -->
</div>
</div>
</section>
<!-- <section class="pt-0 pb-100px">
<div class="container">
</div>
</section> -->
<section class=" position-relative z-index-9 p-0">
<div class="container-fluid p-0">
<div class="row sm-padding">
<div class="col-12 col-md-12 ">
<div class="bg-warning p-3 p-sm-4 position-relative ">
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-100 translate-middle mt-n6 ms-n5">
<svg width="211px" height="211px">
<path class="fill-white opacity-4" d="M210.030,105.011 C210.030,163.014 163.010,210.029 105.012,210.029 C47.013,210.029 -0.005,163.014 -0.005,105.011 C-0.005,47.015 47.013,-0.004 105.012,-0.004 C163.010,-0.004 210.030,47.015 210.030,105.011 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute top-50 start-0 translate-middle mt-n6 ms-5">
<svg width="141px" height="141px">
<path class="fill-white opacity-4" d="M140.520,70.258 C140.520,109.064 109.062,140.519 70.258,140.519 C31.454,140.519 -0.004,109.064 -0.004,70.258 C-0.004,31.455 31.454,-0.003 70.258,-0.003 C109.062,-0.003 140.520,31.455 140.520,70.258 Z"></path>
</svg>
</figure>
<!-- SVG decoration -->
<figure class="position-absolute bottom-0 start-50 mt-n5 ms-n9">
<svg width="41px" height="41px">
<path class="fill-white opacity-4" d="M40.531,20.265 C40.531,31.458 31.457,40.531 20.265,40.531 C9.072,40.531 -0.001,31.458 -0.001,20.265 C-0.001,9.073 9.072,-0.001 20.265,-0.001 C31.457,-0.001 40.531,9.073 40.531,20.265 Z"></path>
</svg>
</figure>
<div class="container">
<div class="row sm-padding">
<div class="col-md-4 mt-n8 ">
<div class="d-none d-lg-block position-absolute bottom-0 4">
<img src="assets/images/stud-rasi.png" alt="">
</div>
</div>
<div class="col-md-8 mx-auto py-5 position-relative">
<!-- Title -->
<h2>Join Our Intensive One-Year NEET & JEE Coaching program
</h2>
<!-- Form -->
</div>
</div> <!-- Row END -->
</div>
</div>
</div>
</div> <!-- Row END -->
</div>
</section>
<footer class="bg-blue pt-100px">
<div class="container">
<!-- Row START -->
<div class="row g-4 sm-padding">
<!-- Widget 1 START -->
<div class="col-lg-4">
<!-- logo -->
<a class="me-0" href="index.html">
<img class="h-40px" src="assets/images/rasilogo_white.png" alt="logo">
</a>
<p class="my-3 text-body-secondary">We are dedicated to nurture holistic growth for students focusing on the development of life skills and personality along with their academics. </p>
</div>
<!-- Widget 1 END -->
<!-- Widget 2 START -->
<div class="col-lg-5">
<div class="row sm-padding g-4">
<!-- Link block -->
<!-- <div class="col-6 col-md-1"></div> -->
<div class="col-6 col-md-6">
<h5 class="mb-2 mb-md-3 text-white">Quick Links</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="NEET.html">NEET </a></li>
<li class="nav-item"><a class="nav-link" href="JEE.html">JEE </a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#">Career</a></li> -->
</ul>
</div>
<!-- Link block -->
<!-- <div class="col-6 col-md-1"></div> -->
<div class="col-6 col-md-6">
<h5 class="mb-2 mb-md-3 text-white">Rasi Groups</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="#">Rasi International</a></li>
<li class="nav-item"><a class="nav-link" href="#">Rasi School of Education</a></li>
<li class="nav-item"><a class="nav-link" href="#">Rasi Coaching Institute</a></li>
<!--<li class="nav-item"><a class="nav-link" href="#">Sitemap</a></li>-->
</ul>
</div>
<!-- Link block -->
<!-- <div class="col-6 col-md-4">
<h5 class="mb-2 mb-md-3 text-white">Teaching</h5>
<ul class="nav flex-column text-primary-hover">
<li class="nav-item"><a class="nav-link" href="#">Become a teacher</a></li>
<li class="nav-item"><a class="nav-link" href="#">How to guide</a></li>
<li class="nav-item"><a class="nav-link" href="#">Terms & Conditions</a></li>
</ul>
</div> -->
</div>
</div>
<!-- Widget 2 END -->
<!-- Widget 3 START -->
<div class="col-lg-3 p-0">
<div class="row ">
<!-- Title -->
<h5 class="mb-2 mb-md-3 text-white">For enquiry</h5>
<p style="color: #cfd3d7;">Please drop your contact information and our team will get in touch</p>
<form class="row sm-padding align-items-center justify-content-center mt-3">
<div class=" rounded-pill">
<div class="input-group g-0">
<input class="form-control border-0 " type="email" placeholder="Drop Contact number">
<button type="button" class="btn border-0 btn-blue bg-primary">Submit</button>
</div>
</div>
</form>
</div>
</div>
<!-- Widget 3 END -->
</div><!-- Row END -->
<!-- Divider -->
<hr class="mt-4 mb-0">
<!-- Bottom footer -->
<div class="py-3">
<div class="container px-0">
<div class="d-lg-flex justify-content-between align-items-center py-3 text-center text-md-left">
<!-- copyright text -->
<div class=""><p class="text-white"> Rasi International School</a><a href="#" target="_blank" class="text-white"> All Rights Reserved.Designed with <i class="fa fa-heart" style="color:red !important;"></i> by <a href="https://thedotstudios.com/" class="text-white text-primary-hover" target="_blank">TheDotStudios.com</a> </p></div>
<!-- copyright links-->
<div class="nav justify-content-center mt-3 mt-lg-0">
<!-- Social media icon -->
<ul class="list-inline mb-0 mt-3">
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-facebook" href="#"><i class="fab fa-fw fa-facebook-f"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-instagram" href="#"><i class="fab fa-fw fa-instagram"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-twitter" href="#"><i class="fab fa-fw fa-twitter"></i></a> </li>
<li class="list-inline-item"> <a class="btn btn-white btn-sm px-2 text-linkedin" href="#"><i class="fab fa-fw fa-linkedin-in"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- =======================
Footer END -->
<div id="popupModal" class="modal">
<div class="modal-content">
<!-- Close Icon -->
<span class="close-icon" onclick="closeModal()">×</span>
<div class="col-md-12">
<div class="row">
<div class="col-md-6 mb-none">
<figure class=" mb-0 ">
<img src="assets/images/POP-UP.jpg" class="h-550px modal-img w-100" alt="">
</figure>
</div>
<div class="col-md-6 modal-right-content sm-pt-20px">
<div class="">
<!-- Title -->
<h2 class="mb-3">Neet & JEE 2025 <br>
Crash Course </h2>
<h5 class="mb-0 h3">Admission Open</h5>
<p class="mb-0">Hi Aspirant?<a href="#"> Drop your enquiry</a></p>
<!-- Form START -->
<form class="mt-3 mt-sm-4 text-start">
<!-- Email -->
<div class="mb-3">
<label class="form-label">Name</label>
<input type="name" class="form-control" placeholder="Enter Name">
</div>
<!-- Password -->
<div class="mb-3">
<label class="form-label">Phone Number
</label>
<input class="form-control" type="text" placeholder="Enter Phone Number
">
</div>
<!-- Remember me -->
<!-- <div class="mb-3 d-sm-flex justify-content-between">
<div>
<input type="checkbox" class="form-check-input" id="rememberCheck">
<label class="form-check-label" for="rememberCheck">Remember me?</label>
</div>
<a href="#" class="text-primary-hover text-muted">Forgot password?</a>
</div> -->
<!-- Button -->
<div class="d-grid"><button type="submit" class="btn btn-primary mb-0">Submit</button></div>
<!-- Divider -->
<!-- <div class="position-relative my-4">
<hr>
<p class="small position-absolute top-50 start-50 translate-middle bg-body px-2">Or sign in with</p>
</div>
<div class="row g-3">
<div class="col-sm-6 d-grid">
<a href="#" class="btn btn-outline-light mb-0"><i class="fab fa-fw fa-google text-google-icon me-2"></i>Google</a>
</div>
<div class="col-sm-6 d-grid">
<a href="#" class="btn btn-outline-light mb-0"><i class="fab fa-fw fa-facebook-f text-facebook me-2"></i>Facebook</a>
</div>
</div> -->
</form>
<!-- Form END -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Back to top -->
<div class="back-top"><i class="bi bi-arrow-up-short position-absolute top-50 start-50 translate-middle"></i></div>
<!-- <div class="alert alert-light alert-dismissible fade show position-fixed bottom-0 start-50 translate-middle-x z-index-99 d-lg-flex justify-content-between align-items-center p-4 col-9 col-md-7 col-xxl-5" role="alert">
<div>
<h4 class="text-dark">Admissions open!</h4>
<p class="m-0 pe-3">We are so eager to be working with kids and making a difference in their careers. Being a mentor is what we have always wanted to be.</p>
</div>
<div class="d-flex mt-3 mt-lg-0">
<button type="button" class="btn btn-success btn-sm mb-0 me-2" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true">Get Admission</span>
</button>
<div class="position-absolute end-0 top-0 mt-n3 me-n3">
<button type="button" class="btn btn-danger btn-round btn-sm mb-0" data-bs-dismiss="alert" aria-label="Close">
<span aria-hidden="true"><i class="bi bi-x-lg"></i></span>
</button>
</div>
</div>
</div> -->
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const modal = document.getElementById("popupModal");
// Close modal when clicking outside modal content
window.onclick = function(event) {
if (event.target === modal) {
closeModal();
}
};
});
function closeModal() {
document.getElementById("popupModal").style.display = "none";
}
</script>
<!-- Swiper Initialization -->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 4,
spaceBetween: 20,
loop: true,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
autoplay: {
delay: 2000,
disableOnInteraction: false,
},
breakpoints: {
1024: {
slidesPerView: 4, // 4 slides on desktop
},
768: {
slidesPerView: 2, // 2 slides on tablets
spaceBetween: 50
},
320: {
slidesPerView: 2, // Changed to 2 for mobile screens
spaceBetween: 20, // Reduced spacing for better fit on mobile
slidesPerGroup: 1
}
}
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#contactForm").on('submit', function(e) {
e.preventDefault();
// Reset previous error states
$(".is-invalid").removeClass("is-invalid");
$("#generalError").hide();
// Validate required fields
let isValid = true;
const name = $("#yourName").val().trim();
const email = $("#emailInput").val().trim();
if (!name) {
$("#yourName").addClass("is-invalid");
isValid = false;
}
if (!email) {
$("#emailInput").addClass("is-invalid");
isValid = false;
} else if (!isValidEmail(email)) {
$("#emailInput").addClass("is-invalid");
isValid = false;
}
if (!isValid) {
$("#generalError").show();
return;
}
// Create FormData object for better data handling
const formData = new FormData(this);
// Submit form if validation passes
const $submitBtn = $(this).find('button[type="submit"]');
const originalBtnText = $submitBtn.text();
$.ajax({
type: "POST",
url: "mail.php",
data: formData,
processData: false,
contentType: false,
dataType: 'json',
beforeSend: function() {
$submitBtn.prop('disabled', true)
.html('<span class="spinner-border spinner-border-sm me-2"></span>Sending...');
},
success: function(response) {
console.log('Response:', response); // Debug log
if (response.status === 'success') {
alert(response.message);
$("#contactForm")[0].reset();
} else {
alert(response.message || "An error occurred. Please try again.");
}
},
error: function(xhr, status, error) {
console.error("Ajax error details:", {
status: status,
error: error,
responseText: xhr.responseText
});
try {
const response = JSON.parse(xhr.responseText);
alert(response.message || "An error occurred while sending your message. Please try again later.");
} catch (e) {
alert("An error occurred while sending your message. Please try again later.");
}
},
complete: function() {
$submitBtn.prop('disabled', false).text(originalBtnText);
}
});
});
// Helper function to validate email
function isValidEmail(email) {
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return emailRegex.test(email);
}
// Remove invalid class on input
$("input, textarea, select").on('input change', function() {
$(this).removeClass("is-invalid");
if ($("#yourName").val() && $("#emailInput").val()) {
$("#generalError").hide();
}
});
});
</script>
<script>
$(function() {
var top = $('#sidebar').offset().top - parseFloat($('#sidebar').css('marginTop').replace(/auto/, 0));
var footTop = $('#footer').offset().top - parseFloat($('#footer').css('marginTop').replace(/auto/, 0));
// Stop the sticky 200px before the footer
var maxY = footTop - $('#sidebar').outerHeight() - 150;
$(window).scroll(function(evt) {
var y = $(this).scrollTop();
if (y > top) {
if (y < maxY) {
// Keep sidebar fixed within the scrollable area
$('#sidebar').addClass('fixed').removeAttr('style');
} else {
// Stop the sticky behavior 200px before footer
$('#sidebar').removeClass('fixed').css({
position: 'absolute',
top: (maxY - top) + 'px'
});
}
} else {
// Sidebar goes back to the original position when scrolling to top
$('#sidebar').removeClass('fixed');
}
});
});
</script>
<!-- Vendors -->
<script src="assets/vendor/tiny-slider/tiny-slider.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.js"></script>
<script src="assets/vendor/purecounterjs/dist/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
var courseLink = document.getElementById("courseLink");
var dropdownMenu = courseLink.nextElementSibling;
courseLink.addEventListener("click", function (event) {
if (window.innerWidth < 992) { // Mobile screens
event.preventDefault(); // Prevent redirection
dropdownMenu.style.display = dropdownMenu.style.display === "block" ? "none" : "block";
} else {
location.assign("course.html"); // Redirect on large screens
}
});
// Close dropdown when clicking outside (mobile only)
document.addEventListener("click", function (event) {
if (window.innerWidth < 992 && !courseLink.contains(event.target) && !dropdownMenu.contains(event.target)) {
dropdownMenu.style.display = "none";
}
});
});
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/ScrollTrigger.min.js"></script> -->
</body>
</html>