<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset=UTF-8>
 <meta name=viewport content="width=device-width, initial-scale=1.0">
 <title>MD Tax Collector Help Desk Portal</title>
 <script src=https://cdn.tailwindcss.com></script>
 <script src=https://unpkg.com/lucide@latest></script>
</head>
<body >

 <!-- Header -->
 <header >
  <h1 >MD Tax Collector Help Desk Portal</h1>
  <p >Select a department to submit your request</p>
 </header>

 <!-- Tiles Section -->
 <main >
  <div >

   <a href="#" >
    <i data-lucide="monitor" ></i>
    <h2 >IT Help Desk</h2>
    <p >Technical support, system access, and troubleshooting.</p>
   </a>

   <a href="#" >
    <i data-lucide="users" ></i>
    <h2 >HR Help Desk</h2>
    <p >Employee services, benefits, and HR-related inquiries.</p>
   </a>

   <a href="#" >
    <i data-lucide="building" ></i>
    <h2 >Facilities Help Desk</h2>
    <p >Building issues, maintenance requests, and workspace support.</p>
   </a>

   <a href="#" >
    <i data-lucide="shopping-cart" ></i>
    <h2 >Procurement Help Desk</h2>
    <p >Purchasing requests, vendor support, and order tracking.</p>
   </a>

   <a href="#" >
    <i data-lucide="calculator" ></i>
    <h2 >Finance & Accounting Help Desk</h2>
    <p >Invoices, payments, budgets, and financial inquiries.</p>
   </a>

   <a href="#" >
    <i data-lucide="scale" ></i>
    <h2 >Legal Help Desk</h2>
    <p >Legal inquiries, compliance, and document review support.</p>
   </a>

  </div>
 </main>

 <!-- Footer -->
 <footer >
  © 2026 MD Tax Collector Office
 </footer>

 <script>
  lucide.createIcons();
 </script>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset=UTF-8>
 <meta name=viewport content="width=device-width, initial-scale=1.0">
 <title>MD Tax Collector Help Desk Portal</title>
 <script src=https://cdn.tailwindcss.com></script>
 <script src=https://unpkg.com/lucide@latest></script>
</head>
<body >

 <!-- Header -->
 <header >
  <h1 >MD Tax Collector Help Desk Portal</h1>
  <p >Select a department to submit your request</p>
 </header>

 <!-- Tiles Section -->
 <main >
  <div >

   <a href="#" >
    <i data-lucide="monitor" ></i>
    <h2 >IT Help Desk</h2>
    <p >Technical support, system access, and troubleshooting.</p>
   </a>

   <a href="#" >
    <i data-lucide="users" ></i>
    <h2 >HR Help Desk</h2>
    <p >Employee services, benefits, and HR-related inquiries.</p>
   </a>

   <a href="#" >
    <i data-lucide="building" ></i>
    <h2 >Facilities Help Desk</h2>
    <p >Building issues, maintenance requests, and workspace support.</p>
   </a>

   <a href="#" >
    <i data-lucide="shopping-cart" ></i>
    <h2 >Procurement Help Desk</h2>
    <p >Purchasing requests, vendor support, and order tracking.</p>
   </a>

   <a href="#" >
    <i data-lucide="calculator" ></i>
    <h2 >Finance & Accounting Help Desk</h2>
    <p >Invoices, payments, budgets, and financial inquiries.</p>
   </a>

   <a href="#" >
    <i data-lucide="scale" ></i>
    <h2 >Legal Help Desk</h2>
    <p >Legal inquiries, compliance, and document review support.</p>
   </a>

  </div>
 </main>

 <!-- Footer -->
 <footer >
  © 2026 MD Tax Collector Office
 </footer>

 <script>
  lucide.createIcons();
 </script>

</body>
</html>