<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  
  <title>Home | SUBPHARM - PDEA</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Google Fonts -->
  <link rel="stylesheet"href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;600&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap" rel="stylesheet">

  <!-- Font Awesome -->
  <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

  <!-- Tailwind CSS -->
  <script src="https://cdn.tailwindcss.com"></script>

  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"rel="stylesheet">

  <!-- ✅ SAFE FIXES (NO TAILWIND BREAK) -->
  <style>
    body {
      font-family: 'Roboto', sans-serif;
    }

    /* Bootstrap container reset */
    .container {
      max-width: 100% !important;
    }

    /* Mega menu safety */
    .mega-menu {
      z-index: 9999;
    }
  </style>
  
</head>

<body class="bg-light">

  <!-- Header -->
  <div>

  <!-- ================= TOP STRIP ================= -->
  <div class="w-full bg-[#008aa5] text-white text-[13px]">
    <div class="max-w-7xl mx-auto flex items-center justify-between px-2">

      <!-- Left NAAC Strip -->
      <div class="bg-[#ffd166] text-black font-bold px-5 py-2 tracking-wide"
           style="clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);">
        NAAC Accredited B++ Grade
      </div>

      <!-- Desktop Links -->
      <div class="hidden lg:flex items-center gap-6 px-4 font-semibold">
        <a href="/news" class="hover:text-yellow-300">NEWS</a>
        <a href="#" class="hover:text-yellow-300">ACHIEVEMENTS</a>
        <a href="#" class="hover:text-yellow-300">ACTIVITIES</a>
        <a href="/iqac" class="hover:text-yellow-300">IQAC</a>
        <a href="/naac" class="hover:text-yellow-300">NAAC</a>
        <a href="#" class="hover:text-yellow-300">GRIEVANCE</a>
        <a href="#" class="hover:text-yellow-300">MANDATORY DISCLOSURES</a>
        <a href="/student-corner" class="hover:text-yellow-300">STUDENT CORNER</a>
        <a href="#" class="bg-pink-500 px-3 py-1 rounded hover:bg-pink-600">
          CAREER
        </a>
      </div>

      <!-- Mobile Toggle -->
      <button id="mobileTopToggle"
              class="lg:hidden px-4 text-white text-xl">
        <i class="fas fa-bars"></i>
      </button>

    </div>
  </div>

  <!-- ================= MOBILE TOP MENU ================= -->
  <div id="mobileTopMenu" class="hidden lg:hidden bg-[#00758d] text-white text-sm">
    <div class="flex flex-col divide-y divide-white/20">
      <a href="#" class="px-4 py-2">NEWS</a>
      <a href="#" class="px-4 py-2">ACHIEVEMENTS</a>
      <a href="#" class="px-4 py-2">ACTIVITIES</a>
      <a href="#" class="px-4 py-2">TOPPERS</a>
      <a href="#" class="px-4 py-2">NIRF</a>
      <a href="#" class="px-4 py-2">GRIEVANCE</a>
      <a href="#" class="px-4 py-2">MANDATORY DISCLOSURES</a>
      <a href="#" class="px-4 py-2">MEDIA</a>
      <a href="#" class="px-4 py-2 bg-pink-500 font-semibold">CAREER</a>
    </div>
  </div>

  <!-- ================= MAIN HEADER ================= -->
  <div class="bg-[#e8fffb] border-b">
    <div class="max-w-7xl mx-auto px-2 md:px-3 py-3">
      <div class="flex items-center gap-3 justify-between">

        <!-- LEFT LOGO -->
        <div class="flex-shrink-0">
          <img src="/img/logo/logo.png" alt="College Logo"
               class="h-20 w-20 md:h-20 md:w-20 lg:h-24 lg:w-24 rounded-full border-4 border-[#004c6d] bg-white p-1 shadow-lg">
        </div>

        <!-- CENTER CONTENT -->
        <div class="flex-1 text-center md:text-left px-2">
          <div class="text-xs font-semibold tracking-wide">
            Pune District Education Association’s
          </div>
          <h1 class="text-lg md:text-2xl font-extrabold leading-tight mt-0.5">
            Shankarrao Ursal College of Pharmaceutical Sciences & Research Center
          </h1>
          <div class="text-[11px] md:text-xs font-medium text-gray-700 leading-relaxed mt-1">
            Approved by Pharmacy Council of India, New Delhi |
            Permanently Affiliated to Savitribai Phule Pune University (PU/PN/Pharm/384/2009) |<br>
            MSBTE Code: 2143 | Recognised by Government of Maharashtra | DTE Code: 6385
          </div>
          <div class="text-xs font-semibold text-[#004c6d] mt-1">
            Affiliated to Savitribai Phule Pune University (SPPU), Pune
          </div>
        </div>

        <!-- RIGHT LOGOS -->
        <div class="flex-shrink-0 flex items-center gap-3">
          <img src="/img/logo/naac.jpg" alt="NAAC"
               class="h-20 w-20 md:h-20 md:w-20 lg:h-24 lg:w-24 rounded-full border-4 border-[#004c6d] bg-white p-1 shadow-lg object-contain">
          <img src="/img/logo/collegelogo.png" alt="college"
               class="h-20 w-20 md:h-20 md:w-20 lg:h-24 lg:w-24 rounded-full border-4 border-[#004c6d] bg-white p-1 shadow-lg object-contain">
        </div>

      </div>
    </div>
  </div>

  <!-- MOBILE SCRIPT -->
  <script>
    document.getElementById("mobileTopToggle")
      .addEventListener("click", function () {
        document.getElementById("mobileTopMenu").classList.toggle("hidden");
      });
  </script>

