scc24php/.hta_header.php

629 lines
46 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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" >
<h3 class="text-uppercase" style="color: #614e41;"><b>SREE CHAITANYA COLLEGE, HABRA</b></h3>
<h6 style="background-color: #614e41; color: #fff; text-align: center; width: fit-content; padding: 5px 10px; border-radius: 10px;">(GOVT. SPONSORED)</h6>
<h6>Affiliated to West Bengal State University, Barasat</h6>
<h6>NAAC GRADING B++</h6>
<h5 style="color: #614e41;">Estd: 1956 <span>(Arts and Science)</span></h5>
<!-- <h5 class="" style="color: #614e41;"><b></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;" >
<h6 style="margin-top: -6px; color: #6b6245;" class="">Sree Chaitanya College, Habra</h6>
<h6 style="background-color: #614e41; color: #fff; text-align: center; width: fit-content; padding: 5px 10px; border-radius: 10px; font-size: 13px;">(GOVT. SPONSORED)</h6>
<h6 style="font-size: 13px;">Affiliated to West Bengal State University, Barasat</h6>
<h6 style="font-size: 13px;">NAAC GRADING B++</h6>
<h6 style="color: #614e41; font-size: 13px;">Estd: 1956 <span>(Arts and Science)</span></h6>
<!-- <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>