|
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/agnibinase.org/backup-260225/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!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>Agnibina School Of Education </title>
<meta name="google-site-verification" content="" />
<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="icon" type="image/png" href="new-assets/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="new-assets/favicon/favicon.svg" />
<link rel="shortcut icon" href="new-assets/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="new-assets/favicon/apple-touch-icon.png" />
<link rel="manifest" href="new-assets/favicon/site.webmanifest" />
<link rel="stylesheet" href="new-assets/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="new-assets/css/style.css">
<link rel="stylesheet" href="new-assets/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/gallery-style.css" />
<!-- <link rel="stylesheet" href="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: #740325;
}
.title::before {
width: 18px;
height: 18px;
background-color: #740325;
}
.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(./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:#f3ebaa;
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>
</head>
<body>
<div class="black-bg"></div>
<div class="heroBanner">
<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" />
<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: 10px 30px;
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: 200px;
left: 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:#1ab69d; */
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:black;
}
.header-subtitle {
font-size: 14px; /* Smaller font for subtitle */
margin: 5px 0 0;
color:black; /* 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:#25b9a2;
color: white;
font-weight: bold;
border: none;
padding: 10px;
border-radius: 5px;
transition: background 0.3s;
}
.contact-form .btn:hover {
background-color: #e3d925c4;
color:#014545
}
/* Responsiveness */
@media (max-width: 767px) {
.contact-form {
position: static;
width: 90%;
margin: 20px auto;
padding: 15px;
border-radius: 8px;
}
.form-row {
grid-template-columns: 1fr;
}
}
</style>
<nav class="navbar navbar-expand-xl" aria-label="Main navigation">
<div class="container p-0">
<a href="index.html" class="d-flex align-items-center p-2 brand-logo b-home d-none">
<div><img src="new-assets/img/agnibina-logo.png" alt="" class="me-3 cu-logo" /></div>
</a>
<a href="index.php" class="d-flex align-items-center p-2 brand-logo b-inner">
<img src="new-assets/img/agnibina-logo.png" alt="" class="me-3 cu-logo" />
<img src="new-assets/img/agnibina-logo.png" alt="" class="odl-logo" style="display:block;"/>
</a>
<button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
<img src="new-assets/img/menu-burger.svg" alt="" width="40">
<small>Menu</small>
</button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav m-auto mb-2 mb-lg-0">
<li class="nav-item">
<a href="#about" class="nav-link">About Us</a>
</li>
<li class="nav-item ">
<a href="#course-section" class="nav-link">Courses</a>
</li>
<li class="nav-item">
<a href="#facility-section" class="nav-link">Facilities</a>
</li>
<li class="nav-item ">
<a href="#affiliation-section" class="nav-link">Affiliation</a>
</li>
<li class="nav-item">
<a href="#gallery" class="nav-link">Gallery</a>
</li>
<li class="nav-item">
<a href="#notice-section" class="nav-link">Notice Board</a>
</li>
</ul>
<div class="d-flex nav-btn flex-column flex-column-reverse">
<a href="#" type="button" class="btn header-btn">Contact Us</a>
</div>
<!-- <a href="tel:+91 73840-52529" type="button" class="call-btn d-flex justify-content-evenly align-items-center">
<img src="new-assets/img/phone-call-icon-white.png" alt="phone call icon" width="35" class="me-2">
<div class="helpline"><span class="d-block">Toll Free:</span>+91-9434240040</div>
</a> -->
</div>
</div>
</nav>
<div class="heroSlider owl-carousel owl-theme">
<div class="heroSlider__item">
<img src="new-assets/img/banner1.jpg" alt="" class="w-100" />
</div>
<div class="heroSlider__item">
<img src="new-assets/img/banner2.jpg" alt="" class="w-100" />
</div>
</div>
<div class="contact-form">
<div class="contact-form-header">
<h1 class="header-title">Start Your Journey with Us!</h1>
<p class="header-subtitle">Turn your dreams into reality today.</p>
</div>
<!-- Enquiry Form -->
<form id="enquiryForm" action="mail.php" method="post">
<div class="form-row">
<div class="form-group mb-4">
<input type="text" class="form-control" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group mb-4">
<input type="tel" class="form-control" name="phone" id="phone" placeholder="Enter your phone number">
</div>
</div>
<div class="form-row">
<div class="form-group mb-4">
<input type="email" class="form-control" name="email" id="email" placeholder="Enter your email">
</div>
<div class="form-group mb-4">
<select class="form-control" name="course" id="course">
<option value="" disabled selected>Select Course</option>
<option value="B.ed">B.ED</option>
<option value="D.eL.ed">D.EL.ED</option>
</select>
</div>
</div>
<div class="form-row">
<div class="form-group mb-4">
<input type="text" class="form-control" name="dob" id="dob" placeholder="Date Of Birth">
</div>
<div class="form-group mb-4">
<select class="form-control" name="gender" id="gender">
<option value="" disabled selected>Select Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<div class="mb-4">
<div class="form-group mb-4">
<input type="text" class="form-control" name="qualification" id="qualification" placeholder="Enter your qualification">
</div>
</div>
<div class="mb-4">
<div class="form-group mb-4">
<input type="text" class="form-control" name="address" id="address" placeholder="Enter your address">
</div>
</div>
<button type="submit" class="btn btn-primary send">Submit</button>
</form>
</div>
</div>
<!-- affiliation -->
<div class="feature-area fa-negative" id="affiliation-section">
<div class="col-xl-7 ms-auto">
<div class="feature-wrapper">
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<span class="count">01</span>
<div class="feature-icon">
<img src="new-assets/img/National_Council_for_Teacher_Education.svg.png" alt="National Council for Teacher Education Logo">
</div>
<div class="feature-content">
<h4 class="feature-title">Recognized by NCTE</h4>
<p>Our institution is approved by the National Council for Teacher Education, ensuring quality education for aspiring teachers.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<span class="count">02</span>
<div class="feature-icon">
<img src="new-assets/img/WBUTTEPA_KOLKATA_LOGO.png" alt="WBUTTEPA Kolkata Logo">
</div>
<div class="feature-content">
<h4 class="feature-title">Affiliated with WBUTTEPA</h4>
<p>We are affiliated with the West Bengal University of Teachers' Training, Education Planning, and Administration, offering certified programs.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<span class="count">03</span>
<div class="feature-icon">
<img src="new-assets/img/wbbpe.png" alt="WBUTTEPA Kolkata Logo">
</div>
<div class="feature-content">
<h4 class="feature-title">Recognized by
WBBPE</h4>
<p>Our programs are recognized by the West Bengal Board of Primary Education (WBBPE),ensuring high standards of teacher training.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about section -->
<div class="about-area py-120" id="about">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-lg-6">
<div class="about-left wow fadeInLeft" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInLeft;">
<div class="about-img">
<div class="row g-4">
<div class="col-md-6">
<img class="img-1" src="new-assets/about/about1.png" alt="">
<div class="about-experience mt-4">
<div class="about-experience-icon">
<img src="new-assets/img/new-icon.svg" alt="">
</div>
<b class="text-start">Best<br>B.ed & D.el.ed College</b>
</div>
</div>
<div class="col-md-6">
<img class="img-2" src="new-assets/about/about2.png" alt="">
<img class="img-3 mt-4" src="new-assets/about/about4.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="about-right wow fadeInRight" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInRight;">
<div class="site-heading mb-3">
<span class="site-title-tagline"><i class="fa-solid fa-book-open-reader" style="color: #f3ebaa;"></i> About Us</span>
<h2 class="site-title">
Our Education System <span>Inspires</span> You More.
</h2>
</div>
<p class="about-text">
Agnibina School of Education, located in Lohapur, Nalhati, Birbhum, West Bengal 731237, is an educational institution dedicated to providing quality education to students in the region.
</p>
<div class="about-content">
<div class="row">
<div class="col-md-12">
<div class="about-item">
<div class="about-item-icon">
<img src="new-assets/img/open-book.svg" alt="">
</div>
<div class="about-item-content">
<h5>Our Vision</h5>
<p>At Agnibina School of Education, we cultivate an inclusive environment that empowers students to become responsible citizens and future leaders with critical thinking skills.
</p>
</div>
</div>
<div class="about-item">
<div class="about-item-icon">
<img src="new-assets/img/global-education.svg" alt="">
</div>
<div class="about-item-content">
<h5>Our Mission</h5>
<p>Our mission is to offer educational programs that meet our students' diverse needs, inspiring them through modern teaching methods and a supportive community.</p>
</div>
</div>
</div>
<div class="col-md-12">
<div class="about-quote">
<p>“Education is not just about going to school and getting a degree. It’s about widening your knowledge and absorbing the truth about life.”</p>
<i class="fa-solid fa-quote-right"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- affiliation -->
<!-- <section id="approvals">
<div class="container">
<div class="row">
<center class="c15">
<h3>Affiliation & <span class="black">Approvals</span></h3>
<br>
</center>
<div class="col-md-12">
<p class="apr-hp">We strive to enhance the value of education by achieving notable affiliations and approvals.</p>
</div>
</div>
<div class="row">
<div class="col-md-3 col-6">
<div class="box-apr">
<img src="new-assets/img/AICTE-Logo.webp" class="apr-img">
<p>All India Council for Technical Education (AICTE)</p>
</div>
</div>
<div class="col-md-3 col-6">
<div class="box-apr">
<img src="new-assets/img/makutlogo.png" class="apr-img">
<p>Maulana Abul Kalam Azad University of Technology (MAKAUT)</p>
</div>
</div>
<div class="col-md-3 col-6">
<div class="box-apr">
<img src="new-assets/img/Pharmacy_Council_of_India_Logo.png" class="apr-img">
<p>Pharmacy Council of India (PCI)</p>
</div>
</div>
<div class="col-md-3 col-6">
<div class="box-apr">
<img src="new-assets/img/wbhs1.png" class="apr-img">
<p>West Bengal Health Services (WBHS)</p>
</div>
</div>
</div>
</div>
</section> -->
<!-- affiliation section -->
<section class="ranking-section">
<div class="rankingNumbers">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1">
<div class="row g-0">
<div class="col-lg-3 col-md-3 col-6">
<div class="rankingNumbers__thumb ps-0">
<span>60+</span>
<p>majors and minors</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6">
<div class="rankingNumbers__thumb ps-0">
<span>74%</span>
<p>Students placed Every year</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6">
<div class="rankingNumbers__thumb">
<span>93%</span>
<p>of undergraduates receive financial aid.</p>
</div>
</div>
<div class="col-lg-3 col-md-3 col-6">
<div class="rankingNumbers__thumb">
<span>50+</span>
<p>Best Faculty</p>
</div>
</div>
<!--<div class="col-lg-3 col-md-3 col-6">
<div class="rankingNumbers__thumb">
<span>350+</span>
<p>Corporate Mentors from<br> leading MNCs</p>
</div>
</div>-->
</div>
</div>
</div>
</div>
</div>
</section>
<div class="course-area py-120" id="course-section">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="site-heading text-center">
<span class="site-title-tagline"><i class="fa-solid fa-book-open-reader" style="color: #f3ebaa;"></i> Our Courses</span>
<h2 class="site-title">Explore Our <span>Programs</span></h2>
<p>Empowering educators for a brighter future through comprehensive and engaging teaching programs.</p>
</div>
</div>
</div>
<div class="row">
<!-- B.Ed. Course -->
<div class="col-md-6 col-lg-6">
<div class="course-item wow fadeInUp" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
<div class="course-img">
<span class="course-tag"><i class="fa-regular fa-bookmark"></i> B.Ed.</span>
<img src="new-assets/about/course1.png" alt="B.Ed. Program">
<a href="#" class="btn"><i class="fa-solid fa-link"></i></a>
</div>
<div class="course-content">
<!-- <div class="course-meta">
<span class="course-meta-left"><i class="fa-solid fa-book"></i> 12 Modules</span>
<div class="course-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
<span>(4.5)</span>
</div>
</div> -->
<h4 class="course-title">
<a href="#">Bachelor of Education (B.Ed.)</a>
</h4>
<p class="course-text">
A two-year program designed to prepare educators with the skills, knowledge, and pedagogy to transform teaching practices.
</p>
<div class="course-bottom">
<div class="course-bottom-left">
<span><i class="fa-solid fa-users"></i>100 Seats</span>
<span><i class="far fa-clock"></i>02 Years</span>
</div>
<a href="#"><span class="course-price">Apply Now</span></a>
</div>
</div>
</div>
</div>
<!-- D.El.Ed. Course -->
<div class="col-md-6 col-lg-6">
<div class="course-item wow fadeInUp" data-wow-delay=".50s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="course-img">
<span class="course-tag"><i class="far fa-bookmark"></i> D.El.Ed.</span>
<img src="new-assets/about/course2.jpg" alt="D.El.Ed. Program">
<a href="#" class="btn"><i class="fa-solid fa-link"></i></a>
</div>
<div class="course-content">
<!-- <div class="course-meta">
<span class="course-meta-left"><i class="fa-solid fa-book"></i> 10 Modules</span>
<div class="course-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i>
<span>(4.2)</span>
</div>
</div> -->
<h4 class="course-title">
<a href="#">Diploma in Elementary Education (D.El.Ed.)</a>
</h4>
<p class="course-text">
A two-year diploma program aimed at preparing elementary school teachers with modern teaching techniques and skills.
</p>
<div class="course-bottom">
<div class="course-bottom-left">
<span><i class="fa-solid fa-users"></i>50 Seats</span>
<span><i class="far fa-clock"></i>02 Years</span>
</div>
<a href="#"><span class="course-price">Apply Now</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- why choose us -->
<div class="choose-area pt-80 pb-80" id="facility-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="choose-content wow fadeInUp" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
<div class="choose-content-info">
<div class="site-heading mb-0">
<span class="site-title-tagline"><i class="fa-solid fa-book-open-reader" style="color: #f3ebaa;"></i> Why Choose Us</span>
<h2 class="site-title mb-10">We Are Expert & <span>Do Our Best</span> For Your Goal</h2>
<p class="">
At Agnibina School of Education, we are dedicated experts committed to helping you achieve your teaching aspirations.
</p>
</div>
<div class="choose-content-wrap">
<div class="row g-4">
<div class="col-md-6">
<div class="choose-item">
<div class="choose-item-icon">
<img src="new-assets/img/teacher-2.svg" alt="">
</div>
<div class="choose-item-info">
<h4>Expert Teachers</h4>
<p>Our dedicated team of expert educators is committed to helping you achieve your goals.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="choose-item">
<div class="choose-item-icon">
<img src="new-assets/img/course-material.svg" alt="">
</div>
<div class="choose-item-info">
<h4>Courses Material</h4>
<p>We offer high-quality course materials to engage and inspire students.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="choose-item">
<div class="choose-item-icon">
<img src="new-assets/img/online-course.svg" alt="">
</div>
<div class="choose-item-info">
<h4>Hostel Facility</h4>
<p>
Our hostel offers a safe, comfortable, and supportive space for students.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="choose-item">
<div class="choose-item-icon">
<img src="new-assets/img/money.svg" alt="">
</div>
<div class="choose-item-info">
<h4>Affordable Price</h4>
<p> We offer competitive pricing to ensure that everyone can benefit from our programs. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="choose-img wow fadeInRight" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInRight;">
<img src="new-assets/about/why-choose1.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- video section -->
<div class="video-area">
<div class="container">
<div class="row g-4">
<div class="col-lg-4 wow fadeInLeft" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInLeft;">
<div class="site-heading mb-3">
<span class="site-title-tagline"><i class="fa-solid fa-book-open-reader" style="color: #f3ebaa;"></i> Latest Video</span>
<h2 class="site-title">
Let's Check Our <span>Latest</span> Video
</h2>
</div>
<p class="about-text">
Watch as we showcase the inspiring journey of future educators at Agnibina School of Education, where every lesson and moment is dedicated to your success.
</p>
<a href="about.html" class="theme-btn mt-30">Learn More<i class="fas fa-arrow-right-long"></i></a>
</div>
<div class="col-lg-8 wow fadeInRight" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInRight;">
<div class="video-content">
<div class="video-content">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="video-wrapper">
<video autoplay muted loop>
<source src="./new-assets/img/video/gcp.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<a class="play-btn" href="./new-assets/img/video/gcp.mp4">
<i class="fa-solid fa-play" style="color: #ffffff;margin-top: 27px;justify-content: center;text-align: center;"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- notice board section -->
<section id="notice-section" class="notice-board-section pt-90 pb-90">
<div class="container">
<div class="col-lg-6 mx-auto">
<div class="site-heading text-center">
<span class="site-title-tagline"><i class="fa-solid fa-bullhorn" style="color: #f3ebaa;"></i> Notice Board</span>
<h2 class="site-title">Stay Updated with <span>Announcements</span></h2>
<p>Find the latest news, important updates, and key information all in one place.</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-4">
<div class="notice-board-image">
<img src="new-assets/img/notice-board.png" alt="Notice Board" class="img-fluid rounded shadow">
</div>
</div>
<div class="col-lg-8">
<div class="notice-board bg-light border rounded p-4">
<h4>Notice board</h4>
<marquee behavior="scroll" direction="up" scrollamount="3" class="marquee-notices">
<ul class="list-unstyled">
<li class="py-2 border-bottom">
<strong>Notice 1:</strong> Admissions for the new session are now open. Apply before the deadline.<span style="color: red;">*new</span>
</li>
<li class="py-2 border-bottom">
<strong>Notice 2:</strong> The next webinar on "Advanced Learning Techniques" will be held on January 15th.<span style="color: red;">*new</span>
</li>
<li class="py-2 border-bottom">
<strong>Notice 3:</strong> Exam schedules have been updated. Check the student portal for details.<span style="color: red;">*new</span>
</li>
<li class="py-2 border-bottom">
<strong>Notice 4:</strong> Campus placements begin next month. Prepare your resumes!
</li>
<li class="py-2">
<strong>Notice 5:</strong> New courses in Data Science and AI are now available for registration.
</li>
</ul>
</marquee>
</div>
</div>
</div>
</div>
</section>
<!-- contact section -->
<!-- gallery section -->
<section class="gallery" id="gallery">
<div class="container">
<div class="col-lg-6 mx-auto">
<div class="site-heading text-center">
<span class="site-title-tagline"><i class="fa-solid fa-images" style="color: #f3ebaa;"></i> Photo Gallery</span>
<h2 class="site-title">Discover Our <span>Highlights</span></h2>
<p>Take a glimpse into our vibrant community, showcasing moments of learning, growth, and achievement.</p>
</div>
</div>
<div class="uk-child-width-1-3@m" uk-grid uk-lightbox="animation: scale">
<div>
<a class="uk-inline" href="./new-assets/gallery/images1.jpg" data-caption="Caption 1">
<img src="./new-assets/gallery/images1.jpg" width="1800" height="1200" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="./new-assets/gallery/images2.jpg" data-caption="Caption 2">
<img src="./new-assets/gallery/images2.jpg" width="1800" height="1200" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="./new-assets/gallery/images3.jpg" data-caption="Caption 3">
<img src="./new-assets/gallery/images3.jpg" width="1800" height="1200" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="./new-assets/gallery/images4.jpg" data-caption="Caption 3">
<img src="./new-assets/gallery/images4.jpg" width="1800" height="1200" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="./new-assets/gallery/images5.jpg" data-caption="Caption 3">
<img src="./new-assets/gallery/images5.jpg" width="1800" height="1200" alt="">
</a>
</div>
<div>
<a class="uk-inline" href="./new-assets/gallery/images2.jpg" data-caption="Caption 3">
<img src="./new-assets/gallery/images2.jpg" width="1800" height="1200" alt="">
</a>
</div>
</div>
</div>
</section>
<footer class="footer pt-5">
<div class="footer__inner">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 footer-cont">
<div class="ft-logo">
<a href="/"><img src="new-assets/img/agnibina-logo.png" alt="" width="250"></a>
</div>
<p>
Agnibina School of Education is approved by the National Council for Teacher Education (NCTE), New Delhi. The Bachelor of Education (B.Ed.) program is affiliated Affiliated with WBUTTEPA, ensuring quality education and academic excellence for aspiring educators.
</p>
<br>
<a href="#" class="btn btn-lg cta-btn cta-btn-sm">Know More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
</svg></a>
</div>
<div class="col-lg-2 col-6 footerLinks">
<h4>Important Links</h4>
<ul class="list-unstyled mb-0">
<li><a href="#">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#affiliation-section">Affiliation</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footerLinks">
<h4>Quick Access</h4>
<ul class="list-unstyled mb-0">
<li><a href="#gallery">Gallery</a></li>
<li><a href="#facility-section">Facilities</a></li>
<li><a href="#course-section">Course</a></li>
<li><a href="#notice-section">Notice board</a></li>
</ul>
</div>
<div class="col-lg-4 footerLinks">
<h4>Contact Us Anytime</h4>
<ul class="list-unstyled mb-0">
<li>
<address>
Vill: Lohapur P.S: Nalhati, West Bengal - 731237 Dist : Birbhum ,West Bengal - 731237
</address>
</li>
<li><span>Toll Free:</span><a href="tel:
+919434240040" class="yellow-text">
+919434240040</a>
</li>
<li><span>Email:</span><a href="mailto:contact.agnibina@gmail.com
"
class="yellow-text">contact.agnibina@gmail.com
</a></li>
</ul>
<div class="socialMedia mt-3">
<ul class="list-unstyled d-flex">
<li>
<a href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg>
</a>
</li>
<li>
<a href="https://wa.me/917527030513?text=Hi" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer__copyright">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-6">
<ul class="list-unstyled d-flex mb-0 justify-content-md-start justify-content-center">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Mandatory Disclosure</a></li>
</ul>
</div>
<div class="col-lg-8 col-sm-12">
<p class="mb-0 text-center">
© 2025-26 | Agnibina School Of Education. All rights reserved.Powered by <a href="https://www.ncriptech.com" target="_blank">Ncriptech</a>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<a id="button"></a>
<script>
// Set the date we're counting down to
var countDownDate = new Date("November 15, 2024 23:59:59").getTime();
// Update the count down every 1 second
var x = setInterval(function () {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor(
(distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
);
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
/*
document.getElementById("demo").innerHTML =
days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
*/
document.getElementById("demo").innerHTML =
"<div class='demo-timerblock'>" +
days +
"d </div><div class='demo-timerblock'>" +
hours +
"h </div><div class='demo-timerblock'>" +
minutes +
"m </div><div class='demo-timerblock'>" +
seconds +
"s " +
"</div>";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
$(".allNotification__icon").on("click", function () {
if (window.localStorage.toggled != "show") {
$(".allNotification__list").addClass("show", true);
window.localStorage.toggled = "show";
} else {
$(".allNotification__list").removeClass("show", false);
window.localStorage.toggled = "";
}
});
var clickofnotification=1;
function clicknotifyfn()
{
if(clickofnotification==1)
{
clickofnotification=0;
document.getElementById("onoffnotificationid").style.display = "none";
}
else
{
clickofnotification=1;
document.getElementById("onoffnotificationid").style.display = "block";
}
}
</script>
<style>
#button {
display: inline-block;
background-color:#014545;
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: 220px;
}
.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="assets/js/jquery-migrate-3.4.0.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<script src="new-assets/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="new-assets/js/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.26633.js"></script>
<script type="text/javascript" src="assets/js/jquery.gridrotator.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>
<!-- SweetAlert for Success Messages -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></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="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="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="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="new-assets/img/angle-left.svg" alt="">', '<img src="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="new-assets/img/angle-left.svg" alt="">', '<img src="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).ready(function () {
// 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, // Ensure the address is not empty and at least 10 characters
}
},
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) {
Swal.fire({
title: response.status ? 'Success!' : 'Error!',
text: response.message,
icon: response.status ? 'success' : 'error',
confirmButtonText: 'OK',
});
if (response.status) {
$("#admissionForm")[0].reset();
}
},
error: function () {
Swal.fire({
title: 'Error!',
text: 'An error occurred while submitting the form. Please try again.',
icon: 'error',
confirmButtonText: 'OK',
});
},
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) {
Swal.fire({
title: response.status ? 'Success!' : 'Error!',
text: response.message,
icon: response.status ? 'success' : 'error',
confirmButtonText: 'OK',
});
if (response.status) {
$("#enquiryForm")[0].reset();
}
},
error: function () {
Swal.fire({
title: 'Error!',
text: 'An error occurred while submitting the form. Please try again.',
icon: 'error',
confirmButtonText: 'OK',
});
},
complete: function () {
$('.send').prop('disabled', false).text('Submit');
},
});
},
});
});
</script>
</body>
</html>