</div>

  <!-- Menu -->
  <div>
  <style>
    /* Menu Container */
    .m-nav {
      background: linear-gradient(135deg, #1a237e 0%, #0d47a1 100%);
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    
    /* Desktop Menu - REDUCED GAPS */
    .m-ul {
      display: flex;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      color: white;
      font-size: 0.875rem;
      font-weight: 600;
      justify-content: center;
    }
    
    .m-li {
      position: relative;
      padding: 0.75rem 0.6rem; /* Reduced padding */
      transition: background 0.2s;
    }
    
    .m-li:hover { background: rgba(255,255,255,0.1); }
    
    .m-a {
      color: white;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 0.2rem; /* Reduced gap */
      white-space: nowrap;
    }
    

    
    /* Mega Menu */
    .m-drop {
      position: absolute;
      left: 0;
      top: 100%;
      width: 75vw;
      min-width: 850px;
      max-width: 950px;
      background: white;
      color: #374151;
      box-shadow: 0 15px 30px rgba(0,0,0,0.15);
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      z-index: 9999;
      border-top: 4px solid #2563eb;
      border-radius: 0 0 8px 8px;
      overflow: hidden;
      pointer-events: none;
    }
    
    .m-has-drop:hover .m-drop {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }
    
    .m-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.2rem;
      padding: 1.2rem;
    }
    
    .m-col h4 {
      color: #1e40af;
      font-size: 0.95rem;
      font-weight: 700;
      margin-bottom: 0.6rem;
      padding-bottom: 0.4rem;
      border-bottom: 2px solid #dbeafe;
      display: flex;
      align-items: center;
    }
    
    .m-col ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .m-col li { 
      margin-bottom: 0.4rem;
      line-height: 1.3;
    }
    
    .m-col a {
      color: #4b5563;
      text-decoration: none;
      display: flex;
      align-items: center;
      transition: all 0.2s;
      padding: 0.2rem 0;
      font-size: 0.85rem;
    }
    
    .m-col a:hover {
      color: #2563eb;
      transform: translateX(3px);
    }
    
    .m-col i {
      width: 1.1rem;
      margin-right: 0.4rem;
      text-align: center;
      font-size: 0.85rem;
      flex-shrink: 0;
    }
    
    /* Mobile Menu Button - IMPROVED */
    .m-menu-btn {
      display: none;
      background: none;
      border: 1px solid rgba(255,255,255,0.3);
      border-radius: 4px;
      color: white;
      font-size: 1.3rem;
      cursor: pointer;
      padding: 0.4rem 0.6rem;
      transition: all 0.2s;
    }
    
    .m-menu-btn:hover {
      background: rgba(255,255,255,0.1);
    }
    
    /* Mobile Sidebar - IMPROVED */
    .m-sidebar {
      position: fixed;
      top: 0;
      left: -320px;
      width: 300px;
      height: 100vh;
      background: linear-gradient(180deg, #1a237e 0%, #0d47a1 100%);
      color: white;
      z-index: 10000;
      transition: left 0.3s ease;
      overflow-y: auto;
      box-shadow: 5px 0 25px rgba(0,0,0,0.2);
    }
    
    .m-sidebar.open {
      left: 0;
    }
    
    .m-sidebar-header {
      padding: 1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid rgba(255,255,255,0.1);
      background: rgba(0,0,0,0.2);
    }
    
    .m-sidebar-title {
      font-weight: 700;
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    
    .m-sidebar-title i {
      color: #ffd700;
    }
    
    .m-close-btn {
      background: none;
      border: none;
      color: white;
      font-size: 1.3rem;
      cursor: pointer;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background 0.2s;
    }
    
    .m-close-btn:hover {
      background: rgba(255,255,255,0.1);
    }
    
    
    .m-sidebar-menu {
      padding: 0;
    }
    
    .m-sidebar-item {
      padding: 0;
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    
    .m-sidebar-item > a {
      color: white;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 0.8rem;
      font-size: 0.95rem;
      padding: 0.85rem 1rem;
      transition: all 0.2s;
      background: transparent;
    }
    
    .m-sidebar-item > a:hover {
      background: rgba(255,255,255,0.1);
      padding-left: 1.2rem;
    }
    
    .m-sidebar-toggle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      background: none;
      border: none;
      color: white;
      text-align: left;
      padding: 0.85rem 1rem;
      cursor: pointer;
      font-size: 0.95rem;
      transition: all 0.2s;
    }
    
    .m-sidebar-toggle:hover {
      background: rgba(255,255,255,0.1);
      padding-left: 1.2rem;
    }
    
    .m-sidebar-submenu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background: rgba(0,0,0,0.15);
    }
    
    .m-sidebar-submenu.open {
      max-height: 1000px;
    }
    
    .m-sidebar-submenu a {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      padding: 0.65rem 1.5rem;
      color: rgba(255,255,255,0.9);
      font-size: 0.85rem;
      text-decoration: none;
      border-left: 3px solid transparent;
      transition: all 0.2s;
    }
    
    .m-sidebar-submenu a:hover {
      color: #ffd700;
      background: rgba(255,255,255,0.05);
      border-left-color: #ffd700;
      padding-left: 1.8rem;
    }
    
    .m-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 9999;
      backdrop-filter: blur(3px);
    }
    
    .m-overlay.open {
      display: block;
    }
    
    /* Responsive Design */
    @media (max-width: 1200px) {
      .m-drop {
        width: 80vw;
        min-width: 750px;
        max-width: 850px;
      }
      
      .m-li {
        padding: 0.75rem 0.5rem;
      }
    }
    
    @media (max-width: 992px) {
      .m-drop {
        width: 85vw;
        min-width: 650px;
        max-width: 750px;
      }
      
      .m-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding: 1rem;
      }
      
      .m-li {
        padding: 0.75rem 0.4rem;
      }
      
      .m-a {
        font-size: 0.85rem;
      }
    }
    
    @media (max-width: 768px) {
      /* Hide desktop menu on mobile */
      .m-ul {
        display: none;
      }
      
      /* Show mobile menu button */
      .m-menu-btn {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1rem;
        padding: 0.4rem 0.8rem;
      }
      
      .m-menu-btn i {
        font-size: 1.1rem;
      }
      
      .m-menu-btn span {
        font-size: 0.85rem;
        font-weight: 600;
      }
      
      /* Mobile menu container */
      .m-nav {
        position: relative;
        padding: 0.6rem 1rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 50px;
      }
      
      .m-logo {
        font-weight: 700;
        color: white;
        font-size: 1rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
      }
      
      .m-logo i {
        color: #ffd700;
      }
    }
    
    @media (min-width: 769px) {
      .m-menu-btn {
        display: none;
      }
      
      .m-sidebar {
        display: none;
      }
      
      .m-overlay {
        display: none !important;
      }
    }
  </style>

  <nav class="m-nav">
    <!-- Mobile Menu Button -->
    <button class="m-menu-btn" onclick="toggleSidebar()">
      <i class="fas fa-bars"></i>
      <span>MENU</span>
    </button>
    
    <!-- Desktop Menu -->
    <ul class="m-ul">
      <!-- HOME -->
      <li class="m-li"><a href="/" class="m-a"><i class="fas fa-home"></i> HOME</a></li>
      
      <!-- ABOUT US (MEGA MENU) -->
      <li class="m-li m-has-drop">
        <a href="#" class="m-a"><i class="fas fa-university"></i> ABOUT US <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i></a>
        <div class="m-drop">
          <div class="m-grid">
            <!-- Column 1 -->
            <div class="m-col">
              <h4><i class="fas fa-building"></i> About Management</h4>
              <ul>
                <li><a href="/about/pdea"><i class="fas fa-landmark" style="color:#3b82f6"></i> About Pdea</a></li>
                <li><a href="/about/office-bearers"><i class="fas fa-school" style="color:#10b981"></i> Office Bearers</a></li>
                <li><a href="/about/coordinator-committee"><i class="fas fa-users" style="color:#8b5cf6"></i>Co-Ordinator Committee</a></li>
                <li><a href="/about/cdc"><i class="fas fa-users" style="color:#8b5cf6"></i>College Development Committee</a></li>
                <li><a href="/about/governing-body"><i class="fas fa-users" style="color:#8b5cf6"></i>Governing Body</a></li>
                <li><a href="#"><i class="fas fa-star" style="color:#f59e0b"></i> Why Choose Us</a></li>
              </ul>
            </div>
            
            <!-- Column 2 -->
            <div class="m-col">
              <h4><i class="fas fa-graduation-cap"></i> About College</h4>
              <ul>
                <li><a href="/college/about"><i class="fas fa-info-circle" style="color:#3b82f6"></i> About College</a></li>
                <li><a href="/college/vision-mission"><i class="fas fa-eye" style="color:#10b981"></i> Vision Mission</a></li>
                <li><a href="/college/founder"><i class="fas fa-chart-line" style="color:#8b5cf6"></i> Founder</a></li>
                <li><a href="/college/our-inspiration"><i class="fas fa-sitemap" style="color:#f59e0b"></i>Our Inspiration</a></li>
                <li><a href="/college/president-message"><i class="fas fa-history" style="color:#ef4444"></i>  President's Message</a></li>
                <li><a href="/college/vice-president-message"><i class="fas fa-history" style="color:#ef4444"></i> Vice President's Message</a></li>
                <li><a href="/college/secretary-message"><i class="fas fa-file-invoice-dollar" style="color:#3b82f6"></i> Secretary's Message</a></li>
                <li><a href="/college/principal-message"><i class="fas fa-gavel" style="color:#10b981"></i> Principal Message</a></li>
                
              </ul>
            </div>
            
            <!-- Column 3 -->
            <div class="m-col">
              <h4><i class="fas fa-comments"></i> Our Team</h4>
              <ul>
                <li><a href="/college/administration-staff"><i class="fas fa-user-tie" style="color:#3b82f6"></i> Administration Staff</a></li>
                <li><a href="/faculty"><i class="fas fa-user-graduate" style="color:#10b981"></i> Faculty</a></li>
                <li><a href="/college/teaching-staff"><i class="fas fa-chart-line" style="color:#8b5cf6"></i> Teaching Staff</a></li>
                <li><hr style="margin:0.4rem 0; border-color:#e5e7eb"></li>
                <li><a href="/college/non-teaching-staff"><i class="fas fa-users-cog" style="color:#f59e0b"></i> Non-Teaching Staff</a></li>
                <li><a href="/college/library-committee"><i class="fas fa-user-tie" style="color:#3b82f6"></i> Library Advisory Committee</a></li>
                <li><a href="/college/examinor"><i class="fas fa-chalkboard-teacher" style="color:#10b981"></i> College Examination Officer</a></li>
                <li><a href="/college-academic-coordinator"><i class="fas fa-user-cog" style="color:#8b5cf6"></i>Academic Coordinator</a></li>
              </ul>
            </div>
          </div>
        </div>
      </li>
      
      <!-- ADMISSION -->
      <li class="m-li m-has-drop">
        <a href="#" class="m-a"><i class="fas fa-user-graduate"></i> ADMISSION <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i></a>
        <div class="m-drop" style="width:35vw; min-width:350px; max-width:400px;">
          <div class="m-grid" style="grid-template-columns:1fr; gap:1rem; padding:1.2rem;">
            <div class="m-col">
              <h4><i class="fas fa-user-graduate"></i> Admission Information</h4>
              <ul>
                <li><a href="/admission/d-pharma"><i class="fas fa-clipboard-list" style="color:#3b82f6"></i> D-Pharma Admission</a></li>
                <li><a href="/admission/b-pharma"><i class="fas fa-check-circle" style="color:#10b981"></i> B-Pharma Admission</a></li>
                <li><a href="/admission/m-pharma"><i class="fas fa-check-circle" style="color:#10b981"></i> M-Pharma Admission</a></li>
                <li><a href="/admission/phd"><i class="fas fa-money-bill-wave" style="color:#f59e0b"></i> Ph.D Admission</a></li>
                <li><a href="#"><i class="fas fa-award" style="color:#8b5cf6"></i> Scholarships</a></li>
                <li><a href="#"><i class="fas fa-calendar-alt" style="color:#ef4444"></i> Important Dates</a></li>
                <li><a href="#"><i class="fas fa-file-alt" style="color:#3b82f6"></i> Application Form</a></li>
                <li><a href="#"><i class="fas fa-headset" style="color:#10b981"></i> Admission Contact</a></li>
              </ul>
            </div>
          </div>
        </div>
      </li>
      
      <!-- ACADEMICS -->
