π File Manager
π /
/
home
/
u857492117
/
domains
/
mangaldaicollege.org
/
public_html
/
2
Dosya DΓΌzenle: index2.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Mangaldai College β Empowering Minds, Shaping Futures</title> <meta name="description" content="Mangaldai College, Darrang, Assam β Estd. 1951. Affiliated to Gauhati University. Quality education fostering innovation." /> <!-- Open Graph --> <meta property="og:title" content="Mangaldai College" /> <meta property="og:description" content="Empowering Minds, Shaping Futures since 1951." /> <meta property="og:type" content="website" /> <!-- Bootstrap 5.3 --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" /> <!-- Bootstrap Icons --> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" /> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> <!-- Custom CSS --> <link rel="stylesheet" href="style2.css" /> </head> <body> <!-- ββββββββββββββββββββββββββββββββββββββββββ 1. TOP UTILITY BAR ββββββββββββββββββββββββββββββββββββββββββ --> <div id="utility-bar"> <div class="utility-left"> <i class="bi bi-award-fill text-gold me-2"></i> <span>Welcome to Mangaldai College</span> </div> <div class="utility-right"> <a href="#" aria-label="Alumni">Alumni</a> <a href="#" aria-label="Careers">Careers</a> <a href="#" aria-label="RTI">RTI</a> <a href="#" aria-label="IQAC">IQAC</a> <a href="#" aria-label="Contact Us">Contact Us</a> <span class="utility-divider"></span> <a href="#" aria-label="Facebook"><i class="bi bi-facebook"></i></a> <a href="#" aria-label="Instagram"><i class="bi bi-instagram"></i></a> <a href="#" aria-label="YouTube"><i class="bi bi-youtube"></i></a> </div> </div> <!-- ββββββββββββββββββββββββββββββββββββββββββ 2. MAIN HEADER ββββββββββββββββββββββββββββββββββββββββββ --> <header id="main-header"> <div class="container-fluid px-4"> <div class="header-inner"> <!-- Logo + Name --> <div class="header-brand"> <div class="college-logo" aria-label="Mangaldai College Logo"> <svg viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="72" height="72"> <circle cx="40" cy="40" r="38" stroke="#f4b400" stroke-width="2" fill="rgba(70,45,15,0.6)"/> <circle cx="40" cy="40" r="30" stroke="#f4b400" stroke-width="1" fill="none" stroke-dasharray="4 2"/> <text x="40" y="28" text-anchor="middle" font-size="9" fill="#f4b400" font-family="Poppins,sans-serif" font-weight="700">MANGALDAI</text> <text x="40" y="40" text-anchor="middle" font-size="8" fill="#ffd56a" font-family="Poppins,sans-serif">COLLEGE</text> <text x="40" y="52" text-anchor="middle" font-size="7" fill="#ffd56a" font-family="Poppins,sans-serif">ESTD. 1951</text> <path d="M20 60 Q40 50 60 60" stroke="#f4b400" stroke-width="1" fill="none"/> </svg> </div> <div class="college-name-block"> <h1 class="college-title">MANGALDAI COLLEGE</h1> <p class="college-location">Mangaldai, Darrang, Assam, India</p> <p class="college-estd">Estd. 1951 | Affiliated to Gauhati University</p> </div> </div> <!-- Contact Info --> <div class="header-contacts glass-card"> <div class="contact-block"> <i class="bi bi-envelope-fill contact-icon"></i> <div> <span class="contact-label">Email</span> <a href="mailto:mangaldaicollege@gmail.com" class="contact-value">mangaldaicollege@gmail.com</a> </div> </div> <div class="contact-divider"></div> <div class="contact-block"> <i class="bi bi-telephone-fill contact-icon"></i> <div> <span class="contact-label">Phone</span> <a href="tel:+918638067481" class="contact-value">+91 86380 67481</a> </div> </div> <div class="contact-divider"></div> <div class="contact-block"> <i class="bi bi-clock-fill contact-icon"></i> <div> <span class="contact-label">Office Hours</span> <span class="contact-value">Mon - Sat: 9:00 AM - 4:00 PM</span> </div> </div> </div> </div> </div> </header> <!-- ββββββββββββββββββββββββββββββββββββββββββ 3. PRIMARY NAVIGATION BAR ββββββββββββββββββββββββββββββββββββββββββ --> <nav id="primary-nav" aria-label="Main navigation"> <div class="container-fluid px-4"> <div class="nav-inner"> <!-- Mobile Hamburger --> <button class="hamburger-btn d-lg-none" id="mobileMenuBtn" aria-label="Open menu" aria-expanded="false"> <i class="bi bi-list"></i> </button> <!-- Desktop Nav Items --> <ul class="nav-menu" id="navMenu" role="menubar"> <li class="nav-item active" role="none"> <a href="#" class="nav-link-item" role="menuitem"> <i class="bi bi-house-fill me-1"></i>Home </a> </li> <li class="nav-item has-dropdown has-mega" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true" aria-expanded="false"> About Us <i class="bi bi-chevron-down dropdown-arrow"></i> </a></li> <li class="nav-item has-dropdown" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true"> Academics <i class="bi bi-chevron-down dropdown-arrow"></i> </a> <div class="dropdown-simple" role="menu"> <a href="#" role="menuitem">Courses Offered</a> <a href="#" role="menuitem">Academic Calendar</a> <a href="#" role="menuitem">Syllabus</a> <a href="#" role="menuitem">Examination</a> </div> </li> <li class="nav-item has-dropdown" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true"> Admissions <i class="bi bi-chevron-down dropdown-arrow"></i> </a> <div class="dropdown-simple" role="menu"> <a href="#" role="menuitem">Online Admission</a> <a href="#" role="menuitem">Eligibility Criteria</a> <a href="#" role="menuitem">Fee Structure</a> <a href="#" role="menuitem">Prospectus</a> </div> </li> <li class="nav-item has-dropdown" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true"> Students <i class="bi bi-chevron-down dropdown-arrow"></i> </a> <div class="dropdown-simple" role="menu"> <a href="#" role="menuitem">Student Portal</a> <a href="#" role="menuitem">Scholarships</a> <a href="#" role="menuitem">Grievance Redressal</a> <a href="#" role="menuitem">Anti-Ragging</a> </div> </li> <li class="nav-item has-dropdown" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true"> Facilities <i class="bi bi-chevron-down dropdown-arrow"></i> </a> <div class="dropdown-simple" role="menu"> <a href="#" role="menuitem">Library</a> <a href="#" role="menuitem">Laboratories</a> <a href="#" role="menuitem">Sports</a> <a href="#" role="menuitem">Hostel</a> <a href="#" role="menuitem">ICT Facilities</a> </div> </li> <li class="nav-item has-dropdown" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true"> IQAC <i class="bi bi-chevron-down dropdown-arrow"></i> </a> <div class="dropdown-simple" role="menu"> <a href="#" role="menuitem">About IQAC</a> <a href="#" role="menuitem">AQAR Reports</a> <a href="#" role="menuitem">Best Practices</a> </div> </li> <li class="nav-item" role="none"> <a href="#" class="nav-link-item" role="menuitem">Notices</a> </li> <li class="nav-item has-dropdown" role="none"> <a href="#" class="nav-link-item" role="menuitem" aria-haspopup="true"> Gallery <i class="bi bi-chevron-down dropdown-arrow"></i> </a> <div class="dropdown-simple" role="menu"> <a href="#" role="menuitem">Photo Gallery</a> <a href="#" role="menuitem">Video Gallery</a> <a href="#" role="menuitem">Events</a> </div> </li> <li class="nav-item" role="none"> <a href="#" class="nav-link-item" role="menuitem">NAAC</a> </li> <li class="nav-item" role="none"> <a href="#" class="nav-link-item" role="menuitem">Contact Us</a> </li> </ul> <!-- Right Actions --> <div class="nav-actions"> <button class="search-btn" id="searchBtn" aria-label="Search"> <i class="bi bi-search"></i> </button> <a href="#" class="admission-btn" aria-label="Admission 2026"> ADMISSION 2026 </a> </div> </div> </div> <!-- Mega Menu (direct child of nav for correct absolute positioning) --> <!-- MEGA MENU --> <div class="mega-menu" role="menu" aria-label="About Us submenu"> <div class="mega-menu-inner"> <div class="mega-col"> <h6 class="mega-col-title">About the College</h6> <ul> <li><a href="#">History</a></li> <li><a href="#">Vision & Mission</a></li> <li><a href="#">Principal's Message</a></li> <li><a href="#">Governing Body</a></li> <li><a href="#">Administration</a></li> <li><a href="#">Committees</a></li> <li><a href="#">Achievements</a></li> </ul> </div> <div class="mega-col"> <h6 class="mega-col-title">Departments</h6> <ul> <li><a href="#">Courses Offered</a></li> <li><a href="#">Academic Calendar</a></li> <li><a href="#">Syllabus</a></li> <li><a href="#">Library</a></li> <li><a href="#">Internal Quality Assurance (IQAC)</a></li> <li><a href="#">NIRF</a></li> </ul> </div> <div class="mega-col"> <h6 class="mega-col-title">Admission Process</h6> <ul> <li><a href="#">Online Admission</a></li> <li><a href="#">Eligibility Criteria</a></li> <li><a href="#">Fee Structure</a></li> <li><a href="#">Prospectus</a></li> <li><a href="#">Important Dates</a></li> <li><a href="#">FAQs</a></li> </ul> </div> <div class="mega-col"> <h6 class="mega-col-title">Student Portal</h6> <ul> <li><a href="#">Examination</a></li> <li><a href="#">Results</a></li> <li><a href="#">Scholarships</a></li> <li><a href="#">Forms & Downloads</a></li> <li><a href="#">Grievance Redressal</a></li> <li><a href="#">Anti-Ragging</a></li> </ul> </div> <div class="mega-col"> <h6 class="mega-col-title">Library</h6> <ul> <li><a href="#">Laboratories</a></li> <li><a href="#">Sports</a></li> <li><a href="#">Hostel</a></li> <li><a href="#">ICT Facilities</a></li> <li><a href="#">Common Rooms</a></li> <li><a href="#">Medical Facilities</a></li> </ul> </div> </div> </div> </nav> <!-- Mobile Offcanvas --> <div id="mobileMenuOverlay" class="mobile-overlay" aria-hidden="true"></div> <aside id="mobileMenu" class="mobile-menu" aria-label="Mobile navigation" role="dialog" aria-modal="true"> <div class="mobile-menu-header"> <span>MANGALDAI COLLEGE</span> <button id="closeMobileMenu" aria-label="Close menu"><i class="bi bi-x-lg"></i></button> </div> <nav class="mobile-nav"> <a href="#" class="mobile-nav-link active"><i class="bi bi-house-fill me-2"></i>Home</a> <div class="mobile-accordion"> <button class="mobile-acc-btn" aria-expanded="false">About Us <i class="bi bi-chevron-down"></i></button> <div class="mobile-acc-body"> <a href="#">History</a><a href="#">Vision & Mission</a><a href="#">Principal's Message</a> <a href="#">Governing Body</a><a href="#">Administration</a> </div> </div> <div class="mobile-accordion"> <button class="mobile-acc-btn" aria-expanded="false">Academics <i class="bi bi-chevron-down"></i></button> <div class="mobile-acc-body"> <a href="#">Courses Offered</a><a href="#">Academic Calendar</a><a href="#">Syllabus</a> </div> </div> <div class="mobile-accordion"> <button class="mobile-acc-btn" aria-expanded="false">Admissions <i class="bi bi-chevron-down"></i></button> <div class="mobile-acc-body"> <a href="#">Online Admission</a><a href="#">Eligibility Criteria</a><a href="#">Fee Structure</a> </div> </div> <a href="#" class="mobile-nav-link">Students</a> <a href="#" class="mobile-nav-link">Facilities</a> <a href="#" class="mobile-nav-link">IQAC</a> <a href="#" class="mobile-nav-link">Notices</a> <a href="#" class="mobile-nav-link">Gallery</a> <a href="#" class="mobile-nav-link">NAAC</a> <a href="#" class="mobile-nav-link">Contact Us</a> <a href="#" class="mobile-admission-btn">ADMISSION 2026</a> </nav> </aside> <!-- Search Modal --> <div id="searchModal" class="search-modal" role="dialog" aria-modal="true" aria-label="Search" hidden> <div class="search-modal-inner"> <button class="search-close-btn" id="searchCloseBtn" aria-label="Close search"><i class="bi bi-x-lg"></i></button> <div class="search-form"> <i class="bi bi-search search-modal-icon"></i> <input type="search" id="searchInput" placeholder="Search courses, notices, departments..." aria-label="Search query" /> </div> <p class="search-hint">Press Enter to search or Esc to close</p> </div> </div> <!-- ββββββββββββββββββββββββββββββββββββββββββ HERO SECTION ββββββββββββββββββββββββββββββββββββββββββ --> <section id="hero" aria-label="Hero section"> <!-- Background image/gradient --> <div class="hero-bg" aria-hidden="true"></div> <div class="hero-overlay" aria-hidden="true"></div> <div class="hero-content container-fluid px-4"> <!-- Left: headline + buttons --> <div class="hero-text"> <span class="estd-badge" aria-label="Established 1951">ESTD. 1951</span> <h2 class="hero-heading"> Empowering Minds,<br /> <span class="hero-gold">Shaping Futures</span> </h2> <p class="hero-para"> Mangaldai College is committed to providing quality education,<br class="d-none d-md-inline"/> fostering innovation, and building a better tomorrow. </p> <div class="hero-buttons"> <a href="#" class="btn-apply"> <i class="bi bi-pencil-square me-2"></i>Apply Now </a> <a href="#" class="btn-explore"> <i class="bi bi-book me-2"></i>Explore Courses </a> </div> </div> <!-- Right: Principal's Message card inside hero --> <div class="hero-principal-wrap"> <div class="hero-principal-card"> <!-- Glow --> <div class="pc-glow" aria-hidden="true"></div> <!-- Label --> <div class="pc-label"> <i class="bi bi-person-badge-fill"></i> Principal's Message </div> <!-- Photo + Name --> <div class="pc-photo-wrap"> <div class="pc-photo-ring" aria-hidden="true"></div> <div class="pc-photo" aria-label="Photo of the Principal"> <img src="img/princyImg.jpg" alt="Photo of Dr. [Name], Principal" /> <defs> <linearGradient id="avatarGrad2" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" stop-color="#5a370d"/> <stop offset="100%" stop-color="#2d1a06"/> </linearGradient> </defs> <circle cx="80" cy="80" r="80" fill="url(#avatarGrad2)"/> <ellipse cx="80" cy="115" rx="40" ry="28" fill="rgba(244,180,0,0.18)"/> <circle cx="80" cy="65" r="28" fill="rgba(244,180,0,0.25)"/> <circle cx="80" cy="63" r="20" fill="rgba(255,220,160,0.35)"/> <rect x="62" y="60" width="14" height="10" rx="5" fill="none" stroke="rgba(244,180,0,0.7)" stroke-width="1.5"/> <rect x="84" y="60" width="14" height="10" rx="5" fill="none" stroke="rgba(244,180,0,0.7)" stroke-width="1.5"/> <line x1="76" y1="65" x2="84" y2="65" stroke="rgba(244,180,0,0.7)" stroke-width="1.5"/> </svg> </div> <div class="pc-name-block"> <h3 class="pc-name">Dr. Kamala Kanta Borah</h3> <p class="pc-designation">Principal, Mangaldai College (Autonomous)</p> <p class="pc-qualification">M.Sc., Ph.D. | Gauhati University</p> </div> </div> <!-- Divider --> <div class="pc-divider"></div> <!-- Quote --> <div class="pc-quote-mark" aria-hidden="true">"</div> <!-- Message --> <div class="pc-message"> <p align="justify">Mangaldai College (Autonomous) is a pioneer Higher Educational Institute imparting Science and Arts along with skill based B.Voc degree Programme. The college strives to build a top -notch academic environment for learners through inclusive quality education. In this connection, I take the opportunity to offer my heartiest greeting to all the respected and talented faculty members for their endeavour to make our students excel in all aspects.... </p> </div> <!-- Signature --> <div class="pc-signature"> <div class="pc-sig-line" aria-hidden="true"></div> <span>Dr. Kamala Kanta Borah</span> </div> <!-- Read more --> <a href="#" class="pc-readmore"> Read Full Message <i class="bi bi-arrow-right"></i> </a> <!-- Stats --> <div class="pc-stats"> <div class="pc-stat"> <span class="pc-stat-num">75+</span> <span class="pc-stat-label">Years</span> </div> <div class="pc-stat-div"></div> <div class="pc-stat"> <span class="pc-stat-num">5000+</span> <span class="pc-stat-label">Students</span> </div> <div class="pc-stat-div"></div> <div class="pc-stat"> <span class="pc-stat-num">80+</span> <span class="pc-stat-label">Faculty</span> </div> </div> </div> </div> </div> <!-- Scroll indicator --> <div class="scroll-indicator" aria-hidden="true"> <span></span> </div> <!-- ββββββββββββββββββββββββββββββββββββββββββ QUICK ACCESS CARDS (bottom of hero) ββββββββββββββββββββββββββββββββββββββββββ --> <div class="quick-cards-row" role="list" aria-label="Quick access links"> <a href="#" class="quick-card" role="listitem" aria-label="Admissions"> <div class="quick-card-icon"><i class="bi bi-person-plus-fill"></i></div> <div class="quick-card-text"> <span class="qc-title">Admissions</span> <span class="qc-sub">Apply Now</span> </div> </a> <a href="#" class="quick-card" role="listitem" aria-label="Notices"> <div class="quick-card-icon"><i class="bi bi-bell-fill"></i></div> <div class="quick-card-text"> <span class="qc-title">Notices</span> <span class="qc-sub">Latest Updates</span> </div> </a> <a href="#" class="quick-card" role="listitem" aria-label="Results"> <div class="quick-card-icon"><i class="bi bi-trophy-fill"></i></div> <div class="quick-card-text"> <span class="qc-title">Results</span> <span class="qc-sub">Check Results</span> </div> </a> <a href="#" class="quick-card" role="listitem" aria-label="Departments"> <div class="quick-card-icon"><i class="bi bi-building-fill"></i></div> <div class="quick-card-text"> <span class="qc-title">Departments</span> <span class="qc-sub">Explore</span> </div> </a> <a href="#" class="quick-card" role="listitem" aria-label="Library"> <div class="quick-card-icon"><i class="bi bi-book-fill"></i></div> <div class="quick-card-text"> <span class="qc-title">Library</span> <span class="qc-sub">Resources</span> </div> </a> <a href="#" class="quick-card" role="listitem" aria-label="Alumni"> <div class="quick-card-icon"><i class="bi bi-people-fill"></i></div> <div class="quick-card-text"> <span class="qc-title">Alumni</span> <span class="qc-sub">Stay Connected</span> </div> </a> </div> </section> <!-- ββββββββββββββββββββββββββββββββββββββββββββββββββββββ NOTICES + EVENTS + PRINCIPAL MESSAGE SECTION ββββββββββββββββββββββββββββββββββββββββββββββββββββββ --> <section id="info-section" aria-label="Notices, Events and Principal Message"> <div class="info-section-inner"> <!-- ββ COL 2: Latest Notices βββββββββββββββββββββββββ --> <div class="panel-card" id="notices-panel"> <div class="panel-header"> <span class="panel-icon"><i class="bi bi-megaphone-fill"></i></span> <h2 class="panel-title">Latest Notices</h2> <a href="#" class="panel-more">View All <i class="bi bi-arrow-right-short"></i></a> </div> <div class="panel-ticker-wrap" aria-live="polite"> <ul class="notices-list" id="noticesList"> <li class="notice-item new"> <span class="notice-badge">NEW</span> <div class="notice-body"> <a href="#" class="notice-title">Admission Notice 2026-27: Online applications open for UG & PG programmes</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 12 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge imp">IMP</span> <div class="notice-body"> <a href="#" class="notice-title">Examination schedule for Semester IV (Even) published β Download now</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 10 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge">NOTE</span> <div class="notice-body"> <a href="#" class="notice-title">NAAC Peer Team Visit scheduled for June 2026 β all departments to prepare SSR</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 08 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge imp">IMP</span> <div class="notice-body"> <a href="#" class="notice-title">Scholarship applications for SC/ST/OBC students β last date 31 May 2026</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 05 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge">INFO</span> <div class="notice-body"> <a href="#" class="notice-title">Anti-ragging committee meeting β attendance mandatory for all faculty members</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 02 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge">INFO</span> <div class="notice-body"> <a href="#" class="notice-title">Library will remain closed on 15 May 2026 due to stock verification</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 30 Apr 2026</span> </div> </li> <li class="notice-item new"> <span class="notice-badge">NEW</span> <div class="notice-body"> <a href="#" class="notice-title">Admission Notice 2026-27: Online applications open for UG & PG programmes</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 12 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge imp">IMP</span> <div class="notice-body"> <a href="#" class="notice-title">Examination schedule for Semester IV (Even) published β Download now</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 10 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge">NOTE</span> <div class="notice-body"> <a href="#" class="notice-title">NAAC Peer Team Visit scheduled for June 2026 β all departments to prepare SSR</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 08 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge imp">IMP</span> <div class="notice-body"> <a href="#" class="notice-title">Scholarship applications for SC/ST/OBC students β last date 31 May 2026</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 05 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge">INFO</span> <div class="notice-body"> <a href="#" class="notice-title">Anti-ragging committee meeting β attendance mandatory for all faculty members</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 02 May 2026</span> </div> </li> <li class="notice-item"> <span class="notice-badge">INFO</span> <div class="notice-body"> <a href="#" class="notice-title">Library will remain closed on 15 May 2026 due to stock verification</a> <span class="notice-date"><i class="bi bi-calendar3"></i> 30 Apr 2026</span> </div> </li> </ul> </div> </div> </div> <!-- ββ COL 3: Upcoming Events ββββββββββββββββββββββββ --> <div class="panel-card" id="events-panel"> <div class="panel-header"> <span class="panel-icon"><i class="bi bi-calendar-event-fill"></i></span> <h2 class="panel-title">Upcoming Events</h2> <a href="#" class="panel-more">View All <i class="bi bi-arrow-right-short"></i></a> </div> <div class="events-list"> <div class="event-item"> <div class="event-date-box"> <span class="event-day">20</span> <span class="event-month">MAY</span> </div> <div class="event-details"> <h3 class="event-name">Annual Cultural Fest β Utsav 2026</h3> <p class="event-meta"><i class="bi bi-geo-alt-fill"></i> College Auditorium Β· <i class="bi bi-clock-fill"></i> 10:00 AM</p> <span class="event-tag cultural">Cultural</span> </div> </div> <div class="event-item"> <div class="event-date-box"> <span class="event-day">25</span> <span class="event-month">MAY</span> </div> <div class="event-details"> <h3 class="event-name">Inter-College Debate Competition 2026</h3> <p class="event-meta"><i class="bi bi-geo-alt-fill"></i> Seminar Hall Β· <i class="bi bi-clock-fill"></i> 9:00 AM</p> <span class="event-tag academic">Academic</span> </div> </div> <div class="event-item"> <div class="event-date-box"> <span class="event-day">01</span> <span class="event-month">JUN</span> </div> <div class="event-details"> <h3 class="event-name">Sports Day & Athletics Meet 2026</h3> <p class="event-meta"><i class="bi bi-geo-alt-fill"></i> Sports Ground Β· <i class="bi bi-clock-fill"></i> 8:00 AM</p> <span class="event-tag sports">Sports</span> </div> </div> <div class="event-item"> <div class="event-date-box"> <span class="event-day">10</span> <span class="event-month">JUN</span> </div> <div class="event-details"> <h3 class="event-name">Alumni Meet & Felicitation Ceremony</h3> <p class="event-meta"><i class="bi bi-geo-alt-fill"></i> Main Campus Β· <i class="bi bi-clock-fill"></i> 11:00 AM</p> <span class="event-tag alumni">Alumni</span> </div> </div> </div> </div> </div> </div><!-- /.info-section-inner --> </section> <!-- Bootstrap JS --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <!-- Custom JS --> <script src="script.js"></script> </body> </html>
πΎ Kaydet
Δ°ptal