594 lines
43 KiB
PHP
594 lines
43 KiB
PHP
<!DOCTYPE HTML>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="Sree Chaitanya College, Habra is a distinguished higher education institution located in North 24 Parganas, West Bengal. Established in 1956, it provides education to displaced youths affected by the partition of India.">
|
|
|
|
<!-- Open Graph Meta Tags for Facebook and WhatsApp -->
|
|
<meta property="og:title" content="Sree Chaitanya College, Habra">
|
|
<meta property="og:description" content="Sree Chaitanya College, Habra is a distinguished higher education institution in North 24 Parganas, West Bengal. Established in 1956, it offers Honours Departments in Arts and Science.">
|
|
<meta property="og:image" content="/assets/logo3.png">
|
|
<meta property="og:url" content="/assets/logo3.png">
|
|
<meta property="og:type" content="website">
|
|
<title>Sree Chaitanya College, Habra</title>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"crossorigin="anonymous"></script>
|
|
<script src="https://unpkg.com/htmx.org"></script>
|
|
<!-- <div hx-get="mega-menu.html" hx-trigger="load" hx-swap="outerHTML"></div> -->
|
|
</head>
|
|
<body>
|
|
<header class="section-header ">
|
|
<div class="container-fluid" style="background-color: #ffddcc;">
|
|
<div class="container-xl mx-auto pt-2" >
|
|
<div class="row d-none d-lg-flex">
|
|
<div class="d-grid col- col-lg-8 col-xl-8">
|
|
<div class="d-flex flex-column flex-md-row" style="width: 100%;">
|
|
<div class="d-flex flex-md-row justify-content-center" style="place-items: center;">
|
|
<img class="" src="../assets/ashok.png" alt="" width="120" height="120" />
|
|
<img class="" src="../assets/logo3.png" alt="" width="120" height="120" />
|
|
</div>
|
|
<div class="d-flex flex-column mx-4" >
|
|
<h2 class="text-uppercase" style="color: #614e41;"><b>Sree Chaitanya College</b></h2>
|
|
<h5 style="color: #614e41;">Estd: 1956</h5>
|
|
<h5 class="" style="color: #614e41;"><b>(Arts and Science)</b></h5>
|
|
<p style="color: #868756;">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</p>
|
|
<p style="margin-top: -15px; color: #3e5b66;" class="">sreechaitanyacollege@rediffmail.com</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col- col-lg-4 col-xl-4">
|
|
<div class="d-flex flex-column " style="width: 100%;">
|
|
<div class="d-flex flex-md-row justify-content-between">
|
|
<div class="mt-5">
|
|
<div class="dropdown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">NCC</button>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<li class="dropdown-submenu">
|
|
<a class="dropdown-item dropdown-toggle" href="#">Accreditation Document</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">NAAC Certificates & Score Sheet</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="#">NAAC 3rd Cycle Press Note</a></li>
|
|
<li><a class="dropdown-item" href="#">Capacity Building Program</a></li>
|
|
<li><a class="dropdown-item" href="#">NAAC SSR</a></li>
|
|
<li class="dropdown-submenu">
|
|
<a class="dropdown-item dropdown-toggle" href="#">IIQA Documents</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">IIQA Filled in Form</a></li>
|
|
<li><a class="dropdown-item" href="#">AISHE Certificate 2021-22</a></li>
|
|
<li><a class="dropdown-item" href="#">2F & 12B</a></li>
|
|
<li><a class="dropdown-item" href="#">University Affiliated Courses</a></li>
|
|
<li><a class="dropdown-item" href="#">Undertaking of H.O.I.</a></li>
|
|
<li><a class="dropdown-item" href="#">Self Declaration of H.O.I.</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="#">Program Outcome</a></li>
|
|
<li><a class="dropdown-item" href="#">Syllabus</a></li>
|
|
<li><a class="dropdown-item" href="#">List of Programme</a></li>
|
|
<li><a class="dropdown-item" href="#">IQAC Minutes & Report</a></li>
|
|
<li><a class="dropdown-item" href="#">Annual Examination Report</a></li>
|
|
<li><a class="dropdown-item" href="#">Feedback</a></li>
|
|
<li><a class="dropdown-item" href="#">Project Certificate</a></li>
|
|
<li><a class="dropdown-item" href="#">Collaborative Activities</a></li>
|
|
<li><a class="dropdown-item" href="#">Career Counselling Certificate</a></li>
|
|
<li><a class="dropdown-item" href="#">JAM/NET/Exam Cleared List</a></li>
|
|
<li><a class="dropdown-item" href="#">ICT Rooms</a></li>
|
|
<li><a class="dropdown-item" href="#">Full Time Teachers & Students</a></li>
|
|
<li><a class="dropdown-item" href="#">Seminar Reports - IPR, RM & EP</a></li>
|
|
<li><a class="dropdown-item" href="#">Program Studies & Placement</a></li>
|
|
<li><a class="dropdown-item" href="#">Mentor/Mentee Meeting Report</a></li>
|
|
<li><a class="dropdown-item" href="#">Developing Grants Received</a></li>
|
|
<li><a class="dropdown-item" href="#">Solar Panel Installation</a></li>
|
|
<li><a class="dropdown-item" href="#">Water Harvesting Project</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class=" mt-5">
|
|
<div class="dropdown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">IQAC</button>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<li><a class="dropdown-item" href="#">Policy Document</a></li>
|
|
<li><a class="dropdown-item" href="#">Committee</a></li>
|
|
<li><a class="dropdown-item" href="#">IQAC Minutes</a></li>
|
|
<li><a class="dropdown-item" href="#">A.Q.A.R.</a></li>
|
|
<li><a class="dropdown-item" href="#">SSS</a></li>
|
|
<li><a class="dropdown-item" href="#">Academic Audit</a></li>
|
|
<li><a class="dropdown-item" href="#">Green Audit</a></li>
|
|
<li><a class="dropdown-item" href="#">College Annual Report</a></li>
|
|
<li><a class="dropdown-item" href="#">Gender Audit</a></li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class=" mt-5">
|
|
<div class="dropdown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">NIRF</button>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<li><a class="dropdown-item" href="#">NIRF 2024</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2023</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2022</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2021</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2020</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class=" mt-5">
|
|
<div class="dropdown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">ICC</button>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<li><a class="dropdown-item" href="#">Members</a></li>
|
|
<li><a class="dropdown-item" href="#">Policy Document</a></li>
|
|
<li><a class="dropdown-item" href="#">Reports</a></li>
|
|
<li><a class="dropdown-item" href="#">Grievance Redressal</a></li>
|
|
<li><a class="dropdown-item" href="#">Anti-ragging Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">Anti Sexual Harassment Cell</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=" mt-5">
|
|
<!-- <div class="dropdown">
|
|
<a href="https://www.chandernagorecollege.ac.in/faculty.php?faculty=59ff78ac19a7b6d9099233629e9e219e#" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="true">RTI</a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-column flex-xl-row mt-2 justify-content-between text-white font-weight-bold">
|
|
<a href="/notice?type=notice" class="px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #3e5b66; color: #FFFFFF; text-decoration: none;">Notice</a>
|
|
<a href="/gallery.html" class="px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #3e5b66; color: #FFFFFF; text-decoration: none;">Gallery</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" row d-flex d-lg-none">
|
|
<div class="d-flex flex-row justify-content-between" style="width: 100%;">
|
|
<div>
|
|
<img src="/assets/ashok.png" alt="" width="60" />
|
|
</div>
|
|
<div class="d-flex flex-column " >
|
|
<h2 class="text-center text-uppercase" style="color: #6b6245;" ><b>Sree Chaitanya College</b></h2>
|
|
<p class="text-center" style="color: #6b6245;">Estd: 1956</p>
|
|
</div>
|
|
<div>
|
|
<img src="/assets/logo3.png" alt="" width="60" />
|
|
</div>
|
|
</div>
|
|
<div class="d-flex flex-column " style="margin-top: -15px;">
|
|
<h5 style="margin-top: -6px; color: #6b6245;" class="text-center">(Arts and Science)</h5>
|
|
<p style="margin-top: -6px; color: #868756;" class="text-center">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</p>
|
|
<p style="margin-top: -15px; color: #3e5b66;" class="text-center">sreechaitanyacollege@rediffmail.com</p>
|
|
</div>
|
|
<div class="d-flex flex-column justify-content-center text-white font-weight-bold text-center">
|
|
<h5 class="px-4 py-3 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #3e5b66;">College Meuseum</h5>
|
|
<h5 class="px-4 py-3 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #3e5b66;">Campus 360°</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="d-block d-lg-none navbar navbar-expand-lg navbar-dark text-primary" style="background-color: #c6a7a4; ">
|
|
<div class="container-fluid">
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav2" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="main_nav2">
|
|
<ul class="navbar-nav w-auto mx-auto" >
|
|
<!-- <li class="nav-item active "> <a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white" href="#">Home </a> </li> -->
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown"> NCC </a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#"> Accreditation Document » </a>
|
|
<ul class="submenu dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">NAAC Certificates & Score Sheet</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="#">NAAC 3rd Cycle Press Note</a></li>
|
|
<li><a class="dropdown-item" href="#">Capacity Building Program</a></li>
|
|
<li><a class="dropdown-item" href="#">NAAC SSR</a></li>
|
|
|
|
<li><a class="dropdown-item" href="#"> IIQA Documents » </a>
|
|
<ul class="submenu dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">IIQA Filled in Form</a></li>
|
|
<li><a class="dropdown-item" href="#">AISHE Certificate 2021-22</a></li>
|
|
<li><a class="dropdown-item" href="#">2F & 12B</a></li>
|
|
<li><a class="dropdown-item" href="#">University Affiliated Courses</a></li>
|
|
<li><a class="dropdown-item" href="#">Undertaking of H.O.I.</a></li>
|
|
<li><a class="dropdown-item" href="#">Self Declaration of H.O.I.</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">IQAC</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Policy Document</a></li>
|
|
<li><a class="dropdown-item" href="#">Committee</a></li>
|
|
<li><a class="dropdown-item" href="#">IQAC Minutes</a></li>
|
|
<li><a class="dropdown-item" href="#">A.Q.A.R.</a></li>
|
|
<li><a class="dropdown-item" href="#">SSS</a></li>
|
|
<li><a class="dropdown-item" href="#">Academic Audit</a></li>
|
|
<li><a class="dropdown-item" href="#">Green Audit</a></li>
|
|
<li><a class="dropdown-item" href="#">College Annual Report</a></li>
|
|
<li><a class="dropdown-item" href="#">Gender Audit</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">NIRF</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">NIRF 2024</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2023</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2022</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2021</a></li>
|
|
<li><a class="dropdown-item" href="#">NIRF 2020</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">ICC</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Members</a></li>
|
|
<li><a class="dropdown-item" href="#">Policy Document</a></li>
|
|
<li><a class="dropdown-item" href="#">Reports</a></li>
|
|
<li><a class="dropdown-item" href="#">Grievance Redressal</a></li>
|
|
<li><a class="dropdown-item" href="#">Anti-ragging Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">Anti Sexual Harassment Cell</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- navbar-collapse.// -->
|
|
</div> <!-- container-fluid.// -->
|
|
</nav>
|
|
<!-- ============= Main Menu ============== -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark text-primary" style="background-color: #868756; ">
|
|
<div class="container-fluid">
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="main_nav">
|
|
<ul class="navbar-nav w-auto mx-auto" >
|
|
<li class="nav-item active "> <a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white" href="/">Home </a> </li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Institute</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="/history.html">History</a></li>
|
|
<li><a class="dropdown-item" href="#">Mission</a></li>
|
|
<li><a class="dropdown-item" href="/pricipal-desk.html">Vision</a></li>
|
|
<li><a class="dropdown-item" href="">Objective</a></li>
|
|
<li><a class="dropdown-item" href="/infrastructure-and-learning-resources.html">Infrastructure & Facilities</a></li>
|
|
<li><a class="dropdown-item" href="#">Distinctiveness</a></li>
|
|
<li><a class="dropdown-item" href="/best-practices.html">Best Practices</a></li>
|
|
<li><a class="dropdown-item" href="#">Awards & Recognition</a></li>
|
|
<li><a class="dropdown-item" href="#">Funds Received</a></li>
|
|
<li><a class="dropdown-item" href="#">Strategic/Perspective Plan</a></li>
|
|
<li><a class="dropdown-item" href="#">Future Plan</a></li>
|
|
<li><a class="dropdown-item" href="#">Holiday List</a></li>
|
|
<li><a class="dropdown-item" href="#">Campus</a></li>
|
|
<li><a class="dropdown-item" href="#">SWOC of College</a></li>
|
|
<li><a class="dropdown-item" href="#">Site Map</a></li>
|
|
<li><a class="dropdown-item" href="/contact-us.html">Contact </a> </li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Administration</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Administrative Committee</a></li>
|
|
<li><a class="dropdown-item" href="/teachers-council.html">Teachers' Council</a></li>
|
|
<li><a class="dropdown-item" href="/organogram.html">Organogram</a></li>
|
|
<li><a class="dropdown-item" href="/code-of-conduct.html">Code of Conduct</a></li>
|
|
<li><a class="dropdown-item" href="#">Disciplinary Rules</a></li>
|
|
<li><a class="dropdown-item" href="#">Feedback Form</a></li>
|
|
<li><a class="dropdown-item" href="/rti.html">RTI</a></li>
|
|
<li><a class="dropdown-item" href="/rusa.html">RUSA</a></li>
|
|
<li><a class="dropdown-item" href="/staff.html">Support Staff</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown"> Academics </a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#"> Programs Offered » </a>
|
|
<ul class="submenu dropdown-menu">
|
|
<li><a class="dropdown-item" href="/departments.html">Humanities</a></li>
|
|
<li><a class="dropdown-item" href="/departments-of-science.html">Science</a></li>
|
|
<li><a class="dropdown-item" href="#">Commerce</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="/#"> Departments » </a>
|
|
<ul class="submenu dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Humanitiess » </a>
|
|
<ul class="submenu dropdown-menu">
|
|
<li><a class="dropdown-item" href="/departments/humanities/bengali.html">Bengali</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/economics.html">Economics</a></li>
|
|
<li><a class="dropdown-item" href="#">Education</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/english.html">English</a></li>
|
|
<li><a class="dropdown-item" href="#">French</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/geography.html">Geography</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/history.html">History</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/philosophy.html">Philosophy</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/political-science.html">Political Science</a></li>
|
|
<li><a class="dropdown-item" href="/departments/humanities/sanskrit.html">Sanskrit</a></li>
|
|
<li><a class="dropdown-item" href="#">Sociology</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="#">Science » </a>
|
|
<ul class="submenu dropdown-menu">
|
|
<li><a class="dropdown-item" href="/departments/science/botany.html">Botany</a></li>
|
|
<li><a class="dropdown-item" href="/departments/science/chemistry.html">Chemistry</a></li>
|
|
<li><a class="dropdown-item" href="/departments/science/computer-science.html">Computer Science</a></li>
|
|
<li><a class="dropdown-item" href="/departments/science/enviromental-science.html">Environmental Science</a></li>
|
|
<li><a class="dropdown-item" href="/departments/science/mathematics.html">Mathematics</a></li>
|
|
<li><a class="dropdown-item" href="/departments/science/physics.html">Physics</a></li>
|
|
<li><a class="dropdown-item" href="/departments/science/zoology.html">Zoology</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="#">Commerce</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a class="dropdown-item" href="#">ISR </a> </li>
|
|
<li><a class="dropdown-item" href="/nss.html">NSS </a> </li>
|
|
<li><a class="dropdown-item" href="#"> Syllabus </a></li>
|
|
<li><a class="dropdown-item" href="#"> Faculty List (5 Years) </a></li>
|
|
<li><a class="dropdown-item" href="#"> Add-on Courses </a></li>
|
|
<li><a class="dropdown-item" href="#"> PO, PSO & CO </a></li>
|
|
<li><a class="dropdown-item" href="#"> Academic Audit Report </a></li>
|
|
<li><a class="dropdown-item" href="#"> University Examination </a></li>
|
|
<li><a class="dropdown-item" href="#"> University Result </a></li>
|
|
<li><a class="dropdown-item" href="#"> Internal Examination </a></li>
|
|
<li><a class="dropdown-item" href="#"> LMS </a></li>
|
|
<li><a class="dropdown-item" href="#"> Language Lab </a></li>
|
|
<li><a class="dropdown-item" href="#"> Feedback on Curriculum </a></li>
|
|
<li><a class="dropdown-item" href="#"> Study Tours & Field Trips </a></li>
|
|
<li><a class="dropdown-item" href="#"> Exam Related Grievances </a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Student's Corner</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Rules & Regulations</a></li>
|
|
<li><a class="dropdown-item" href="#">Routine</a></li>
|
|
<li><a class="dropdown-item" href="#">Scholarship</a></li>
|
|
<li><a class="dropdown-item" href="#">Placement Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">Online Competitive Exam</a></li>
|
|
<li><a class="dropdown-item" href="#">Skill Development Program</a></li>
|
|
<li><a class="dropdown-item" href="#">Achievements</a></li>
|
|
<li><a class="dropdown-item" href="/activities.html">Student Support Services</a></li>
|
|
<li><a class="dropdown-item" href="/students-union.html">Students' Union</a></li>
|
|
<li><a class="dropdown-item" href="/alumni-association.html">Alumni</a></li>
|
|
<li><a class="dropdown-item" href="#">E-Magazine</a></li>
|
|
<li><a class="dropdown-item" href="/students-feedback.html">Feedback Form</a></li>
|
|
<li><a class="dropdown-item" href="/student-grievance.html">Online Grievance Redressal</a></li>
|
|
<li><a class="dropdown-item" href="/anti-ragging-committee.html">Anti Ragging Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">Minority Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">ST/SC Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">OBC Cell</a></li>
|
|
<li><a class="dropdown-item" href="#">Anti Sexual Harassment Cell</a></li>
|
|
<li><a class="dropdown-item" href="/students-health-home.html">Add on Information</a></li>
|
|
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Research</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">PhD/Mphil/PG Teachers</a></li>
|
|
<li><a class="dropdown-item" href="#">Research Guides</a></li>
|
|
<li><a class="dropdown-item" href="#">Research Projects</a></li>
|
|
<li><a class="dropdown-item" href="#">Know Your Ganges</a></li>
|
|
<li><a class="dropdown-item" href="#">Central Instrumental Facility</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Publications</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Journal Trivium</a></li>
|
|
<li><a class="dropdown-item" href="#">Journal Ruellia</a></li>
|
|
<li><a class="dropdown-item" href="#">Papers & Journals</a></li>
|
|
<li><a class="dropdown-item" href="#">Books & Chapters</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Notifications</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="/notice?type=notice">General Notice</a></li>
|
|
<li><a class="dropdown-item" href="/notice?type=tender">Tender Notice</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">News & Events</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#"> Events </a></li>
|
|
<li><a class="dropdown-item" href="#"> Press Coverage </a></li>
|
|
<li><a class="dropdown-item" href="/gallery.html"> Gallery </a></li>
|
|
<li><a class="dropdown-item" href="#"> Videos </a></li>
|
|
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white dropdown-toggle" href="#" data-bs-toggle="dropdown">Facilities</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="/welfare-programme.html"> ICT & Other Facilities </a></li>
|
|
<li><a class="dropdown-item" href="#"> Girl's Hostel </a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div> <!-- navbar-collapse.// -->
|
|
</div> <!-- container-fluid.// -->
|
|
</nav>
|
|
<!-- ============= COMPONENT END// ============== -->
|
|
<style type="text/css">
|
|
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto+Slab:wght@100..900&display=swap');
|
|
/* ============ desktop view ============ */
|
|
.dropdown-item{
|
|
color: #fff;
|
|
border-bottom: 1px solid #fff;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.dropdown-item:hover {
|
|
background-color: #273c45;
|
|
color: #fbaf00;
|
|
}
|
|
.nav-link{
|
|
border-right: 1px solid #333;
|
|
}
|
|
.nav-link:hover{
|
|
background-color: #614e41;
|
|
}
|
|
|
|
|
|
@media all and (min-width: 992px) {
|
|
body{
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
font-family: "Roboto Slab", serif;
|
|
font-optical-sizing: auto;
|
|
}
|
|
.navbar{
|
|
height: 40px;
|
|
}
|
|
.dropdown-menu li{
|
|
position: relative;
|
|
}
|
|
.dropdown-menu{
|
|
background-color: #3e5b66;
|
|
}
|
|
.dropdown-menu .submenu{
|
|
display: none;
|
|
position: absolute;
|
|
left:100%; top:-7px;
|
|
}
|
|
.dropdown-menu .submenu-left{
|
|
right:100%; left: auto;
|
|
}
|
|
|
|
.dropdown-menu > li:hover{ background-color: #273c45 }
|
|
.dropdown-menu > li:hover > .submenu{
|
|
display: block;
|
|
}
|
|
}
|
|
/* ============ desktop view .end// ============ */
|
|
|
|
/* ============ small devices ============ */
|
|
@media (max-width: 1499px) {
|
|
body{
|
|
font-size: 13.5px;
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
font-family: "Roboto Slab", serif;
|
|
font-optical-sizing: auto;
|
|
}
|
|
.dropdown-menu .dropdown-menu {
|
|
/* margin-left: 0.7rem; */
|
|
margin-right: 0.7rem;
|
|
margin-bottom: .5rem;
|
|
}
|
|
.dropdown-menu {
|
|
background-color: #3e5b66;
|
|
}
|
|
}
|
|
/* ============ small devices .end// ============ */
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-submenu .dropdown-menu {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
margin-top: -1px;
|
|
margin-left: 0.1rem;
|
|
}
|
|
|
|
.dropdown-submenu:hover .dropdown-menu {
|
|
display: block;
|
|
}
|
|
.nav-pills .nav-link.active {
|
|
background-color: #004848 !important;
|
|
}
|
|
.nav-pills .nav-link {
|
|
white-space: nowrap;
|
|
place-items: center;
|
|
background-color: #966650;
|
|
border-bottom: 1px solid #fff;
|
|
color: #fff;
|
|
}
|
|
.nav-pills .nav-link:last-child {
|
|
border-bottom: none; /* Remove border from last item */
|
|
}
|
|
th{
|
|
background-color: #595959;
|
|
border: 1px solid #808080;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
padding: 8px;
|
|
/* border-radius: 5px; */
|
|
}
|
|
td{
|
|
background-color: #ccdddc;
|
|
border: 1px solid #808080;
|
|
color: #000;
|
|
padding: 8px;
|
|
/* border-radius: 5px; */
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
document.addEventListener("DOMContentLoaded", function(){
|
|
/////// Prevent closing from click inside dropdown
|
|
document.querySelectorAll('.dropdown-menu').forEach(function(element){
|
|
element.addEventListener('click', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
})
|
|
// make it as accordion for smaller screens
|
|
if (window.innerWidth < 992) {
|
|
// close all inner dropdowns when parent is closed
|
|
document.querySelectorAll('.navbar .dropdown').forEach(function(everydropdown){
|
|
everydropdown.addEventListener('hidden.bs.dropdown', function () {
|
|
// after dropdown is hidden, then find all submenus
|
|
this.querySelectorAll('.submenu').forEach(function(everysubmenu){
|
|
// hide every submenu as well
|
|
everysubmenu.style.display = 'none';
|
|
});
|
|
})
|
|
});
|
|
|
|
document.querySelectorAll('.dropdown-menu a').forEach(function(element){
|
|
element.addEventListener('click', function (e) {
|
|
|
|
let nextEl = this.nextElementSibling;
|
|
if(nextEl && nextEl.classList.contains('submenu')) {
|
|
// prevent opening link if link needs to open dropdown
|
|
e.preventDefault();
|
|
console.log(nextEl);
|
|
if(nextEl.style.display == 'block'){
|
|
nextEl.style.display = 'none';
|
|
} else {
|
|
nextEl.style.display = 'block';
|
|
}
|
|
|
|
}
|
|
});
|
|
})
|
|
}
|
|
// end if innerWidth
|
|
|
|
});
|
|
// DOMContentLoaded end
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
document.querySelectorAll('.dropdown-submenu a.dropdown-toggle').forEach(function(element) {
|
|
element.addEventListener('click', function (e) {
|
|
let nextEl = this.nextElementSibling;
|
|
if (nextEl && nextEl.classList.contains('dropdown-menu')) {
|
|
e.preventDefault();
|
|
if (nextEl.style.display === 'block') {
|
|
nextEl.style.display = 'none';
|
|
} else {
|
|
nextEl.style.display = 'block';
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</header> |