<li class="m-li m-has-drop">
  <a href="#" class="m-a">
    <i class="fas fa-graduation-cap"></i> ACADEMICS
    <i class="fas fa-chevron-down" style="font-size:0.7rem;margin-left:0.2rem;"></i>
  </a>

  <div class="m-drop" style="width:60vw;max-width:800px;">
    <div class="m-grid" style="grid-template-columns:repeat(4,1fr);gap:1.2rem;padding:1.2rem;">

      <!-- Academic Calendar -->
      <div class="m-col">
        <h4><i class="fas fa-calendar-alt"></i> Academic Calendar</h4>
        <ul>
          <li> <a href="/calendar/d-pharm"><i class="fas fa-capsules text-blue"></i> D.Pharm </a></li>
          <li><a href="/calendar/b-pharm"><i class="fas fa-pills text-green"></i> B.Pharm</a></li>
          <li><a href="/calendar/m-pharm"><i class="fas fa-flask text-purple"></i> M.Pharm</a></li>
        </ul>
      </div>

      <!-- Students Admitted -->
      <div class="m-col">
        <h4><i class="fas fa-user-check"></i> Students Admitted</h4>
        <ul>
          <li><a href="#"><i class="fas fa-capsules text-blue"></i> D.Pharm</a></li>
          <li><a href="#"><i class="fas fa-pills text-green"></i> B.Pharm</a></li>
          <li><a href="#"><i class="fas fa-flask text-purple"></i> M.Pharm</a></li>
          <li><a href="#"><i class="fas fa-user-graduate text-orange"></i> Ph.D</a></li>
        </ul>
      </div>

      <!-- Syllabus & Timetable -->
     <div class="m-col">
	  <h4><i class="fas fa-book"></i> Syllabus</h4>
	  <ul>
	    <li><a href="/syllabus/d-pharm"><i class="fas fa-capsules text-blue"></i> D.Pharm</a></li>
	    <li><a href="/syllabus/b-pharm"><i class="fas fa-pills text-green"></i> B.Pharm</a></li>
	    <li><a href="/syllabus/m-pharm"><i class="fas fa-flask text-purple"></i> M.Pharm</a></li>
	    <li><a href="/syllabus/phd"><i class="fas fa-user-graduate text-orange"></i> Ph.D</a></li>
	  </ul>
	</div>

      <!-- Academic Time Table -->
      <div class="m-col">
        <h4><i class="fas fa-university"></i> Academic Time-Table</h4>
        <ul>
		  <li> <a href="/time-table/b-pharm"> <i class="fas fa-pills text-green"></i> B.Pharm </a></li>
		  <li> <a href="/time-table/d-pharm"><i class="fas fa-flask text-purple"></i> D.Pharm </a></li>
		  <li> <a href="/time-table/m-pharm"><i class="fas fa-flask text-purple"></i> M.Pharm</a></li>
		</ul>

        <!-- <ul>
          <li><a href="/academic"><i class="fas fa-users-cog text-blue"></i> AMC</a></li>
          <li><a href="/academic"><i class="fas fa-file-contract text-green"></i> Policy & Procedure</a></li>
          <li><a href="/academic"><i class="fas fa-project-diagram text-purple"></i> CO-PO</a></li>
          <li><a href="/academic"><i class="fas fa-book-open text-orange"></i> E-Resources</a></li>
          <li><a href="/academic"><i class="fas fa-briefcase text-red"></i> Academic & Professional Activities</a></li>
        </ul> -->
      </div>

    </div>
  </div>
