Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u176930106

Directory:

/home/u176930106/domains/srcp.in/public_html

Free Space:

1.91 TB

🔧 Quick Actions

✏️ Editing: academic.php

<?php
ob_start();
session_start();
include("includes/header.php");
?>

<div>
        <img src="./assets/3.jpeg" alt="Admission Banner" class="w-full object-cover">
    </div>

<div class="max-w-screen-2xl mx-auto w-full relative sm:px-3 sm:py-8 py-3 bg-[url('/Images/bg.svg')] bg-repeat bg-contain">
        <div class="overflow-x-auto">
            <ul class="flex flex-nowrap justify-start sm:justify-center gap-4 px-2">
                <li class="flex-shrink-0">
                    <button data-target="department" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-gradient-to-br from-green-300 to-green-800 text-white border-green-700">Department</button>
                </li>
                <li class="flex-shrink-0">
                    <button data-target="syllabus" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-transparent text-[#125400] border-[#125400]">Syllabus</button>
                </li>
                <li class="flex-shrink-0">
                    <button data-target="topper" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-transparent text-[#125400] border-[#125400]">Topper</button>
                </li>
                <li class="flex-shrink-0">
                    <button data-target="publications" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-transparent text-[#125400] border-[#125400]">Publications</button>
                </li>
                <li class="flex-shrink-0">
                    <button data-target="rules" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-transparent text-[#125400] border-[#125400]">Rules & Regulation</button>
                </li>
                <li class="flex-shrink-0">
                    <button data-target="holidays" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-transparent text-[#125400] border-[#125400]">Holidays List</button>
                </li>
                <li class="flex-shrink-0">
                    <button data-target="scholarship" class="tab-btn transition-all px-6 py-2 text-xs sm:text-sm md:text-base rounded-full font-medium border bg-transparent text-[#125400] border-[#125400]">Scholarship</button>
                </li>
            </ul>
        </div>

<div id="department" class="tab-content mt-12 px-4 py-10 md:px-[7vw]">
            <div class="flex justify-center mb-12">
                <div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">
                    DEPARTMENT
                    <span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                    <span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                    <span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                    <span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                </div>
            </div>
            <div class="space-y-20">
                <div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl ">
                        <div class="md:w-[30%] w-full"><img src="./assets/academic/lab1.jpg" alt="DEPARTMENT OF PHARMACOLOGY LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF PHARMACOLOGY LAB</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Pharmaceutics help in training the students in drug formulations like tablets, capsules, parenterals, ointments, creams, eye drops, syrups, drug interaction, stability, shelf-life studies, etc. Different aspects of filling, packing, sealing, and labeling are studied by the students. Various practical aspects of Pharmaceutics like Physical Pharmacy, Unit Operation, Dispensing Pharmacy, Pharmaceutical Technology, Biopharmaceutics, Community Pharmacy, Pharmaceutical Engineering, etc. are taught to the students.

Main areas of research in the department of pharmaceutics include – Novel drug delivery systems (Polymeric & lipid based nanosystems), ocular drug delivery systems, transdermal drug delivery system, mucoadhesive drug delivery system and use of bio-polymers for NDDS.

Machine Room equipped with all the modern equipments and instruments related to the production and in-house quality control of tablets, capsules, liquids and injectibles.

Equipment available: Tablet Punching machine, Fluidized bed drier, Double cone blender, Tray drier, Brook field Viscometer, Filter press, Disintegration apparatus, Tablet coating machine, Capsule filling machine, Ointment filling & sealing machine, Friabilator, Ampoule sealing machine, Tablet Hardness tester, IR moisture balance, etc.
                            </p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
                <div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl md:flex-row-reverse">
                        <div class="md:w-[30%] w-full"><img src="./assets/academic/lab5.jpg" alt="PHARMACEUTICS LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">PHARMACEUTICS LAB</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Trains students in human anatomy, physiology, pharmacology, and pathophysiology. Well-equipped with anatomical models, charts, skeletons, and computer simulations. Students learn drug dosages, actions, screening procedures, and toxicology fundamentals. The lab includes Rotarod, Pole Climbing Apparatus, Convulsiometer, and Analgesiometer.

The animal house, aligned with CPCSEA norms, houses lab animals for preclinical studies under controlled conditions, with guidance from an Institutional Animal Ethics Committee.
                            </p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
                <div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl ">
                        <div class="md:w-[30%] w-full"><img src="./assets/academic/lab3.jpg" alt="DEPARTMENT OF PHARMACOGNOSY LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF PHARMACOGNOSY LAB</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Equipped for extraction, purification, and isolation of natural compounds. Includes Soxhlet apparatus, TLC chambers, autoclaves, and microscopes. Students learn to identify and analyze herbal drugs and crude extracts.

The medicinal garden serves as a live resource for studying over 50 species of therapeutic plants with taxonomically verified labels, promoting herbal conservation and sustainable use in traditional and modern medicine.
                            </p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
                <?php
                /*
				<div class="space-y-6">
					<div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl md:flex-row-reverse">
						<div class="md:w-[30%] w-full"><img src="./assets/academic/lab4.jpg" alt="DEPARTMENT OF PHARMACEUTICAL ANALYSIS LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
						<div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
							<h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF PHARMACEUTICAL ANALYSIS LAB</h3>
							<hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
							<p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Focuses on quantitative and qualitative drug analysis. Provides training in titration, spectrophotometry, and validation techniques using UV-Visible spectrophotometers, conductivity meters, and pH meters.

Students gain experience in following Indian Pharmacopoeia guidelines for standardization, quality assurance, and analytical reporting. It fosters accuracy and precision in pharmaceutical product testing.</p>
						</div>
					</div>
					<hr class="border-t border-[#28a745] mt-4">
				</div>
				<div class="space-y-6">
					<div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl ">
						<div class="md:w-[30%] w-full"><img src="./assets/academic/lab6.jpg" alt="DEPARTMENT OF INSTRUMENTS ROOM" class="rounded-lg shadow-xl w-full object-cover"></div>
						<div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
							<h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF INSTRUMENTS ROOM</h3>
							<hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
							<p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">A central resource hub with high-end pharmaceutical instruments. Includes colorimeters, centrifuges, viscometers, and electronic balances. Students practice calibration, operation, and maintenance.

Supports all other labs with shared instrumentation access for advanced pharmaceutical investigations and method development. Encourages interdisciplinary learning and equipment handling confidence.</p>
						</div>
					</div>
					<hr class="border-t border-[#28a745] mt-4">
				</div>
				*/
                ?>

<div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl md:flex-row-reverse">
                        <div class="md:w-[30%] w-full"><img src="./assets/academic/lab5.jpg" alt="PHARMACY PRACTICE LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">PHARMACY PRACTICE LAB</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Provides a simulated healthcare environment to train students in prescription handling, patient counseling, and drug interactions. Features a mock pharmacy setup, drug display racks, and digital tools for case-based practice.

Prepares students for community and hospital pharmacy roles through hands-on activities in medication review, dose adjustment, and counseling on side effects and adherence.
                            </p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
                <?php
                /*
				<div class="space-y-6">
					<div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl md:flex-row-reverse">
						<div class="md:w-[30%] w-full"><img src="./assets/academic/lab6.jpg" alt="DEPARTMENT OF PHARMACEUTICAL MICROBIOLOGY LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
						<div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
							<h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF PHARMACEUTICAL MICROBIOLOGY LAB</h3>
							<hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
							<p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Designed for aseptic techniques, microbial culturing, and sterilization studies. Includes laminar air flow units, incubators, autoclaves, and biosafety cabinets. Students conduct microbial limit tests, assay antibiotics, and prepare media.

Teaches infection control, cleanroom behavior, and microbiological testing standards for pharmaceutical products.</p>
						</div>
					</div>
					<hr class="border-t border-[#28a745] mt-4">
				</div>
				*/
                ?>
                <div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl ">
                        <div class="md:w-[30%] w-full"><img src="./assets/academic/lab7.jpg" alt="DEPARTMENT OF PHARMACEUTICAL CHEMISTRY LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF PHARMACEUTICAL CHEMISTRY LAB</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Specializes in synthesis, analysis, and structural elucidation of pharmaceutical compounds. Students perform organic reactions, titrations, and limit tests using fume hoods, melting point apparatus, and distillation setups.
                                Fosters analytical thinking and knowledge of medicinal chemistry, impurities profiling, and molecular interaction mechanisms.
                            </p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
                <?php
                /*
				<div class="space-y-6">
					<div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl md:flex-row-reverse">
						<div class="md:w-[30%] w-full"><img src="./assets/academic/lab2.jpg" alt="DEPARTMENT OF HUMAN ANATOMY &amp; PHYSIOLOGY LAB" class="rounded-lg shadow-xl w-full object-cover"></div>
						<div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
							<h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF HUMAN ANATOMY &amp; PHYSIOLOGY LAB</h3>
							<hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
							<p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Focuses on understanding body systems via practical demonstrations using anatomical charts, models, skeletons, sphygmomanometers, and spirometers.

Students learn to measure physiological parameters like blood pressure, reflexes, lung capacity, and pulse rate, helping them relate anatomy to therapeutic mechanisms.</p>
						</div>
					</div>
					<hr class="border-t border-[#28a745] mt-4">
				</div>
				<div class="space-y-6">
					<div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl ">
						<div class="md:w-[30%] w-full"><img src="./assets/academic/lab6.jpg" alt="DEPARTMENT OF COMPUTER &amp; LANGUAGE ROOM" class="rounded-lg shadow-xl w-full object-cover"></div>
						<div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
							<h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">DEPARTMENT OF COMPUTER &amp; LANGUAGE ROOM</h3>
							<hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
							<p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Equips students with digital and communication skills. Includes pharmacy software tutorials, MS Office training, and language lab with headsets and microphones.

Focuses on soft skill enhancement, spoken English, resume writing, and telephonic/interpersonal conversation practice to prepare for professional roles.</p>
						</div>
					</div>
					<hr class="border-t border-[#28a745] mt-4">
				</div>
				*/
                ?>
                <div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl ">
                        <div class="md:w-[30%] w-full"><img src="./academic_files/_DSC9431.png" alt="BOYS HOSTEL" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">BOYS HOSTEL</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Spacious residential facility with secure and disciplined environment. Rooms are furnished with beds, wardrobes, and study desks. Hygienic mess service, recreational hall, indoor games, filtered water, 24x7 power backup and Wi-Fi are provided.

Daily routines and safety are overseen by hostel wardens. Students are encouraged to maintain cleanliness and harmony while pursuing academic goals.</p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
                <div class="space-y-6">
                    <div class="flex flex-col md:flex-row items-center gap-6 md:gap-12 bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl md:flex-row-reverse">
                        <div class="md:w-[30%] w-full"><img src="./academic_files/_DSC9429.png" alt="GIRLS HOSTEL" class="rounded-lg shadow-xl w-full object-cover"></div>
                        <div class="md:w-[70%] w-full space-y-3 flex flex-col justify-center text-center md:text-left">
                            <h3 class="text-[#28a745] font-bold text-2xl md:text-xl tracking-widest uppercase">GIRLS HOSTEL</h3>
                            <hr class="border border-[#28a745] w-full max-w-[300px] mx-auto md:mx-0 mb-2">
                            <p class="text-xs md:text-sm leading-relaxed text-[#3C3C3C] whitespace-pre-line">Well-maintained facility ensuring safety, hygiene, and comfort. Features CCTV surveillance, separate dining hall, common room with TV, study areas, and female warden support.

Daily housekeeping, nutritious meals, and organized recreational activities help maintain a balanced student lifestyle in a homely environment.</p>
                        </div>
                    </div>
                    <hr class="border-t border-[#28a745] mt-4">
                </div>
            </div>
        </div>
    </div>

<div id="syllabus" class="tab-content hidden mt-6 px-4 py-8 md:px-[7vw]">
        <div class="flex justify-center mb-12">
            <div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">
                SYLLABUS
                <span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                <span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                <span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
                <span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span>
            </div>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <?php
            /*
      <div class="bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl border border-[#28a745]">
        <h3 class="text-[#28a745] text-sm sm:text-sm md:text-lg lg:text-lg font-bold mb-2 text-center">B.Pharm</h3>
        <hr class="border-[#28a745] mb-4">
        <ul class="space-y-4">
          <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">Revised 2017–2018</span>
            <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/BPHARM%202017-18.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg></div>
              </a><a href="https://birbhumpharmacyschool.in/syllabus/BPHARM%202017-18.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                    <polyline points="7 10 12 15 17 10"></polyline>
                    <line x1="12" y1="15" x2="12" y2="3"></line>
                  </svg></div>
              </a></div>
          </li>
          <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">Revised 2021–2022</span>
            <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/BPHARM%202021-22.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg></div>
              </a><a href="https://birbhumpharmacyschool.in/syllabus/BPHARM%202021-22.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                    <polyline points="7 10 12 15 17 10"></polyline>
                    <line x1="12" y1="15" x2="12" y2="3"></line>
                  </svg></div>
              </a></div>
          </li>
          <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">Revised 2020–2021</span>
            <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/BPHARM%202020-21.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg></div>
              </a><a href="https://birbhumpharmacyschool.in/syllabus/BPHARM%202020-21.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                    <polyline points="7 10 12 15 17 10"></polyline>
                    <line x1="12" y1="15" x2="12" y2="3"></line>
                  </svg></div>
              </a></div>
          </li>
        </ul>
      </div>
      */
            ?>
            <div class="bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl border border-[#28a745]">
                <h3 class="text-[#28a745] text-sm sm:text-sm md:text-lg lg:text-lg font-bold mb-2 text-center">D.Pharm</h3>
                <hr class="border-[#28a745] mb-4">
                <ul class="space-y-4">
                    <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">ER 1991</span>
                        <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/ER_1991_140720.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                                        <circle cx="12" cy="12" r="3"></circle>
                                    </svg></div>
                            </a><a href="https://birbhumpharmacyschool.in/syllabus/ER_1991_140720.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                                        <polyline points="7 10 12 15 17 10"></polyline>
                                        <line x1="12" y1="15" x2="12" y2="3"></line>
                                    </svg></div>
                            </a></div>
                    </li>
                    <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">Revised 2020-21</span>
                        <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/14-55_ER_20-_syllabus_23092021_Blawhr7.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                                        <circle cx="12" cy="12" r="3"></circle>
                                    </svg></div>
                            </a><a href="https://birbhumpharmacyschool.in/syllabus/14-55_ER_20-_syllabus_23092021_Blawhr7.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                                        <polyline points="7 10 12 15 17 10"></polyline>
                                        <line x1="12" y1="15" x2="12" y2="3"></line>
                                    </svg>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
            <?php
            /*
      <div class="bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl border border-[#28a745]">
        <h3 class="text-[#28a745] text-sm sm:text-sm md:text-lg lg:text-lg font-bold mb-2 text-center">(B. Pharm) Lateral Entry</h3>
        <hr class="border-[#28a745] mb-4">
        <ul class="space-y-4">
          <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">Revised 2020–2021</span>
            <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/B.Pharm_Revised_Syllabus_2008.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg></div>
              </a><a href="https://birbhumpharmacyschool.in/syllabus/B.Pharm_Revised_Syllabus_2008.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                    <polyline points="7 10 12 15 17 10"></polyline>
                    <line x1="12" y1="15" x2="12" y2="3"></line>
                  </svg></div>
              </a></div>
          </li>
        </ul>
      </div>
      <div class="bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl border border-[#28a745]">
        <h3 class="text-[#28a745] text-sm sm:text-sm md:text-lg lg:text-lg font-bold mb-2 text-center">M.Pharm</h3>
        <hr class="border-[#28a745] mb-4">
        <ul class="space-y-4">
          <li class="flex flex-row flex-wrap items-center justify-between gap-3"><span class="text-sm md:text-base lg:text-base text-gray-800 font-medium whitespace-nowrap">Revised 2017–2018</span>
            <div class="flex gap-3"><a href="https://birbhumpharmacyschool.in/syllabus/M_Pharm-2017-18.pdf" target="_blank" rel="noopener noreferrer" class="bg-gradient-to-br from-blue-600 to-blue-800 hover:from-blue-800 hover:to-blue-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg></div>
              </a><a href="https://birbhumpharmacyschool.in/syllabus/M_Pharm-2017-18.pdf" target="_blank" rel="noopener noreferrer" download="" class="bg-gradient-to-br from-green-600 to-green-800 hover:from-green-700 hover:to-green-900 text-white font-base text-sm px-2 py-2 rounded whitespace-nowrap">
                <div class="flex items-center gap-1"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                    <polyline points="7 10 12 15 17 10"></polyline>
                    <line x1="12" y1="15" x2="12" y2="3"></line>
                  </svg></div>
              </a></div>
          </li>
        </ul>
      </div>
      */
            ?>
        </div>
    </div>

<div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">TOPPERS<span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span></div>
        </div>
        <div class="space-y-10">
            <?php
            /*
			<div>
				<div class="flex items-center gap-4 mb-6">
					<div class="flex-grow h-px bg-[#28a745]"></div>
					<h3 class="text-[#28a745] text-lg md:text-xl font-bold uppercase whitespace-nowrap text-center">B.PHARM 1st YEAR</h3>
					<div class="flex-grow h-px bg-[#28a745]"></div>
				</div>
				<div class="grid grid-cols-2 md:grid-cols-3 gap-6">
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image.png" alt="Chetana Acharya" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Chetana Acharya</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305924018</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.15</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-1.png" alt="Sk Wasim" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Sk Wasim</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305924035</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.11</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-2.png" alt="Aditi Mondal" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Aditi Mondal</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305924025</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.04</p>
						</div>
					</div>
				</div>
			</div>
			<div>
				<div class="flex items-center gap-4 mb-6">
					<div class="flex-grow h-px bg-[#28a745]"></div>
					<h3 class="text-[#28a745] text-lg md:text-xl font-bold uppercase whitespace-nowrap text-center">B.PHARM 2nd YEAR</h3>
					<div class="flex-grow h-px bg-[#28a745]"></div>
				</div>
				<div class="grid grid-cols-2 md:grid-cols-3 gap-6">
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-6.png" alt="Soumyadwip Manna" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Soumyadwip Manna</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305923043</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.22</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-7.png" alt="Sk Samaun" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Sk Samaun</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305923041</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 8.83</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-10.png" alt="Pranav Paul" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Pranav Paul</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305923023</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 8.785</p>
						</div>
					</div>
				</div>
			</div>
			<div>
				<div class="flex items-center gap-4 mb-6">
					<div class="flex-grow h-px bg-[#28a745]"></div>
					<h3 class="text-[#28a745] text-lg md:text-xl font-bold uppercase whitespace-nowrap text-center">B.PHARM 3rd YEAR</h3>
					<div class="flex-grow h-px bg-[#28a745]"></div>
				</div>
				<div class="grid grid-cols-2 md:grid-cols-3 gap-6">
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-3.png" alt="Sulagna Ray" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Sulagna Ray</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305923070</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.22</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-4.png" alt="Sukumar Mandal" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Sukumar Mandal</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35301922041</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.0966667</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-5.png" alt="Joyashree Dey" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Joyashree Dey</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35305923052</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.08</p>
						</div>
					</div>
				</div>
			</div>
			<div>
				<div class="flex items-center gap-4 mb-6">
					<div class="flex-grow h-px bg-[#28a745]"></div>
					<h3 class="text-[#28a745] text-lg md:text-xl font-bold uppercase whitespace-nowrap text-center">B.PHARM 4th YEAR</h3>
					<div class="flex-grow h-px bg-[#28a745]"></div>
				</div>
				<div class="grid grid-cols-2 md:grid-cols-3 gap-6">
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-8.png" alt="Suman Mandal" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Suman Mandal</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35301921041</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.29</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-9.png" alt="Sagarika Ghosh" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Sagarika Ghosh</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35301922053</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.07</p>
						</div>
					</div>
					<div class="bg-white/30 backdrop-blur-sm rounded-lg shadow-lg overflow-hidden text-center transform transition duration-300 hover:scale-105 hover:shadow-xl border border-[#28a745]">
						<div class="flex justify-center mt-4"><img src="./topper_files/image-12.png" alt="Risha Saha" class="w-32 h-32 object-cover rounded-full border-4 border-white shadow-md"></div>
						<div class="p-3 border-t border-[#28a745] bg-white mt-2">
							<h4 class="text-[#28a745] font-semibold text-sm uppercase">Risha Saha</h4>
							<p class="text-[11px] font-semibold text-gray-700">Roll No–35301921020</p>
							<p class="font-semibold text-[13px] text-black mt-1">YGPA 9.04</p>
						</div>
					</div>
				</div>
			</div>
			*/
            ?>
        </div>
    </div>

<div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">PUBLICATIONS<span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span></div>
        </div>
        <?php
        /*
        <div class="mb-10 max-w-2xl mx-auto"><input type="text" placeholder="Search by title, author, or year" class="w-full border border-[#28a745] px-4 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-[#28a745]" value=""></div>
        <div class="mb-10">
            <h3 class="text-[#28a745] text-xl font-bold border-b-2 border-[#28a745] inline-block mb-4">Articles Under Peer Review</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Multi Omics Approaches: Transforming the Landscape of Natural Product Isolation</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Soumitra Sahana, Jyotirmay Sarkar, Indranil Chatterjee, Sourav Mandal, Dr. Sumanta Mondal</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2025 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
            </div>
            <div class="flex justify-center mt-6"><button class="text-[#28a745] border border-[#28a745] px-6 py-2 rounded hover:bg-[#28a745] hover:text-white">Load More</button></div>
        </div>
        <div class="mb-10">
            <h3 class="text-[#28a745] text-xl font-bold border-b-2 border-[#28a745] inline-block mb-4">Published Articles</h3>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
                <div class="bg-white/30 backdrop-blur-sm border border-[#28a745] p-4 rounded-md shadow hover:shadow-lg transition-all">
                    <h4 class="text-[#28a745] font-semibold mb-2 text-sm md:text-base">Cyperus articulatus L.: A Review on Phytochemical &amp; Pharmacological Exploration...</h4>
                    <p class="text-xs text-gray-700 line-clamp-2 mb-1"><span class="font-semibold">Authors:</span> Susmita Dhar, Samaresh Datta, Akash Yadav</p>
                    <p class="text-xs text-gray-600 mb-2"><span class="font-semibold">Year:</span> 2024 | Published on: 4/10/2025</p><button class="text-white bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800 px-4 py-1 rounded text-sm">View More</button>
                </div>
            </div>
        </div>
        */
        ?>
    </div>
    <div id="rules" class="tab-content hidden mt-6 px-4 py-8 md:px-[7vw]">

<div class="flex justify-center mb-12">
            <div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">RULES &amp; REGULATIONS<span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span></div>
        </div>
        <div class="max-w-4xl mx-auto bg-white/30 backdrop-blur-sm shadow-md p-4 rounded-xl">
            <h3 class="text-[#28a745] text-xl font-semibold mb-4 border-b pb-2 border-[#28a745]">General Code of Conduct</h3>
            <ul class="list-disc pl-5 space-y-3 text-sm md:text-base text-gray-800">
                <li>All candidates are required and expected to follow the code of conduct, rules &amp; regulations as modified from time to time.</li>
                <li>Any act of academic dishonesty, misconduct, indiscipline, violence by any student that causes any loss of property of SRCP or any person of SRCP will be considered as an offence against the institute and such student will be debarred from further studies at SRCP.</li>
                <li>The candidate must fulfill all academic requirements as stipulated by the institute from time to time.</li>
                <li>Misleading information or misrepresented facts will disqualify the applicant from admission to SRCP.</li>
                <li>SRCP reserves the right to amend the rules and regulations.</li>
                <li>In case of discontinuation of course in between under any circumstances, the student will have to pay the Semester Fees.</li>
                <li>Dress code is mandatory and a part of college discipline.</li>
                <li>Candidates must bring the required documents in original for verification at the time of admission.</li>
                <li>Students cannot undergo any other course in other institution during their study in SRCP.</li>
                <li>Ragging is strictly prohibited in the College and Hostel. As per law, it is a punishable offence with a fine and imprisonment. Any student found guilty of ragging will be expelled from the College/Institute immediately.</li>
                <li>Amount once paid towards admission is not refundable under any circumstances.</li>
                <li>Students must participate in all programmes organized by SRCP viz. Republic Day, Independence Day, Annual Sports, Cultural Seminar, Social Activities etc.</li>
                <li>Students must obey the rules &amp; regulations of P.C.I. , W.B.S.C.T.&amp;V.E.&amp;S.D.</li>
                <li>Minimum class attendance of students should be 75%. Students having lesser attendance will not be allowed to avail any facilities provided by the institute. Students having more than 95% attendance will be awarded scholarships, sanctioned by the Board of Management.</li>
                <li>The institute will help to provide assistance for interviews/written tests for placements which will strictly be on the merit of candidates. Institute will not be liable for selection of such candidates in the concerned companies.</li>
            </ul>
        </div>
    </div>
    <div id="holidays" class="tab-content hidden mt-6 px-4 py-8 md:px-[7vw]">
        <div class="flex justify-center mb-12">

<div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">HOLIDAYS LIST<span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span></div>
        </div>
        <h2 class="text-center text-[#28a745] font-bold text-xl mb-6 uppercase">
            <h2 class="text-center text-[#28a745] font-bold text-xl mb-6 uppercase">Calendar <span id="calendar-year"></span></h2>

</div>

const months = [
            "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
        ];

// Example holiday data (month index: 0=Jan)
        const holidays = {
            0: [1, 14, 26],
            1: [18],
            2: [],
            3: [],
            4: [],
            5: [],
            6: [],
            7: [],
            8: [],
            9: [],
            10: [],
            11: [25]
        };

let currentPage = 0;
        const monthsPerPage = 2;

function renderCalendar() {
            calendarContainer.innerHTML = '';
            const startMonth = currentPage * monthsPerPage;
            const endMonth = Math.min(startMonth + monthsPerPage, 12);

for (let i = startMonth; i < endMonth; i++) {
                const daysCount = new Date(year, i + 1, 0).getDate();
                const monthDiv = document.createElement('div');
                monthDiv.classList.add('p-6', 'border', 'border-[#28a745]', 'bg-[#f1fdf1]', 'rounded-lg', 'shadow', 'w-full', 'transition-transform', 'duration-500', 'ease-in-out');

let html = `<h3 class="text-[#28a745] text-lg font-bold uppercase mb-4 text-center">${months[i]}</h3>`;
                html += `<div class="grid grid-cols-7 text-center gap-y-4 text-[#2200cc] font-semibold">
               <div>Sun</div><div>Mon</div><div>Tue</div><div>Wed</div><div>Thu</div><div>Fri</div><div>Sat</div>`;

const firstDay = new Date(year, i, 1).getDay();
                for (let j = 0; j < firstDay; j++) {
                    html += `<div></div>`;
                }

for (let d = 1; d <= daysCount; d++) {
                    const isHoliday = holidays[i] && holidays[i].includes(d);
                    html += `<div class="cursor-pointer w-8 h-8 mx-auto rounded-full flex items-center justify-center text-xs
                  ${isHoliday ? 'bg-[#2200cc] text-white font-bold' : 'hover:bg-gray-200 text-black'}">
                 ${d}
               </div>`;
                }

html += `</div>`;
                monthDiv.innerHTML = html;
                calendarContainer.appendChild(monthDiv);
            }
        }

// Navigation buttons
        document.getElementById('prevBtn').addEventListener('click', () => {
            if (currentPage > 0) currentPage--;
            renderCalendar();
        });
        document.getElementById('nextBtn').addEventListener('click', () => {
            if ((currentPage + 1) * monthsPerPage < 12) currentPage++;
            renderCalendar();
        });

// Initial render
        renderCalendar();
    </script>
    </div>
    </div>
    </div>
    <div id="scholarship" class="tab-content hidden mt-6 px-4 py-8 md:px-[7vw]">

<div class="flex justify-center mb-10">
            <div class="relative inline-block text-[#28a745] text-lg md:text-2xl font-bold px-10 py-3 border-2 border-[#28a745] rounded-md">SCHOLARSHIPS<span class="absolute -top-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -top-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -left-1 w-2 h-2 bg-[#28a745] rounded-full"></span><span class="absolute -bottom-1 -right-1 w-2 h-2 bg-[#28a745] rounded-full"></span></div>
        </div>
        <div class="grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-4 gap-6 max-w-6xl mx-auto"><a href="https://www.aicte.gov.in/schemes/students-development-schemes/Pragati/General-Instructions" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/aicte.png" alt="AICTE Pragati Scholarship for Girls logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">AICTE Pragati Scholarship for Girls</h3>
            </a><a href="https://www.aicte.gov.in/schemes/students-development-schemes/Saksham/General-Instructions" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/aicte.png" alt="AICTE Saksham Scholarship for Differently Abled Students logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">AICTE Saksham Scholarship for Differently Abled Students</h3>
            </a><a href="https://scholarships.gov.in/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/nsp.svg" alt="National Scholarship Portal (NSP) logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">National Scholarship Portal (NSP)</h3>
            </a><a href="https://svmcm.wb.gov.in/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/wb.jpg" alt="Swami Vivekananda Merit-cum-Means Scholarship logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">Swami Vivekananda Merit-cum-Means Scholarship</h3>
            </a><a href="https://wbcareerportal.in/scholarship/post-matric-scholarship-for-sc-st-obc/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/wb-career-portal.png" alt="Post Matric Scholarship for SC/ST/OBC logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">Post Matric Scholarship for SC/ST/OBC</h3>
            </a><a href="https://www.wbkanyashree.gov.in/kp_4.0/index.php" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/KY.png" alt="Kanyashree Prakalpa (WB Govt.) logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">Kanyashree Prakalpa (WB Govt.)</h3>
            </a><a href="https://wbmdfcscholarship.in/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/aikyashree.png" alt="Aikyashree Minority Scholarship logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">Aikyashree Minority Scholarship</h3>
            </a><a href="https://oasis.gov.in/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/oasis_logo.png" alt="Oasis Scholarship (SC/ST/OBC) logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">Oasis Scholarship (SC/ST/OBC)</h3>
            </a><a href="https://www.myscheme.gov.in/schemes/nmmss" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/myscheme-logo.svg" alt="National Means-cum-Merit Scholarship (NMMS) logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">National Means-cum-Merit Scholarship (NMMS)</h3>
            </a><a href="https://online-inspire.gov.in/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/dst-logo.jpg" alt="INSPIRE Scholarship (Department of Science &amp; Technology) logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">INSPIRE Scholarship (Department of Science &amp; Technology)</h3>
            </a><a href="https://www.tatatrusts.org/our-work/education" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/tata.png" alt="TATA Scholarship logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">TATA Scholarship</h3>
            </a><a href="https://www.jntataendowment.org/" target="_blank" rel="noopener noreferrer" class="group border border-[#28a745] rounded-lg p-5 bg-green-200 backdrop-blur-lg shadow hover:shadow-lg transition-transform duration-300 hover:scale-105 flex flex-col items-center justify-center text-center gap-3">
                <div class="w-24 h-24 sm:w-28 sm:h-28 flex items-center justify-center p-2"><img src="./scholarship_files/jntata.png" alt="JN Tata Endowment for Higher Education logo" class="w-full h-full object-contain"></div>
                <h3 class="text-black group-hover:text-[#28a745] font-semibold text-xs sm:text-xs md:text-base">JN Tata Endowment for Higher Education</h3>
            </a></div>
    </div>
    </div>
    </div>
    </div>
    </div>
</main>

tabs.forEach(tab => {
        tab.addEventListener('click', () => {
            const target = tab.dataset.target;

contents.forEach(c => c.classList.add('hidden'));
            document.getElementById(target).classList.remove('hidden');

tabs.forEach(t => t.classList.remove('bg-gradient-to-br', 'from-green-300', 'to-green-800', 'text-white'));
            tab.classList.add('bg-gradient-to-br', 'from-green-300', 'to-green-800', 'text-white');
        });
    });

// Show first tab by default
    document.getElementById('department').classList.remove('hidden');
</script>
<?php include("includes/footer.php"); ?>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: academic.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation