|
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 (0755) : /home/celkcksm/public_html/../gitanjalicn.in/backup/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include_once('config/config.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Gitanjali Institute of Nursing </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="https://msms.org.in" />
<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/img/fevicon.png" type="image/x-icon">
<link rel="stylesheet" href="public/new-assets/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="public/new-assets/css/style.css">
<link rel="stylesheet" type="text/css" href="public/assets/css/gallery-style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="public/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="public/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="public/favicon_io/favicon-16x16.png">
<link rel="manifest" href="public/favicon_io/site.webmanifest">
<link rel="stylesheet" href="public/new-assets/css/timercss.css">
<style>
.navbar .navbar-nav .nav-link {
color: #111;
}
.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: #4e897c;
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: #4e897c;
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;
}
@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: 0px;
}
}
@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>
/* noc */
#Iframe-Master-CC-and-Rs {
/* max-width: 800px; */
height: 90%;
overflow:auto;
}
.responsive-wrapper {
position: relative;
height: 0;
}
.responsive-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: none;
}
.responsive-wrapper-wxh-572x612 {
padding-bottom: 85%;
}
.set-box-shadow {
-webkit-box-shadow: 4px 4px 14px #4f4f4f;
-moz-box-shadow: 4px 4px 14px #4f4f4f;
box-shadow: 4px 4px 14px #4f4f4f;
}
/*.set-padding {
padding: 40px;
} */
/* .set-margin {
margin: 30px;
} */
.center-block-horiz {
margin-left: auto !important;
margin-right: auto !important;
}
.noc{
margin-top: 20px;
margin-bottom:20px;
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<style>
body{
overflow-x: hidden;
}
</style>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-153070464-1');
</script>
<script>
$(document).ready(function() {
var windowURL = window.location.href;
console.log(windowURL);
if (windowURL.indexOf('noheaderfooter') > -1) {
$('#header').css('display', 'none');
$('#footer').css('display', 'none');
}
});
</script>
<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: 15px 40px;
margin-top: 4px;
}
.call-btn {
background-color: #4e6471;
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: 100px;
left: 38%;
width: 380px;
padding: 20px;
border-radius: 12px;
/* Glassmorphism styles */
background: rgba(255, 255, 255, 0.25); /* Semi-transparent white */
backdrop-filter: blur(10px); /* Creates the blurred glass effect */
-webkit-backdrop-filter: blur(10px); /* For Safari */
border: 1px solid rgba(255, 255, 255, 0.3); /* Light border to enhance the glass look */
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4); /* Add some depth */
z-index: 10;
}
.contact-form-header h2 {
font-size: 30px;
color: #393939;
margin: 0;
padding-bottom: 10px;
text-align: center;
font-weight: 600;
}
.contact-form-header h6 {
font-size: 16px;
color: #393939;
margin: 0;
padding-bottom: 10px;
text-align: center;
font-weight: 400;
}
.contact-form h5 {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
text-align: center;
}
.contact-form .btn {
width: 100%;
}
.form-row {
display: flex;
gap: 15px;
}
.form-row .form-group {
flex: 1;
}
/* Styles for large devices (desktops, 1200px and above) */
@media (min-width: 1200px) {
.contact-form {
top: 150px;
right: 100px;
width: 350px;
padding: 25px;
}
}
/* Styles for normal laptop resolutions (1366px to 1440px width) */
@media (min-width: 1366px) and (max-width: 1440px) {
.contact-form {
top: 120px;
right: 120px;
width: 350px; /* Slightly larger width */
padding: 22px;
}
}
/* Styles for medium devices (tablets and smaller desktops, screens between 768px and 1200px) */
@media (min-width: 768px) and (max-width: 1199px) {
.contact-form {
top: 120px; /* Adjust positioning for medium screens */
right: 50px;
width: 350px; /* Keep the default width */
padding: 20px;
}
}
/* Styles for small devices (phones and smaller tablets, screens below 768px) */
@media (max-width: 767px) {
.contact-form {
position: static; /* Allow form to flow naturally in small devices */
width: 90%; /* Take up most of the screen width */
margin: 20px auto; /* Center the form */
padding: 15px;
border-radius: 5px; /* Smaller border radius */
}
.form-row {
flex-direction: column; /* Stack inputs vertically */
gap: 10px;
}
}
</style>
<style>
#gallery-section {
background-color: #f9f9f9;
}
.gallery-item {
overflow: hidden;
position: relative;
cursor: pointer;
border-radius: 5px;
}
.gallery-item img {
transition: transform 0.3s ease, opacity 0.3s ease;
}
.gallery-item:hover img {
transform: scale(1.1);
opacity: 0.9;
}
</style>
<style>
.notice-board-background-img{
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgba(0, 128, 0, 0.1)), url('public/new-assets/img/notice-board.jpg');
background-size: cover;
background-position: center;
filter: grayscale(100);
transition: filter 0.5s ease;
}
.notice-board-background-img:hover{
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgba(0, 128, 0, 0.1)), url('public/new-assets/img/notice-board.jpg');
background-size: cover;
background-position: center;
filter: grayscale(0);
}
.notice-container {
width: auto;
height: 300px;
border: 2px solid #4e897c;
border-radius: 8px;
background-color: #F0F8FF;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
overflow: hidden;
position: relative; /* Make this the positioning context */
}
.notice-title {
text-align: center;
font-size: 24px;
font-weight: 600;
color: #4e897c;
margin: 0;
padding: 10px 0;
background-color: #F0F8FF;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10; /* Ensure the title stays above the scrolling content */
}
.notice-footer{
text-align: center;
font-size: 24px;
font-weight: 600;
color: #4e897c;
margin: 0;
padding: 5px 0;
background-color: #F0F8FF;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10; /* Ensure the title stays above the scrolling content */
}
.notice-board {
position: absolute;
top: 50px; /* Offset to start below the title */
bottom: 0;
left: 0;
right: 0;
display: flex;
flex-direction: column;
animation: scroll-up 20s linear infinite;
}
.notice-board div {
padding: 10px;
border-bottom: 1px solid #ddd;
text-align: center;
font-size: 16px;
color: #333;
}
@keyframes scroll-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
</style>
<style>
.form {
display: flex;
flex-direction: column;
gap: 10px;
max-width: 400px;
background-color: #fff;
padding: 20px;
border-radius: 20px;
position: relative;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}
.title {
font-size: 28px;
color: #4e897c;
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: #4e897c;
}
.title::before {
width: 18px;
height: 18px;
background-color: #4e897c;
}
.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: #4e897c;
}
.signin a:hover {
text-decoration: underline #4e897c;
}
.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: #4e897c;
padding: 10px;
border-radius: 10px;
color: #fff;
font-size: 16px;
transform: .3s ease;
}
.submit:hover {
background-color: #006f9e;
cursor: pointer;
}
@keyframes pulse {
from {
transform: scale(0.9);
opacity: 1;
}
to {
transform: scale(1.8);
opacity: 0;
}
}
</style>
<style>
.video-section {
position: relative;
width: 100%;
height: 100vh; /* Full height of the viewport */
background: #000;
display: flex;
align-items: center;
justify-content: center;
}
.video-container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.video {
width: 100%;
height: 100%;
object-fit: cover;
}
.controls {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
}
.play-pause {
width: 80px;
height: 80px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.3s ease;
}
.play-pause span {
font-size: 36px;
color: #fff;
}
.play-pause:hover {
background: rgba(0, 0, 0, 0.7);
}
</style>
<style>
#button {
display: inline-block;
background-color: #4e897c;
width: 40px;
height: 40px;
border-radius: 10px;
position: fixed;
bottom: 20px;
right: 20px;
opacity: 0;
visibility: hidden;
z-index: 1000;
background-image: url('./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: 250px;
}
.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>
<?php
include_once('includes/common/header_menu.php');
include_once('includes/pages/pages.php');
include_once('includes/common/footer.php');
?>
<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 src="public/new-assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="public/new-assets/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="public/assets/js/modernizr.custom.26633.js"></script>
<script type="text/javascript" src="public/assets/js/jquery.gridrotator.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="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="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="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>
<!-- <div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","languages":["en","pa","hi"],"wrapper_selector":".gtranslate_wrapper"}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script> -->
<script>
$(".bell-icon").click(function () {
$(".notifi-listing").toggleClass('close-swipe');
});
//document.getElementById("notificationmainid1").style.display = "block";
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const imageModal = document.getElementById('imageModal');
const modalImage = document.getElementById('modalImage');
imageModal.addEventListener('show.bs.modal', function (event) {
const triggerElement = event.relatedTarget;
const imageUrl = triggerElement.getAttribute('data-bs-image');
modalImage.src = imageUrl;
});
});
</script>
<script>
// Duplicate notices for smooth looping
const noticeBoard = document.querySelector('.notice-board');
const notices = noticeBoard.innerHTML;
noticeBoard.innerHTML += notices;
</script>
<script>
const playPauseButton = document.getElementById('playPauseButton');
const video = document.getElementById('video');
const playIcon = document.getElementById('playIcon');
const pauseIcon = document.getElementById('pauseIcon');
// Toggle play/pause when the button is clicked
playPauseButton.addEventListener('click', () => {
if (video.paused) {
video.play();
playIcon.style.display = 'none';
pauseIcon.style.display = 'inline';
} else {
video.pause();
playIcon.style.display = 'inline';
pauseIcon.style.display = 'none';
}
});
// Ensure icons update correctly when the video ends (though it loops here)
video.addEventListener('play', () => {
playIcon.style.display = 'none';
pauseIcon.style.display = 'inline';
});
video.addEventListener('pause', () => {
playIcon.style.display = 'inline';
pauseIcon.style.display = 'none';
});
</script>
<script>
// AJAX form submission
$(document).ready(function () {
$('#contactForm').on('submit', function (e) {
e.preventDefault();
const formData = $(this).serialize();
const submitButton = $('#submit-button-contact');
submitButton.prop('disabled', true).text('Sending...');
// Send form data via AJAX
$.ajax({
type: 'POST',
url: 'send_email_contact_form.php',
data: formData,
success: function (response) {
if(response=='ok'){
$('#response-message-contact').text(response);
$('#contactForm')[0].reset();
// submitButton.prop('disabled', false).text('Send');
$('#response-message-contact').html('<div style="color:green;">We received you request. Our team will connect with you soon.</div>')
}
else{
$('#response-message-contact').html('<div style="color:red;">Form failed to submit else</div>')
}
submitButton.prop('disabled', false).text('Let\'s Connect');
},
error: function () {
submitButton.prop('disabled', false).text('Let\'s Connect');
$('#response-message-contact').html('<div style="color:red;">Form failed to submit</div>')
}
});
});
});
</script>
<script>
// AJAX form submission
$(document).ready(function () {
$('#contactForm1').on('submit', function (e) {
e.preventDefault();
const formData = $(this).serialize();
const submitButton = $('#submit-button-contact1');
submitButton.prop('disabled', true).text('Sending...');
// Send form data via AJAX
$.ajax({
type: 'POST',
url: 'send_email_contact_form.php',
data: formData,
success: function (response) {
if(response=='ok'){
$('#response-message-contact1').text(response);
$('#contactForm1')[0].reset();
// submitButton.prop('disabled', false).text('Send');
$('#response-message-contact1').html('<div style="color:green;">We received you request. Our team will connect with you soon.</div>')
}
else{
$('#response-message-contact1').html('<div style="color:red;">Form failed to submit else</div>')
}
submitButton.prop('disabled', false).text('Let\'s Connect');
},
error: function () {
submitButton.prop('disabled', false).text('Let\'s Connect');
$('#response-message-contact1').html('<div style="color:red;">Form failed to submit</div>')
}
});
});
});
</script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
// Function to check if the form and CAPTCHA are completed
function checkFormCompletion() {
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const phone = document.getElementById('phone').value;
const course = document.getElementById('course').value;
const address = document.getElementById('address').value;
const captchaResponse = grecaptcha.getResponse();
const submitButton = document.getElementById('submit-button-contact');
// Check if all required fields are filled and CAPTCHA is completed
if (name && email && phone && course && address > 0) {
submitButton.disabled = false;
} else {
submitButton.disabled = true;
}
}
// Event listener to check form completion when the user interacts with the form
document.getElementById('contactForm').addEventListener('input', checkFormCompletion);
// Check CAPTCHA response when it's solved
grecaptcha.ready(function() {
grecaptcha.enterprise.addEventListener('captcha-success', function() {
checkFormCompletion();
});
});
checkFormCompletion();
// Form submission handler
document.getElementById('contactForm').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent form submission
grecaptcha.reset();
// Optionally, disable the submit button again after resetting
document.getElementById('submit-button-contact').disabled = true;
});
</script>
</body>
</html>