</li>

      
      <!-- DEPARTMENTS -->
<li class="m-li m-has-drop">
  <a href="#" class="m-a">
    <i class="fas fa-building"></i> DEPARTMENTS
    <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i>
  </a>

  <div class="m-drop" style="width:35vw; min-width:350px; max-width:400px;">
    <div class="m-grid" style="grid-template-columns:1fr; gap:1rem; padding:1.2rem;">
      <div class="m-col">
        <h4><i class="fas fa-building"></i> Departments</h4>
        <ul>
          <li><a href="/department/pharmaceutics"><i class="fas fa-capsules" style="color:#3b82f6"></i> Pharmaceutics</a></li>
          <li><a href="/department/pharmacology"><i class="fas fa-heartbeat" style="color:#ef4444"></i> Pharmacology</a></li>
          <li><a href="/department/pharmaceutical-chemistry"><i class="fas fa-atom" style="color:#10b981"></i> Pharmaceutical Chemistry</a></li>
          <li><a href="/department/pharmacognosy"><i class="fas fa-leaf" style="color:#8b5cf6"></i> Pharmacognosy</a></li>
          <li><a href="/department/quality-assurance"><i class="fas fa-check-double" style="color:#3b82f6"></i> Quality Assurance</a></li>
          <li><a href="/department/d-pharm"><i class="fas fa-graduation-cap" style="color:#6366f1"></i> Diploma in Pharmacy (D.Pharm)</a></li>
          <li><a href="/department/b-pharm"><i class="fas fa-graduation-cap" style="color:#2563eb"></i> Bachelor of Pharmacy (B.Pharm)</a></li>
          <li><a href="/department/m-pharm"><i class="fas fa-graduation-cap" style="color:#059669"></i> Master of Pharmacy (M.Pharm)</a></li>
        </ul>
      </div>
    </div>
  </div>
