|
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/gitanjalicn.in/backup/ |
| [ 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>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" />
<meta name="google-site-verification" content="google-site-verification=1XTIvuykuHoXcrUr-9M1OZfP2gJPNCw7vY8NtBvTHSA" />
<link rel="canonical" href="" />
<link rel="dns-prefetch" href="">
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="Education" />
<meta property="og:title"
content=" ">
<meta property="og:description"
content=" .">
<meta property="og:url" content="" />
<meta property="og:site_name" content=" " />
<meta name="dc.title"
content=""
content=" ">
<meta name="dc.keywords"
content=" ">
<meta name="dc.language" content="En">
<meta name="dc.source" content="">
<meta name="dc.subject" content="University, Education">
<meta name="dc.publisher" content="">
<link rel="shortcut icon" href="new-assets/img/fevicon.png" type="image/x-icon">
<link rel="stylesheet" href="new-assets/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="new-assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/gallery-style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
<link rel="stylesheet" href="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>
<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>
<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;
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: 1000;
}
.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('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('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>
<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/gitanjali-nursing-logo.png" alt="" class="me-3 cu-logo" /></div>
<!-- <div class="logo-flip d-flex flex-column">
<img src="new-assets/img/odl-logo.svg" alt="" class="odl-logo" style="display:block;"/>
</div> -->
</a>
<!-- <a href="index.php" class="d-flex align-items-center p-2 brand-logo b-inner">
<img src="new-assets/img/gitanjali-nursing-logo.png" alt="" class="me-3 cu-logo" />
<img src="new-assets/img/gitanjali-nursing-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-section" 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-section" 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="#contact-section" 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 8768000093</div>
</a> -->
</div>
</div>
</nav>
<div class="heroSlider owl-carousel owl-theme">
<div class="heroSlider__item">
<img src="new-assets/img/banner.png" alt="" class="w-100" />
</div>
<div class="heroSlider__item">
<img src="new-assets/img/banner1.png" alt="" class="w-100" />
</div>
<div class="heroSlider__item">
<img src="new-assets/img/banner2.png" alt="" class="w-100" />
</div>
</div>
<div class="contact-form">
<div class="contact-form-header">
<h2>Free Counseling</h2>
<h6>Request a call back Now</h6>
</div>
<form id="contactForm" action="send_email_contact_form.php" method="POST">
<div class="form-row">
<div class="form-group mb-3">
<input type="text" class="form-control" id="firstName" name="firstName" placeholder="First Name">
</div>
<div class="form-group mb-3">
<input type="text" class="form-control" id="lastName" name="lastName" placeholder="Last Name">
</div>
</div>
<div class="form-row">
<div class="form-group mb-3">
<input type="tel" class="form-control" id="phone" name="phone" placeholder="Phone Number">
</div>
</div>
<div class="form-row">
<div class="form-group mb-3">
<input type="email" class="form-control" id="email" name="email" placeholder="Email">
</div>
</div>
<div class="form-row">
<div class="form-group mb-3">
<!-- <label for="phone" class="form-label">Phone Number</label> -->
<input type="text" class="form-control" id="city" name="city" placeholder="City">
</div>
<div class="form-group mb-43">
<!-- <label for="email" class="form-label">Email</label> -->
<input type="text" class="form-control" id="state" name="state" placeholder="State">
</div>
</div>
<div class="form-row">
<div class="form-group mb-4">
<!-- <label for="course" class="form-label">Course</label> -->
<input type="text" class="form-control" id="course" name="course" placeholder="Choose Course">
</div>
</div>
<button id="submit-button-contact" type="submit" class="btn btn-primary">Submit</button>
<div id="response-message-contact"></div>
</form>
</div>
</div>
<!-- <section id="affiliation-section" class="objective-section">
<div class="container">
<div class="objective-section__slider owl-carousel owl-theme">
<div class="objective-section__slider--item">
<img src="new-assets/img/AICTE-Logo.webp" alt="" class="objective-image" >
<h3>AICTE Approval</h3>
</div>
<div class="objective-section__slider--item">
<img src="new-assets/img/wbsctelogo.png" alt="" class="objective-image" >
<h3>W.B.S.C.T.E & V.E & S.D Approval</h3>
</div>
<div class="objective-section__slider--item" >
<img src="new-assets/img/makutlogo.png" alt="" class="objective-image" >
<h3>MAKAUT Approval</h3>
</div>
<div class="objective-section__slider--item">
<img src="new-assets/img/Pharmacy_Council_of_India_Logo.png" alt="" class="objective-image" >
<h3>PCI Approvals</h3>
</div>
<div class="objective-section__slider--item">
<img src="new-assets/img/AICTE-Logo.webp" alt="" class="objective-image" >
<h3>AICTE Approval</h3>
</div>
<div class="objective-section__slider--item">
<img src="new-assets/img/Pharmacy_Council_of_India_Logo.png" alt="" class="objective-image" >
<h3>PCI Approvals</h3>
</div>
</div>
</div>
</section> -->
<!-- about section -->
<section id="about-section" class="about-seciton my-5 pt-5">
<div class="container position-relative">
<div class="row">
<div class="col-md-5">
<img src="new-assets/img/about-section1.gif" alt="" width="100%">
</div>
<div class="col-md-7">
<div class="about-seciton__content">
<div class="main-heading">
<div class="heading-muted">about us</div>
<h1>Gitanjali <span>Institute of Nusing</span></h1>
</div>
<p style="
text-align: justify;
">Welcome to the Gitanjali Institute of Nursing, a premier educational institution located in Lohapur, Kantagaria, West Bengal. We are committed to nurturing the next generation of skilled healthcare professionals through our comprehensive nursing programs. Our mission is to provide quality nursing education and practical training to prepare students for successful careers in healthcare. <br> <br>At the Gitanjali Institute of Nursing, students can pursue a variety of courses designed to meet the demands of the healthcare industry. These programs typically include the Bachelor of Science in Nursing (B.Sc. Nursing) and General Nursing and Midwifery (GNM), among others.
<span class="gap-30"></span>
</p>
<!-- <div class="row">
<div class="col-lg-6">
<div class="main-heading">
<h1>Our <span>Mission</span></h1>
</div>
<p>Pharmaceutical colleges aim to train and educate students to become skilled professionals in the field of pharmacy. They provide comprehensive learning experiences to equip students with the knowledge, skills, and values necessary to excel in pharmaceutical sciences, patient care, research, and community service.</p>
</div>
<div class="col-lg-6">
<div class="main-heading">
<h1>Our <span>Vission</span></h1>
</div>
<p>Our Colleges aims to be a pioneer in pharmaceutical education and research. We envision a future where our graduates are at the forefront of healthcare innovation, making meaningful contributions to society through their expertise in pharmacy.</p>
</div>
</div> -->
<span class="gap-30"></span>
</div>
</div>
</div>
</div>
</section>
<!-- VIDEO SECTION -->
<section class="video-section">
<div class="video-container">
<video id="video" class="video" loop muted>
<source src="new-assets/videos/banner_2.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="controls">
<div class="play-pause" id="playPauseButton">
<span id="playIcon" style="display: none;">▶</span>
<span id="pauseIcon">⏸</span>
</div>
</div>
</div>
</section>
<!-- affiliation section -->
<!-- Popular Programs -->
<section id="course-section" class="program-section pt-90 pb-90 section-bg" id="programs">
<div class="container">
<div class="main-heading text-center">
<div class="heading-muted">programs</div>
<h2>Take a look at our <span>Popular Programs</span></h2>
<p>Explore our Popular Programs designed for inspirational and experiential learning. These programs are
<br>recognized and tailored to meet the challenging needs of the industry.
</p>
</div>
<div class="row g-4 mt-5">
<div class=" col-xl-6 col-sm-6 cards">
<div class="card program-section__card ">
<img src="new-assets/img/bsc-nursing.jpg" class="card-img-top" alt="...">
<div class="program-body-card">
<div class="card-body">
<a href="#" class="card-title">Bachelor of Science in Nursing(BSC Nursing)</a>
<p class="card-text block-ellipsis">The Bachelor of Science in Nursing is a 4-year undergraduate program designed for those aspiring to become proficient nurses. To qualify for admission, students must have completed their higher secondary education with a minimum of 50% marks in the science stream, including English, Chemistry, Biology, and Physics. <br><br>
The curriculum expands upon essential topics such as anatomy, physiology, pharmacology, and nursing ethics, ensuring that students develop the necessary skills for patient care. Graduates are well-prepared for diverse career opportunities in healthcare, with a focus on providing comprehensive patient-centered care.
</p>
<div class="program-eligibility">
<h5 class="card-title"><small>Comprehensive healthcare education</small></h5><br>
<h5 class="card-title"><small>Clinical Exposure and Practical Training</small></h5><br>
<h5 class="card-title"><small>Patient-centered care focus</small></h5><br>
<h5 class="card-title"><small>Diverse career opportunities
</small></h5>
</div>
</div>
<div class="card-footer">
<div class="row align-items-center g-0">
<div class="col-5">
<div class="prog-duration d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#2c345b"
class="bi bi-clock" viewBox="0 0 16 16">
<path
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" />
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" />
</svg>
<span>4 Years</span>
</div>
</div>
<div class="col-7 text-end">
<a href="ba.php" class="btn btn-lg cta-btn cta-btn-sm stretched-link">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>
</div>
</div>
</div>
</div>
<div class=" col-xl-6 col-sm-6 cards">
<div class="card program-section__card ">
<img src="new-assets/img/gnm-nursing.jpg" class="card-img-top" alt="...">
<div class="program-body-card">
<div class="card-body">
<a href="#" class="card-title">General Nursing and Midwifery(GNM Nursing)</a>
<p class="card-text block-ellipsis">Our General Nursing and Midwifery diploma program spans 3 years and offers in-depth training in nursing care and midwifery practices. The program covers critical subjects like pediatric nursing, psychiatric nursing, and community health nursing, equipping students with practical skills needed in various healthcare settings. <br><br>
This comprehensive approach to nursing education ensures that graduates can offer holistic care to individuals and families while advancing their careers in nursing and midwifery.
</p>
<div class="program-eligibility">
<h5 class="card-title"><small>Comprehensive healthcare education</small></h5><br>
<h5 class="card-title"><small>Clinical Exposure and Practical Training</small></h5><br>
<h5 class="card-title"><small>Patient-centered care focus</small></h5><br>
<h5 class="card-title"><small>Diverse career opportunities
</small></h5>
</div>
</div>
<div class="card-footer">
<div class="row align-items-center g-0">
<div class="col-5">
<div class="prog-duration d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="#2c345b"
class="bi bi-clock" viewBox="0 0 16 16">
<path
d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" />
<path
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" />
</svg>
<span>3 Years</span>
</div>
</div>
<div class="col-7 text-end">
<a href="ba.php" class="btn btn-lg cta-btn cta-btn-sm stretched-link">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>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- reasons -->
<section id="course-section" class="program-section pt-5 pb-5 section-bg" id="programs">
<div class="container">
<div class="main-heading text-center">
<div class="heading-muted">reasons</div>
<h2>Top reason to join <span>Gitanjali Institute of Nusing</span></h2>
<p>Choosing the right nursing school is essential for a rewarding career in healthcare. <br> Here are the top reasons why Gitanjali Institute of Nursing stands out: </p>
</div>
<div class="row">
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".75s" style="visibility: visible; animation-delay: 0.75s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/data.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Accredited Programs</a></h4>
<p>Our nursing programs are globally recognized and accredited, ensuring high academic standards essential for a successful nursing career.</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".75s" style="visibility: visible; animation-delay: 0.75s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/data.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Experienced Faculty</a></h4>
<p>Learn from qualified instructors with significant practical and teaching experience, dedicated to fostering a supportive environment.</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".75s" style="visibility: visible; animation-delay: 0.75s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/data.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Clinical Training Opportunities</a></h4>
<p>Gain hands-on experience through numerous clinical exposure opportunities in hospitals and clinics.
</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay="1s" style="visibility: visible; animation-delay: 1s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/health.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Advanced Facilities & Resources</a></h4>
<p>Access state-of-the-art nursing labs and simulation centers for safe practice and enhanced learning.</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".50s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/information.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Career Opportunities</a></h4>
<p>Benefit from placement assistance and career counseling to secure job placements after graduation.
</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".50s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/information.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Research & Innovation</a></h4>
<p>Participate in innovative nursing research and stay updated with the latest healthcare practices.</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".50s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/information.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Flexible Learning Options</a></h4>
<p>Enjoy adaptable learning schedules and online courses to balance work and study effectively.</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="department-item wow fadeInUp" data-wow-delay=".50s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
<div class="department-icon">
<img src="assets/img/icon/information.svg" alt="">
</div>
<div class="department-info">
<h4 class="department-title"><a href="#">Strong Alumni Network</a></h4>
<p>Join a supportive alumni network offering mentorship and job referral opportunities long after graduation.</p>
<div class="department-btn">
<a href="#">Read More<i class="fas fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 4 cards section -->
<section class="ranking-section" style="background-color: #e8e8e8;">
<div class="counter-area pt-60 pb-60">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="counter-box">
<div class="icon">
<img src="https://live.themewild.com/eduka/assets/img/icon/course.svg" alt="">
</div>
<div style=" color: white;">
<span class="counter" data-count="+" data-to="500" data-speed="3000">500</span>
<h6 class="title">+ Total Cources </h6>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="counter-box">
<div class="icon">
<img src="https://live.themewild.com/eduka/assets/img/icon/course.svg" alt="">
</div>
<div style=" color: white;">
<span class="counter" data-count="+" data-to="1900" data-speed="3000">1900</span>
<h6 class="title">+ Our Students</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="counter-box">
<div class="icon">
<img src="https://live.themewild.com/eduka/assets/img/icon/course.svg" alt="">
</div>
<div style=" color: white;">
<span class="counter" data-count="+" data-to="750" data-speed="3000">750</span>
<h6 class="title">+ Skilled Lecturers</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="counter-box">
<div class="icon">
<img src=" https://live.themewild.com/eduka/assets/img/icon/award.svg" alt="">
</div>
<div style=" color: white;">
<span class="counter" data-count="+" data-to="30" data-speed="3000">30</span>
<h6 class="title">+ Win Awards</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rankingUni affiliation-main-spacing">
<div class="container">
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="feature-item wow fadeInUp" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
<span class="count">01</span>
<div class="feature-icon">
<img src="new-assets/img/AICTE-Logo.webp" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Affiliated By INC</h4>
<p>Indian Nursing Council</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-item active wow fadeInDown" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInDown;">
<span class="count">02</span>
<div class="feature-icon">
<img src="new-assets/img/makutlogo.png" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Affiliated By WBNC</h4>
<p>West Bengal Nursing Council</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-item wow fadeInUp" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInUp;">
<span class="count">03</span>
<div class="feature-icon">
<img src="new-assets/img/wbsctelogo.png" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Affiliated By WBUHS</h4>
<p>West Bengal University of Health Sciences</p>
</div>
</div>
</div>
<!-- <div class="col-md-6 col-lg-3">
<div class="feature-item wow fadeInDown" data-wow-delay=".25s" style="visibility: visible; animation-delay: 0.25s; animation-name: fadeInDown;">
<span class="count">04</span>
<div class="feature-icon">
<img src="new-assets/img/Pharmacy_Council_of_India_Logo.png" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Affiliated By PCI</h4>
<p>Pharmacy Council of India</p>
</div>
</div>
</div> -->
</div>
</div>
</div>
</section>
<!-- notice-section -->
<section id="notice-section" class=" pt-90 pb-90 notice-board-background-img">
<div class="container">
<div class="row">
<div class="col-7">
<div class="main-heading">
<div class="heading-muted" style="color: #fff;">Notice Board</div>
<h2>Important Announcements<br><span>Stay Updated</span></h2>
<p>Stay informed and never miss a critical update.</p>
</div>
<div class="notice-container">
<h2 class="notice-title">* NOTICE BOARD *</h2>
<div class="notice-board">
<div>Annual Sports Day on 15th January 2025. <span style="color: red;">*new</span></div>
<div>Parent-Teacher Meeting scheduled for 20th January 2025.<span style="color: red;">*new</span></div>
<div>Winter vacation starts from 25th December 2024.<span style="color: red;">*new</span></div>
<div>New admissions open from 1st February 2025.</div>
<div>Exam results will be announced on 10th February 2025.</div>
<div>Annual Sports Day on 15th January 2025.</div>
</div>
<h2 class="notice-footer"></h2>
</div>
</div>
<!-- <div class="col-5">
<img src="new-assets/img/contact-form.jpg" alt="Notice Board" height="500px">
</div> -->
</div>
</div>
</section>
<!--Gallery-->
<section id="gallery-section" class="pt-90 pb-90">
<div class="container">
<!-- Heading -->
<div class="main-heading text-center mb-5">
<div class="heading-muted">Gallery</div>
<h2>Exploring the Journey of <span>Gitanjali Institute of Nusing</span></h2>
<p>The Gitanjali Institute of Nursing is a lively community that offers enriching experiences and showcases <br> milestones in our commitment to excellence in instruction and training.</p>
</div>
<!-- Gallery Grid -->
<div class="row g-2">
<!-- Single Image Item -->
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-1.jpg" class="img-fluid" alt="Gallery Image 1" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-1.jpg">
</div>
</div>
<!-- Repeat for other images -->
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-2.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-2.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-3.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-3.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-4.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-4.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-5.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-5.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-6.jpg" class="img-fluid " alt="Gallery Image 1" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-6.jpg">
</div>
</div>
<!-- Repeat for other images -->
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-7.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-7.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-8.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-8.jpg">
</div>
</div>
<!-- <div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-9.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-9.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-10.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-10.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-11.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-11.jpg">
</div>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
<div class="gallery-item">
<img src="assets/images/convo-images/convo-img-12.jpg" class="img-fluid " alt="Gallery Image 2" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="assets/images/convo-images/convo-img-12.jpg">
</div>
</div> -->
<!-- Add more images as needed -->
</div>
</div>
<!-- Modal for Viewing Full-Size Image -->
<div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body p-0">
<img src="" id="modalImage" class="img-fluid " alt="Full-Size Image">
</div>
<button type="button" class="btn-close position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
</div>
</div>
</section>
<!--End of Gallery-->
<!-- contact section -->
<section id="contact-section" class="education-section pt-90 pb-90" style="background-image: url('./new-assets/img/contact-form.jpg'); background-size: cover; background-position: center;">
<div class="container">
<!-- <div class="main-heading text-center">
<div class="heading-muted" style="color: #c3d8d3;">Get in Touch</div>
<h2>We’re Here to <span>Help You</span></h2>
<p>Have questions or need assistance? Reach out to us, and we’ll provide you with the information you need.
<br>Our team is ready to support you with any inquiries or guidance.</p>
</div> -->
<div class="second-form">
<form id="contactForm1" action="send_email_contact_form.php" method="POST" class="form">
<p class="title">Get in Touch </p>
<p class="message">We’re here to assist you! Fill out the form below, and our team will get back to you promptly. </p>
<div class="flex">
<label>
<input class="input" type="text" id="firstName" name="firstName" placeholder="" required="">
<span>Firstname</span>
</label>
<label>
<input class="input" type="text" id="lastName" name="lastName" placeholder="" required="">
<span>Lastname</span>
</label>
</div>
<label>
<input class="input" type="number" id="phone" name="phone" placeholder="" required="">
<span>Phone Number</span>
</label>
<label>
<input class="input" type="email" id="email" name="email" placeholder="" required="">
<span>Email</span>
</label>
<div class="flex">
<label>
<input class="input" type="text" id="city" name="city" placeholder="" required="">
<span>City</span>
</label>
<label>
<input class="input" type="text" id="state" name="state" placeholder="" required="">
<span>State</span>
</label>
</div>
<label>
<input class="input" type="text" id="course" name="course" placeholder="" required="">
<span>Choose Course</span>
</label>
<button id="submit-button-contact1" type="submit" class="submit">Submit</button>
<div id="response-message-contact1"></div>
</form>
</div>
<!-- <div class="education-section__slider owl-carousel owl-theme">
<div class="row">
<div class="col-lg-12 gap-2">
<div class="row align-items-start">
<div class="col-lg-7">
<div class="education-section__slider--content">
<form class="form">
<p class="title">Get in Touch </p>
<p class="message">We’re here to assist you! Fill out the form below, and our team will get back to you promptly. </p>
<div class="flex">
<label>
<input class="input" type="text" placeholder="" required="">
<span>Firstname</span>
</label>
<label>
<input class="input" type="text" placeholder="" required="">
<span>Lastname</span>
</label>
</div>
<label>
<input class="input" type="number" placeholder="" required="">
<span>Phone Number</span>
</label>
<label>
<input class="input" type="email" placeholder="" required="">
<span>Email</span>
</label>
<div class="flex">
<label>
<input class="input" type="text" placeholder="" required="">
<span>City</span>
</label>
<label>
<input class="input" type="text" placeholder="" required="">
<span>State</span>
</label>
</div>
<label>
<input class="input" type="text" placeholder="" required="">
<span>Choose Course</span>
</label>
<button class="submit">Submit</button>
<p class="signin">Already have an acount ? <a href="#">Signin</a> </p>
</form>
</div>
</div>
</div>
</div>
</div>
</div> -->
</div>
</section>
<section class="strip-bar pt-5 pb-5">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="main-heading">
<h3>Limited Spots Available <br>Apply to Our Nursing Program Now </h3>
</div>
</div>
<div class="col-lg-4 text-end">
<a href="#" class="btn btn-lg cta-btn cta-btn-fill mt-2">Apply Today
<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>
</div>
</section>
<!-- Footer -->
<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/gitanjali-nursing-logo.png" alt="" width="250"></a>
</div>
<p>
Gitanjali Institute of Nursing is affiliated to the West Bengal Nursing Council and West Bengal University of Health Science.
</p>
<br>
<!-- <a href="about-us.php" 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-8 col-md-12">
<div class="row">
<div class="col-md-6 footerLinks">
<h4>Important Links</h4>
<ul class="list-unstyled mb-0">
<li><a href="index.html">Home</a></li>
<li><a href="#about-section">About Us</a></li>
<li><a href="#course-section">Courses</a></li>
<li><a href="#facility-section">Facilities</a></li>
<li><a href="#gallery-section">Gallery</a></li>
<li><a href="#contact-section">Contact Us</a></li>
</ul>
</div>
<div class="col-md-6 footerLinks footerContact">
<h4>Get in Touch</h4>
<div class="row">
<div class="col-md-6">
<address>
<br>
NH-60,Lohapur,P.S:Nalhati Dist:Birbhum,West Bengal - 731237
</address>
</div>
<div class="col-md-6">
<ul class="list-unstyled">
<!--<li><span>General Helpline No:</span><a href="tel:+917527009634"
class="yellow-text">+91 7527009634</a></li>-->
<li><span>Toll Free:</span><a href="tel:9832640870" class="yellow-text">9832640870</a>
</li>
<!-- <li><span>Miss Call No:</span><a href="tel:08033094410" class="yellow-text">
08033094410</a>
</li> -->
<li><span>Email:</span><a href="mailto:gitanjali.nursing@gmail.com"
class="yellow-text">gitanjali.nursing@gmail.com</a></li>
<li><span>Office:</span><a href="mailto:office.gitanjalinursing@gmail.com"
class="yellow-text">office.gitanjalinursing@gmail.com</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6"></div>
<div class="col-6">
<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="#4e897c" 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" height="16" width="16" viewBox="0 0 512 512"><path fill="#4e897c" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#4e897c" 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="#4e897c" 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="#4e897c" 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="#4e897c" 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>
</div>
<div class="footer__copyright">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-3 col-md-3 d-flex gap-5">
<a href="">Privacy Policy</a>
<a href="">Mandatory Disclosure</a>
</div>
<div class="col-lg-9 col-sm-9">
<p class="mb-0 d-flex justify-content-md-center justify-content-center">© All rights reserved Gitanjali Institute of Nursing 2025-26 | Powered By <a href="https://www.ncriptech.com/"> ncriptech</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- timer popup start here -->
<div class="allNotification " style="display:none;" id="notificationmainid1">
<button type="button" class="allNotification__icon" onClick="clicknotifyfn()"><img src="img/white-bell.png" class="allNotification-basebellimg"></button>
<div class="allNotification__list " id="onoffnotificationid">
<ul class="list-unstyled p-0 m-0">
<li class="shadow">
<!-- <h3><b><span style="font-size: 22px;color: #000; font-weight:700;" >Admission Open!</span></b></h3> -->
<h3><b><span style="font-size: 22px;color: #000; font-weight:1000; font-family: Arial, Helvetica, sans-serif;line-height: 30px;"> HURRY UP! </span></b><br>
<span style="font-size:15px;"> Last chance to grab your seat. </span>
</h3>
<a href="" target="_blank">
<!-- <h6 style="margin-bottom:-5px;"><b><span style="font-size:17px;font-weight:1000;color: #e0181e;">Up To 25% Session End Scholarship Closing Soon
</span><br><br></b></h6> -->
<b>
<p id="demo" class=""></p>
<h6 class="timer-gardient" style="line-height:24px">
Admissions Closing On 15th November </h6><br>
<span class="btn-old btn-md text-link" style="font-size:15px; padding:10px 20px;">Apply Now</span>
<!-- <span class="btn btn-md text-link">Apply Now</span> -->
</b></a><b>
<p>
<span style="height:5px;width:300px;font-size:15px; padding:10px 20px;background-color:none;margin-top:0px;"></span>
</p>
</b></li><b>
</b></ul><b>
</b></div>
</div>
<!-- timer popup start here -->
<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: #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>
<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>
<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>
<!-- <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>
</body>
</html>