scc24php/.hta_header.php

623 lines
46 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" 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-7">
<div class="d-flex flex-column flex-md-row" style="width: 100%; align-items: center;">
<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" /> -->
<a href="/">
<img class="" src="../assets/logo3.png" alt="" width="140" height="140" />
</a>
</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: #402517;">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</p>
<p style="margin-top: -15px; color: #402517;" class="">sreechaitanyacollege@rediffmail.com</p>
</div>
</div>
</div>
<div class="col- col-lg-4 col-xl-5">
<div class="d-flex flex-column " style="width: 100%;">
<div class="d-flex flex-wrap flex-md-row gap-2">
<div class="mt-1">
<a href="/naac" class="btn btn-secondary">NAAC</a>
</div>
<div class=" mt-1">
<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="/iqac-formation">IQAC Composition</a></li>
<li><a class="dropdown-item" href="/minutes-of-iqac">IQAC Minutes</a></li>
<li><a class="dropdown-item" href="/clubs-cells">Clubs & Cells</a></li>
<li><a class="dropdown-item" href="/best-practices">Best Practices</a></li>
<li><a class="dropdown-item" href="#">Future Plans & Implementation</a></li>
<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="/aqar">A.Q.A.R.</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-1">
<a href="/nirf-data" class="btn btn-secondary">NIRF</a>
</div>
<div class="mt-1">
<a href="/aishe" class="btn btn-secondary">AISHE</a>
</div>
<div class="mt-1">
<a href="/icc" class="btn btn-secondary">ICC</a>
</div>
<!-- <div class="mt-1">
<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-1">
<a href="/ncc" class="btn btn-secondary">NCC</a>
</div>
<div class="mt-1">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">ADMISSION</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li class="dropdown-submenu">
<li><a class="dropdown-item" href="/admission">General Information</a></li></li>
<li><a class="dropdown-item" href="/prospectus">Prospectus</a></li></li>
<li><a class="dropdown-item" href="/intake-capacity">Intake Capacity</a></li></li>
<li><a class="dropdown-item" href="/fee-structure">Fee Structure</a></li></li>
<li><a class="dropdown-item" href="/subjects-combination">Subject Combination</a></li></li>
<li><a class="dropdown-item" href="/nep">NEP</a></li></li>
<li><a class="dropdown-item" href="/cbsc">CBSC</a></li></li>
<li><a class="dropdown-item" href="/marks-distribution">Marks Distribution</a></li></li>
<li><a class="dropdown-item" href="/result">Result</a></li></li>
</ul>
</div>
</div>
<div class="mt-1">
<a href="/library" class="btn btn-secondary">LIBRARY</a>
</div>
<!-- Button with sub dropdown -->
<!-- <div class="mt-1">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">LIBRARY</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>
</ul>
</div>
</div> -->
<div class="mt-1">
<a href="/rti" class="btn btn-secondary">RTI</a>
</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 my-2 gap-2 justify-content-between text-white font-weight-bold">
<a href="/notice?type=notice" class="text-center px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #402517; color: #FFFFFF; text-decoration: none;">Notice</a>
<a href="/gallery" class="text-center px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #402517; color: #FFFFFF; text-decoration: none;">Gallery</a>
<a href="/code-of-ethics-and-conduct" class="text-center px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #402517; color: #FFFFFF; text-decoration: none;">Code of Ethics</a>
</div>
</div>
</div>
</div>
<div class=" row d-flex d-lg-none">
<div class="d-flex flex-row" style="width: 100%; align-items: center; justify-content: center; gap: 10px">
<a href="/">
<img src="/assets/logo3.png" alt="" width="100" height="100" />
</a>
<!-- <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 class="d-flex flex-column " style="margin-top: 10px;" >
<h2 style="margin-top: -6px; color: #6b6245;" class="">Sree Chaitanya College</h2>
<h5 style="margin-top: -6px; color: #6b6245;" class="">(Arts and Science)</h5>
<p style="margin-top: -6px; color: #402517;" class="">Prafullanagar, Habra, 24Pgs(N) Pin-743268, W.B</p>
<p style="margin-top: -15px; color: #402517;" class="">sreechaitanyacollege@rediffmail.com</p>
</div>
</div>
<div class="d-flex flex-column justify-content-center text-white font-weight-bold text-center gap-2 mb-2">
<a href="/notice/?type=notice" class="px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #402517; color: #fff; font-size: 22px; text-decoration: none;">Notice</a>
<a href="/gallery" class="px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #402517; color: #fff; font-size: 22px; text-decoration: none;">Gallery</a>
<a href="/code-of-ethics-and-conduct" class="px-4 py-2 rounded-pill shadow shadow-lg shadow-danger" style="background-color: #402517; color: #fff; font-size: 22px; text-decoration: none;">Code of Ethics</a>
</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 href="/ncc" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">NCC</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">IQAC</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/iqac-formation">IQAC Composition</a></li>
<li><a class="dropdown-item" href="/minutes-of-iqac">IQAC Minutes</a></li>
<li><a class="dropdown-item" href="/clubs-cells">Clubs & Cells</a></li>
<li><a class="dropdown-item" href="/best-practices">Best Practices</a></li>
<li><a class="dropdown-item" href="#">Future Plans & Implementation</a></li>
<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="/aqar">A.Q.A.R.</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 href="/nirf-data" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">NIRF</a>
</li>
<li class="nav-item dropdown">
<a href="/aishe" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">AISHE</a>
</li>
<li class="nav-item dropdown">
<a href="/icc" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">ICC</a>
</li>
<li class="nav-item dropdown">
<a href="/ncc" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">NCC</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">ADMISSION</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/admission">General Information</a></li>
<li><a class="dropdown-item" href="/prospectus">Prospectus</a></li>
<li><a class="dropdown-item" href="/intake-capacity">Intake Capacity</a></li>
<li><a class="dropdown-item" href="/fee-structure">Fee Structure</a></li>
<li><a class="dropdown-item" href="/subjects-combination">Subject Combination</a></li>
<li><a class="dropdown-item" href="/nep">NEP</a></li>
<li><a class="dropdown-item" href="/cbsc">CBSC</a></li>
<li><a class="dropdown-item" href="/marks-distribution">Marks Distribution</a></li>
<li><a class="dropdown-item" href="/result">Result</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a href="/library" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">LIBRARY</a>
</li>
<li class="nav-item dropdown">
<a href="/rti" style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white mt-2">RTI</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">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: #402517; ">
<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" >
<ul class="navbar-nav w-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">Administration</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/governing-body">Governing Body</a></li>
<li><a class="dropdown-item" href="/composition-of-gb">Composition of GB</a></li>
<li><a class="dropdown-item" href="/organogram">Organogram</a></li>
<li><a class="dropdown-item" href="/staff">Staff</a></li>
<li><a class="dropdown-item" href="/working-hour">Working Hour</a></li>
<li><a class="dropdown-item" href="/pricipal-desk">Principal Desk</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white " href="/about" >About</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">Notice</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 " href="/library" >Library</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">Departments</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/departments-of-humanities">Humanities</a></li>
<li><a class="dropdown-item" href="/departments-of-science">Science</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">Departments</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/notice?type=notice"></a>Humanities</li>
<li><a class="dropdown-item" href="/notice?type=tender">Science</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 &raquo; </a>
<ul class="submenu dropdown-menu">
<li><a class="dropdown-item" href="/departments">Humanities</a></li>
<li><a class="dropdown-item" href="/departments-of-science">Science</a></li>
<li><a class="dropdown-item" href="#">Commerce</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="/#">Departments &raquo; </a>
<ul class="submenu dropdown-menu">
<li><a class="dropdown-item" href="#">Humanitiess &raquo; </a>
<ul class="submenu dropdown-menu">
<li><a class="dropdown-item" href="/department-of-bengaliug-pg">Bengali</a></li>
<li><a class="dropdown-item" href="/department-of-english">English</a></li>
<li><a class="dropdown-item" href="/department-of-sanskrit">Sanskrit</a></li>
<li><a class="dropdown-item" href="/department-of-philosophy">Philosophy</a></li>
<li><a class="dropdown-item" href="/department-of-political-science">Political Science</a></li>
<li><a class="dropdown-item" href="/department-of-history">History</a></li>
<li><a class="dropdown-item" href="/department-of-defence-studies">Defence Studies</a></li>
<li><a class="dropdown-item" href="/department-of-journalism-mass-communication">Journalism</a></li>
<li><a class="dropdown-item" href="/department-of-physical-education">Physical Education</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="#">Science &raquo; </a>
<ul class="submenu dropdown-menu">
<li><a class="dropdown-item" href="/department-of-anthropology">Anthropology</a></li>
<li><a class="dropdown-item" href="/department-of-botany">Botany</a></li>
<li><a class="dropdown-item" href="/department-of-chemistry">Chemistry</a></li>
<li><a class="dropdown-item" href="/department-of-physics">Physics</a></li>
<li><a class="dropdown-item" href="/department-of-mathematics">Mathematics</a></li>
<li><a class="dropdown-item" href="/department-of-geography">Geography</a></li>
<li><a class="dropdown-item" href="/department-of-economics">Economics</a></li>
<li><a class="dropdown-item" href="/department-of-zoology">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">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">Organizations</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/teachers-council">Teachers' Council</a></li>
<li><a class="dropdown-item" href="/alumni-association">Alumni Association</a></li>
<li><a class="dropdown-item" href="/anti-ragging-committee">Anti-Ragging Cell</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="/infrastructure-and-learning-resources">Infrastructure and Learning Resources</a></li>
<li><a class="dropdown-item" href="/welfare-programme">Welfare Programme</a></li>
<li><a class="dropdown-item" href="/rti">RTI</a></li>
<li><a class="dropdown-item" href="/canteen">Canteen</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white " href="/prospectus" >Prospectus</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">Student's Info</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/students-union">Students Union</a></li>
<li><a class="dropdown-item" href="/students-feedback">Students Feedback</a></li>
<li><a class="dropdown-item" href="/student-grievance">Student Grievance</a></li>
<li><a class="dropdown-item" href="/students-health-home">Student's Health Home</a></li>
<li><a class="dropdown-item" href="/activities">Activities</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white " href="/contact-us" >Contact Us</a></li>
</ul>
<!-- <li class="nav-item dropdown"><a style="padding-left: 5px; padding-right: 5px;" class="nav-link text-white " href="/gallery" >Gallery</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">History</a></li>
<li><a class="dropdown-item" href="#">Mission</a></li>
<li><a class="dropdown-item" href="/pricipal-desk">Vision</a></li>
<li><a class="dropdown-item" href="">Objective</a></li>
<li><a class="dropdown-item" href="/infrastructure-and-learning-resources">Infrastructure & Facilities</a></li>
<li><a class="dropdown-item" href="#">Distinctiveness</a></li>
<li><a class="dropdown-item" href="/best-practices">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">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">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">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"> Gallery </a></li>
<li><a class="dropdown-item" href="#"> Videos </a></li>
</ul>
</li> -->
</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: #402517;
}
.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: #402517;
}
}
/* ============ 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>