</li>

      
      <!-- FACULTY -->
      <li class="m-li"><a href="/faculty" class="m-a"><i class="fas fa-chalkboard-teacher"></i> FACULTY</a></li>
      
      
      <!-- FACILITIES -->
      <li class="m-li m-has-drop">
        <a href="#" class="m-a"><i class="fas fa-building"></i> FACILITIES <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i></a>
        <div class="m-drop" style="width:40vw; min-width:400px; max-width:450px;">
          <div class="m-grid" style="grid-template-columns:repeat(2, 1fr); gap:1.2rem; padding:1.2rem;">
            <div class="m-col">
              <h4><i class="fas fa-building"></i> Campus Facilities</h4>
              <ul>
                <li><a href="/library/about"><i class="fas fa-book" style="color:#3b82f6"></i> Library</a></li>
                <li><a href="/facilities/classroom"><i class="fas fa-flask" style="color:#10b981"></i> Classroom</a></li>
                <li><a href="/facilities/hostel"><i class="fas fa-bed" style="color:#8b5cf6"></i> Hostel</a></li>
                <li><a href="/facilities/seminar-hall"><i class="fas fa-book" style="color:#3b82f6"></i> Seminar Hall</a></li>
                <li><a href="/facilities/computer-lab"><i class="fas fa-flask" style="color:#10b981"></i> Computer & IT Facilities</a></li>
                <li><a href="/facilities/sports"><i class="fas fa-bed" style="color:#8b5cf6"></i> Sports</a></li>
                <li><a href="/facilities/canteen"><i class="fas fa-running" style="color:#f59e0b"></i> Canteen</a></li>
              </ul>
            </div>
            
            <div class="m-col">
              <h4><i class="fas fa-cogs"></i> Laboratories</h4>
              <ul>
			      <li><a href="/facilities/pharmaceutics"><i class="fas fa-flask" style="color:#3b82f6"></i> Pharmaceutics Lab</a></li>
			      <li><a href="/facilities/pharmaceutical-chemistry"><i class="fas fa-vial" style="color:#ef4444"></i> Pharmaceutical Chemistry</a></li>
			      <li><a href="/facilities/pharmacognosy"><i class="fas fa-leaf" style="color:#10b981"></i> Pharmacognosy Lab</a></li>
			      <li><a href="/facilities/pharmacology"><i class="fas fa-capsules" style="color:#8b5cf6"></i> Pharmacology Lab</a></li>
			      <li><a href="/facilities/physiology"><i class="fas fa-heartbeat" style="color:#f59e0b"></i> Physiology Lab</a></li>
			      <li><a href="/facilities/biochemistry"><i class="fas fa-dna" style="color:#3b82f6"></i> Biochemistry Lab</a></li>
			      <li><a href="/facilities/clinical"><i class="fas fa-hospital" style="color:#ef4444"></i> Hospital & Clinical Lab</a></li>
			    </ul>
            </div>
 
          </div>
        </div>
      </li>
      
      <!-- R&D -->
<li class="m-li m-has-drop">
  <a href="#" class="m-a">
    <i class="fas fa-building"></i> R&D 
    <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i>
  </a>

  <div class="m-drop" style="width:40vw; min-width:400px; max-width:450px;">
    <div class="m-grid" style="grid-template-columns:repeat(2, 1fr); gap:1.2rem; padding:1.2rem;">

      <!-- Research Center Column -->
      <div class="m-col">
        <h4><i class="fas fa-building"></i> Research Center</h4>
        <ul>
          <li><a href="/rnd/about"><i class="fas fa-info-circle" style="color:#3b82f6"></i> About R&D</a></li>
          <li><a href="/rnd/core-areas"><i class="fas fa-flask" style="color:#10b981"></i> Core Research Areas</a></li>
          <li><a href="/rnd/supervisors"><i class="fas fa-user-graduate" style="color:#8b5cf6"></i> List of Research Supervisors</a></li>
          <li><a href="/rnd/students"><i class="fas fa-users" style="color:#3b82f6"></i> Registered Students</a></li>
          <li><a href="/rnd/policy"><i class="fas fa-file-alt" style="color:#10b981"></i> Research & Innovation Policy</a></li>
          <li><a href="/rnd/ethics"><i class="fas fa-balance-scale" style="color:#8b5cf6"></i> Research & Publication Ethics</a></li>
          <li><a href="/rnd/projects"><i class="fas fa-project-diagram" style="color:#f59e0b"></i> PG/Ph.D Projects</a></li>
        </ul>
      </div>

      <!-- Laboratories Column -->
      <div class="m-col">
        <h4><i class="fas fa-cogs"></i> Research Collaborations</h4>
        <ul>
          <li><a href="/rnd/mous"><i class="fas fa-handshake" style="color:#3b82f6"></i> MoUs with Pharmaceutical Companies</a></li>
          <li><a href="/rnd/collaborations"><i class="fas fa-clinic-medical" style="color:#ef4444"></i> Collaborative Research Projects</a></li>
          <li><a href="/rnd/internships"><i class="fas fa-briefcase" style="color:#10b981"></i> Internship & Training Programs</a></li>
          <li><a href="/rnd/industry-sponsored"><i class="fas fa-industry" style="color:#8b5cf6"></i> Industry-Sponsored Projects</a></li>
          <li><a href="/rnd/seminars"><i class="fas fa-chalkboard-teacher" style="color:#f59e0b"></i> Seminars / Workshops</a></li>
          <li><a href="/rnd/expert-lectures"><i class="fas fa-microphone" style="color:#6366f1"></i> Industrial Expert Lectures</a></li>
          <li><a href="/rnd/clinical-lab"><i class="fas fa-hospital" style="color:#ec4899"></i> Hospital & Clinical Lab</a></li>
        </ul>
      </div>

    </div>
  </div>
</li>
      
      <!-- T&P -->
      <li class="m-li m-has-drop">
        <a href="#" class="m-a"><i class="fas fa-briefcase"></i> T&P <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i></a>
        <div class="m-drop" style="width:35vw; min-width:350px; max-width:350px; border-top-color:#10b981;">
          <div class="m-grid" style="grid-template-columns:1fr; gap:1rem; padding:1.2rem;">
            <div class="m-col">
              <h4><i class="fas fa-briefcase"></i> Training & Placement</h4>
              <ul>
				  <li><a href="/placement/tpo-desk"><i class="fas fa-users-cog" style="color:#3b82f6"></i> TPO Desk</a></li>
				  <li><a href="/placement/higher-education"><i class="fas fa-chart-bar" style="color:#10b981"></i> Higher Education Student Data</a></li>
				  <li><a href="/placement/placements"><i class="fas fa-building" style="color:#8b5cf6"></i> Placements</a></li>
				  <li><a href="/placement/industrial-visits"><i class="fas fa-graduation-cap" style="color:#f59e0b"></i> Industrial / Field Visits</a></li>
				  <li><a href="/placement/brochure"><i class="fas fa-user-tie" style="color:#ef4444"></i> Placement Brochure</a></li>
				  <li><a href="/placement/recruiters"><i class="fas fa-users" style="color:#10b981"></i> Recruiters</a></li>
				  <li><a href="/placement/activities"><i class="fas fa-tasks" style="color:#14b8a6"></i> Training and Placement Activities</a></li>
				</ul>
            </div>
          </div>
        </div>
      </li>
      
<!-- E-RESOURCE DROPDOWN -->
<li class="m-li m-has-drop">
  <a href="#" class="m-a">
    <i class="fas fa-images"></i> E-RESOURCE
    <i class="fas fa-chevron-down" style="font-size:0.7rem; margin-left:0.2rem;"></i>
  </a>

  <div class="m-drop" style="width:18vw; min-width:180px; max-width:220px;">
    <div class="m-grid" style="grid-template-columns:1fr; gap:1rem; padding:1rem;">
      <div class="m-col">
        <h4><i class="fas fa-folder-open"></i> Resources</h4>
        <ul>
        <li><a href="/e-resource"><i class="fas fa-folder-open" style="color:#3b82f6"></i> E-Resource</a></li>
          <li><a href="/gallery"><i class="fas fa-images" style="color:#3b82f6"></i> Gallery</a></li>
          <li><a href="#"><i class="fas fa-users" style="color:#10b981"></i> Committee</a></li>
          <li><a href="#"><i class="fas fa-comment-dots" style="color:#f59e0b"></i> Feedback</a></li>
        </ul>
      </div>
    </div>
  </div>
</li>
	<li class="m-li"><a href="/fee-structure" class="m-a"><i class="fas fa-images"></i> FRA </a></li>
	
    </ul>
  </nav>

  <!-- Mobile Sidebar -->
  <div class="m-sidebar" id="sidebar">
    <div class="m-sidebar-header">
      <div class="m-sidebar-title">
        <i class="fas fa-graduation-cap"></i>
        <span>SUCPRC Menu</span>
      </div>
      <button class="m-close-btn" onclick="toggleSidebar()">
        <i class="fas fa-times"></i>
      </button>
    </div>
    
    <!-- Mobile Search -->
    <div class="m-sidebar-search">
      <input type="text" class="m-sidebar-search-input" placeholder="Search college...">
    </div>
    
    <div class="m-sidebar-menu">
      <!-- All menu items with improved mobile view -->
      <div class="m-sidebar-item">
        <a href="/"><i class="fas fa-home"></i> HOME</a>
      </div>
      
      <!-- ABOUT US -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-university"></i> ABOUT US</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/about/pdea"><i class="fas fa-landmark"></i> About PDEA</a>
          <a href="/about/office-bearers"><i class="fas fa-school"></i> About Office Bearers</a>
          <a href="/about/coordinator-committee"><i class="fas fa-users"></i> Coorinator Committee</a>
          <a href="/about/cdc"><i class="fas fa-users"></i> College Development Committee</a>
          <a href="/about/governing_body"><i class="fas fa-users"></i> Governing Body</a>
          <a href="/#"><i class="fas fa-star"></i> Why Choose Us</a>
          <a href="/college/about"><i class="fas fa-info-circle"></i> About RCPIPER</a>
          <a href="/college/vision-mission"><i class="fas fa-eye"></i> Vision Mission</a>
          <a href="/college/founder"><i class="fas fa-chart-line"></i> Founder</a>
          <a href="/college/our-inspiration"><i class="fas fa-sitemap"></i> Our Inspiration</a>
          <a href="/college/president-message"><i class="fas fa-history"></i>  President's Message</a>
          <a href="/college/vice-president-message"><i class="fas fa-history"></i>  Vice President's Message</a>
          <a href="/college/secretary-message"><i class="fas fa-file-invoice-dollar"></i> Secretary's Message</a>
          <a href="/messages/president"><i class="fas fa-user-tie"></i> President's Message</a>
          <a href="/principal-message"><i class="fas fa-gavel"></i> Principal Message</a>
          <a href="/messages/iqac"><i class="fas fa-chart-line"></i> IQAC Coordinator's Message</a>
          <a href="/team/cdc"><i class="fas fa-users-cog"></i> CDC</a>
          <a href="/team/admin-staff"><i class="fas fa-user-tie"></i> Administrative Staff</a>
          <a href="/team/teaching-staff"><i class="fas fa-chalkboard-teacher"></i> Teaching Staff</a>
          <a href="/team/non-teaching"><i class="fas fa-user-cog"></i> Non-Teaching Staff</a>
        </div>
      </div>
      
      <!-- ADMISSION -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-user-graduate"></i> ADMISSION</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/admission/procedure"><i class="fas fa-clipboard-list"></i> Admission Procedure</a>
          <a href="/admission/eligibility"><i class="fas fa-check-circle"></i> Eligibility Criteria</a>
          <a href="/admission/fee-structure"><i class="fas fa-money-bill-wave"></i> Fee Structure</a>
          <a href="/admission/scholarships"><i class="fas fa-award"></i> Scholarships</a>
          <a href="/admission/important-dates"><i class="fas fa-calendar-alt"></i> Important Dates</a>
          <a href="/admission/application-form"><i class="fas fa-file-alt"></i> Application Form</a>
          <a href="/admission/contact"><i class="fas fa-headset"></i> Admission Contact</a>
        </div>
      </div>
      
      <!-- ACADEMICS -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-graduation-cap"></i> ACADEMICS</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/academics/bpharm"><i class="fas fa-pills"></i> B.Pharm Program</a>
          <a href="/academics/mpharm"><i class="fas fa-flask"></i> M.Pharm Program</a>
          <a href="/academics/phd"><i class="fas fa-user-graduate"></i> Ph.D Program</a>
          <a href="/academics/syllabus"><i class="fas fa-book"></i> Syllabus</a>
          <a href="/academics/calendar"><i class="fas fa-calendar"></i> Academic Calendar</a>
          <a href="/academics/timetable"><i class="fas fa-clock"></i> Time Table</a>
          <a href="/academics/examination"><i class="fas fa-file-alt"></i> Examination</a>
          <a href="/academics/regulations"><i class="fas fa-gavel"></i> Regulations</a>
        </div>
      </div>
      
      <!-- DEPARTMENTS -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-building"></i> DEPARTMENTS</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/department/pharmaceutics"><i class="fas fa-capsules"></i> Pharmaceutics</a>
          <a href="/department/pharmacology"><i class="fas fa-heartbeat"></i> Pharmacology</a>
          <a href="/department/pharmaceutical-chemistry"><i class="fas fa-atom"></i> Pharmaceutical Chemistry</a>
          <a href="/department/pharmacognosy"><i class="fas fa-leaf"></i> Pharmacognosy</a>
          <a href="/department/pharmacy-practice"><i class="fas fa-user-md"></i> Pharmacy Practice</a>
          <a href="/department/quality-assurance"><i class="fas fa-check-double"></i> Quality Assurance</a>
        </div>
      </div>
      
      <!-- FACULTY -->
      <div class="m-sidebar-item">
        <a href="/faculty"><i class="fas fa-chalkboard-teacher"></i> FACULTY</a>
      </div>
      
      <!-- NAAC/NIRF -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-award"></i> NAAC/NIRF</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/naac"><i class="fas fa-certificate"></i> NAAC Accreditation</a>
          <a href="/nirf"><i class="fas fa-trophy"></i> NIRF Ranking</a>
          <a href="/iqac"><i class="fas fa-chart-line"></i> IQAC</a>
          <a href="/principal-message"><i class="fas fa-gavel"></i> Principal Message</a>
          
        </div>
      </div>
      
      <!-- FACILITIES -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-building"></i> FACILITIES</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/facilities/library"><i class="fas fa-book"></i> Library</a>
          <a href="/facilities/labs"><i class="fas fa-flask"></i> Laboratories</a>
          <a href="/facilities/hostel"><i class="fas fa-bed"></i> Hostel</a>
          <a href="/facilities/sports"><i class="fas fa-running"></i> Sports Complex</a>
          <a href="/facilities/cafeteria"><i class="fas fa-utensils"></i> Cafeteria</a>
          <a href="/facilities/medical"><i class="fas fa-clinic-medical"></i> Medical Center</a>
          <a href="/facilities/transport"><i class="fas fa-bus"></i> Transport</a>
          <a href="/facilities/wifi"><i class="fas fa-wifi"></i> Wi-Fi Campus</a>
        </div>
      </div>
      
      <!-- R&D -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-flask"></i> R&D</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/research/labs"><i class="fas fa-microscope"></i> Research Labs</a>
          <a href="/research/projects"><i class="fas fa-project-diagram"></i> Research Projects</a>
          <a href="/research/publications"><i class="fas fa-newspaper"></i> Publications</a>
          <a href="/research/patents"><i class="fas fa-file-certificate"></i> Patents</a>
          <a href="/research/conferences"><i class="fas fa-users"></i> Conferences</a>
          <a href="/research/funding"><i class="fas fa-hand-holding-usd"></i> Research Funding</a>
        </div>
      </div>
      
      <!-- T&P -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-briefcase"></i> T&P</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/placement/cell"><i class="fas fa-users-cog"></i> T&P Cell</a>
          <a href="/placement/records"><i class="fas fa-chart-bar"></i> Placement Records</a>
          <a href="/placement/companies"><i class="fas fa-building"></i> Recruiting Companies</a>
          <a href="/placement/training"><i class="fas fa-graduation-cap"></i> Training Programs</a>
          <a href="/placement/internships"><i class="fas fa-user-tie"></i> Internships</a>
          <a href="/placement/alumni"><i class="fas fa-users"></i> Alumni Network</a>
        </div>
      </div>
      
      <!-- GALLERY -->
      <div class="m-sidebar-item">
        <button class="m-sidebar-toggle" onclick="toggleSubmenu(this)">
          <span><i class="fas fa-images"></i> GALLERY</span>
          <i class="fas fa-chevron-down"></i>
        </button>
        <div class="m-sidebar-submenu">
          <a href="/gallery/campus"><i class="fas fa-university"></i> Campus Photos</a>
          <a href="/gallery/events"><i class="fas fa-calendar-check"></i> Events & Activities</a>
          <a href="/gallery/labs"><i class="fas fa-flask"></i> Laboratory Photos</a>
          <a href="/gallery/students"><i class="fas fa-users"></i> Student Life</a>
          <a href="/gallery/festivals"><i class="fas fa-music"></i> College Festivals</a>
        </div>
      </div>
      
      
    </div>
  </div>
  
  <!-- Overlay for mobile -->
  <div class="m-overlay" id="overlay" onclick="toggleSidebar()"></div>

  <!-- JavaScript -->
  <script>
    let sidebarOpen = false;
    
    function toggleSidebar() {
      const sidebar = document.getElementById('sidebar');
      const overlay = document.getElementById('overlay');
      
      sidebarOpen = !sidebarOpen;
      
      if (sidebarOpen) {
        sidebar.classList.add('open');
        overlay.classList.add('open');
        document.body.style.overflow = 'hidden';
      } else {
        sidebar.classList.remove('open');
        overlay.classList.remove('open');
        document.body.style.overflow = '';
      }
    }
    
    function toggleSubmenu(button) {
      const submenu = button.nextElementSibling;
      const icon = button.querySelector('.fa-chevron-down');
      
      submenu.classList.toggle('open');
      
      if (submenu.classList.contains('open')) {
        icon.style.transform = 'rotate(180deg)';
      } else {
        icon.style.transform = 'rotate(0deg)';
      }
    }
    
    // Close sidebar when clicking outside on mobile
    document.addEventListener('click', function(event) {
      const sidebar = document.getElementById('sidebar');
      const menuBtn = document.querySelector('.m-menu-btn');
      const overlay = document.getElementById('overlay');
      
      if (sidebarOpen && 
          !sidebar.contains(event.target) && 
          !menuBtn.contains(event.target) &&
          window.innerWidth <= 768) {
        toggleSidebar();
      }
    });
    
    // Close sidebar on escape key
    document.addEventListener('keydown', function(event) {
      if (event.key === 'Escape' && sidebarOpen) {
        toggleSidebar();
      }
    });
    
    // Handle window resize
    window.addEventListener('resize', function() {
      if (window.innerWidth > 768 && sidebarOpen) {
        toggleSidebar();
      }
    });
    
    // Search functionality
    document.addEventListener('DOMContentLoaded', function() {
      const searchInputs = document.querySelectorAll('.m-search-input, .m-sidebar-search-input');
      
      searchInputs.forEach(input => {
        input.addEventListener('keypress', function(e) {
          if (e.key === 'Enter') {
            const searchTerm = this.value.trim();
            if (searchTerm) {
              alert(`Searching for: ${searchTerm}`);
              // window.location.href = `/search?q=${encodeURIComponent(searchTerm)}`;
            }
          }
        });
      });
      
      const searchButtons = document.querySelectorAll('.m-search-btn');
      searchButtons.forEach(button => {
        button.addEventListener('click', function() {
          const input = this.previousElementSibling;
          const searchTerm = input.value.trim();
          if (searchTerm) {
            alert(`Searching for: ${searchTerm}`);
            // window.location.href = `/search?q=${encodeURIComponent(searchTerm)}`;
          }
        });
      });
    });
  </script>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</div>

  <!-- Main Content -->
  <main class="container-fluid px-0 py-0">
    <div>
	 <div class="bg-gradient-to-r from-teal-500 to-cyan-600 text-white py-6 mb-6">
    <div class="max-w-7xl mx-auto px-4">
        <h1 class="text-3xl font-bold"></h1>
        <p class="text-sm mt-1">
            Home / <span></span>
        </p>
    </div>
</div>
	<p>No static resource sitemap.xml.</p>
	</div>
  </main>

  <!-- Footer -->
  <div>
	<footer
		class="bg-gradient-to-b from-[#0b2c3d] to-[#081f2e] text-gray-300 pt-16 pb-10 relative overflow-hidden">

		<div class="max-w-7xl mx-auto px-5 sm:px-6 lg:px-8 relative z-10">

			<!-- MAIN GRID -->
			<div
				class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 lg:gap-12 pb-12">

				<!-- Column 1 – College Info -->
				<div>

					<h3 class="text-xl font-bold text-white mb-4">Shankarrao Ursal
						College of Pharmaceutical Sciences & Research Center</h3>

					<p class="text-sm leading-relaxed text-gray-300/90">
						Sr.No.15/2/A/1/1, Near Zensar IT Tower,<br> Kharadi, Pune,
						Maharashtra 411014, India
					</p>

					<div class="mt-4 space-y-2 text-sm">
						<p>📞 020-2701 3835</p>
						<p>✉ sucopsrc_2009@yahoo.co.in</p>
					</div>

					<div class="mt-4 text-sm text-cyan-400">
						Visitor Counter : <span class="font-semibold">2427753</span>
					</div>

					<!-- Social Media Icons -->
					<div class="flex gap-4 mt-6">

						<a href="#"
							class="w-9 h-9 flex items-center justify-center rounded-md bg-white/10 hover:bg-cyan-600 transition">
							<i class="bi bi-facebook text-lg"></i>
						</a> <a href="#"
							class="w-9 h-9 flex items-center justify-center rounded-md bg-white/10 hover:bg-cyan-600 transition">
							<i class="bi bi-instagram text-lg"></i>
						</a> <a href="#"
							class="w-9 h-9 flex items-center justify-center rounded-md bg-white/10 hover:bg-cyan-600 transition">
							<i class="bi bi-twitter-x text-lg"></i>
						</a> <a href="#"
							class="w-9 h-9 flex items-center justify-center rounded-md bg-white/10 hover:bg-cyan-600 transition">
							<i class="bi bi-linkedin text-lg"></i>
						</a>

					</div>

				</div>


				<!-- Column 2 – Quick Links -->
				<div>

					<h4 class="text-lg font-semibold text-white mb-5">Quick Links</h4>

					<ul class="space-y-2 text-sm">

						<li><a href="#" class="hover:text-cyan-400">► MIS Login</a></li>

						<li><a href="#" class="hover:text-cyan-400">► NIRF</a></li>

						<li><a href="#" class="hover:text-cyan-400">► Best
								Practices</a></li>

						<li><a href="#" class="hover:text-cyan-400">► Policies</a></li>

						<li><a href="#" class="hover:text-cyan-400">► Program
								Outcomes</a></li>

						<li><a href="#" class="hover:text-cyan-400">► Code of
								Conduct</a></li>

						<li><a href="#" class="hover:text-cyan-400">► Feedback
								Report</a></li>

						<li><a href="#" class="hover:text-cyan-400">► Student
								Satisfaction Survey</a></li>

					</ul>

				</div>


				<!-- Column 3 – Important Links -->
				<div>

					<h4 class="text-lg font-semibold text-white mb-5">Important
						Links</h4>

					<ul class="space-y-2 text-sm">

						<li><a href="#" class="hover:text-cyan-400">► Placement
								Cell</a></li>

						<li><a href="https://www.pci.nic.in/" target="_blank"
							class="hover:text-cyan-400">► PCI</a></li>

						<li><a href="https://www.aicte-india.org/" target="_blank"
							class="hover:text-cyan-400">► AICTE</a></li>

						<li><a href="https://www.dtemaharashtra.gov.in/"
							target="_blank" class="hover:text-cyan-400">► DTE Maharashtra</a></li>

						<li><a href="https://www.mspcindia.org/" target="_blank"
							class="hover:text-cyan-400">► MSPC India</a></li>

						<li><a href="https://www.unipune.ac.in/" target="_blank"
							class="hover:text-cyan-400">► SPPU</a></li>

						<li><a href="https://www.antiragging.in/" target="_blank"
							class="hover:text-cyan-400">► Anti Ragging Portal</a></li>

						<li><a href="#" class="hover:text-cyan-400">► DGPM
								Registration</a></li>

						<li><a href="https://mahadbt.maharashtra.gov.in/"
							target="_blank" class="hover:text-cyan-400">► MahaDBT Portal</a></li>

					</ul>

				</div>


				<!-- Column 4 – Location -->
				<div>

					<h4 class="text-lg font-semibold text-white mb-5">Our Location</h4>

					<div class="rounded-lg overflow-hidden border border-gray-700">

						<iframe
							src="https://maps.google.com/maps?q=Shankarrao%20Ursal%20College%20of%20Pharmaceutical%20Sciences%20Kharadi%20Pune&t=&z=13&ie=UTF8&iwloc=&output=embed"
							width="100%" height="200" style="border: 0;" allowfullscreen=""
							loading="lazy"> </iframe>

					</div>

				</div>

			</div>


			<!-- BOTTOM BAR -->
			<div
				class="border-t border-gray-700/50 pt-6 text-center text-sm text-gray-400">

				<p>Copyright © 2025, Shankarrao Ursal College of Pharmaceutical
					Sciences & Research Center, Pune.</p>

				<p class="mt-1">
					Developed By <span class="text-cyan-400 font-semibold">TechDivinity,
						Pune</span>
				</p>

			</div>

		</div>

	</footer>
</div>

  <!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>