<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>UNIOSUN Teaching Hospital, Osogbo</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
    <style>
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 600px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown:hover .dropdown-content {
            display: flex;
        }
        .nav-link {
            transition: color 0.3s;
        }
        .nav-link:hover, .nav-link-active, .dropdown:hover .nav-link {
            color: #06b6d4; /* Tailwind's cyan-600 */
        }
    </style>
</head>
<body class="font-sans">
    <!-- Top Bar -->
    <div class="bg-cyan-600 text-white text-center py-2">
        <p class="text-lg font-bold">UNIOSUN Teaching Hospital, Osogbo.</p>
    </div>
    <!-- Header -->
    <header class="bg-gray-100 py-4">
        <div class="container mx-auto flex justify-between items-center">
            <div class="flex items-center">
                <img alt="UNIOSUN Teaching Hospital Logo" class="mr-4" height="50" src="https://storage.googleapis.com/a1aa/image/OjrI5gxzOVLI_D0qzN_8AqSq7PsUlod9L901WBLrL6Q.jpg" width="50"/>
                <div>
                    <h1 class="text-xl font-bold">UNIOSUN</h1>
                    <p class="text-sm">TEACHING HOSPITAL, OSOGBO</p>
                </div>
            </div>
            <div class="flex items-center">
                <input class="border border-gray-300 rounded px-4 py-2 mr-4" placeholder="Enter your search" type="text"/>
                <button class="text-gray-600">
                    <i class="fas fa-search"></i>
                </button>
            </div>
            <div class="text-sm">
                <p><strong>STAFF WEBMAIL</strong></p>
                <p>MAIL US: <a class="text-cyan-600" href="mailto:info@uth-osogbo.org.ng">info@uth-osogbo.org.ng</a></p>
                <p>CALL US: <a class="text-cyan-600" href="tel:<PRESIDIO_ANONYMIZED_PHONE_NUMBER>"><PRESIDIO_ANONYMIZED_PHONE_NUMBER></a></p>
                <p>LOCATION: Station Road, Osogbo</p>
            </div>
        </div>
    </header>
    <!-- Navigation -->
    <nav class="bg-white shadow">
        <div class="container mx-auto">
            <ul class="flex space-x-4 py-4">
                <li><a class="nav-link nav-link-active text-cyan-600 font-bold" href="#">Home</a></li>
                <li class="dropdown relative">
                    <a class="nav-link text-gray-600" href="#">Our Journal</a>
                    <div class="dropdown-content p-4">
                        <p class="text-gray-700">Details about Our Journal: Our journal provides the latest research and findings in the medical field. Stay updated with our publications.</p>
                    </div>
                </li>
                <li class="dropdown relative">
                    <a class="nav-link text-gray-600" href="#">Departments</a>
                    <div class="dropdown-content p-4 flex space-x-8">
                        <div>
                            <h3 class="font-bold">CLINICALS</h3>
                            <ul class="list-disc pl-5">
                                <li>Chairman Medical Advisory Committee (CMAC)</li>
                                <li>Anaesthesia</li>
                                <li>Radiology</li>
                                <li>Internal Medicine</li>
                                <li>Obstetric and Gynaecology</li>
                                <li>Paediatrics</li>
                                <li>Psychiatry / Mental Health</li>
                                <li>Dental Surgery</li>
                                <li>Community Medicine</li>
                                <li>E. N. T.</li>
                                <li>Surgery</li>
                                <li>Ophthalmology</li>
                                <li>Family Medicine</li>
                            </ul>
                        </div>
                        <div>
                            <h3 class="font-bold">LABORATORIES</h3>
                            <ul class="list-disc pl-5">
                                <li>Histopathology / Morbid Anatomy</li>
                                <li>Microbiology and Parasitology</li>
                                <li>Chemical Pathology</li>
                                <li>Haematology / Blood Bank</li>
                            </ul>
                        </div>
                        <div>
                            <h3 class="font-bold">ADMINISTRATION</h3>
                            <ul class="list-disc pl-5">
                                <li>Chief Medical Director (CMD)</li>
                                <li>Director of Administration (DA)</li>
                                <li>Public Relations</li>
                                <li>Management Information System</li>
                                <li>Marketing</li>
                                <li>Security</li>
                                <li>Transport</li>
                                <li>Catering</li>
                                <li>General Administration</li>
                                <li>Account and Finance</li>
                                <li>Establishment and Personnel</li>
                                <li>Internal Audit</li>
                                <li>Corporate Planning</li>
                                <li>Stores and Purchasing</li>
                                <li>Legal and Entrepreneur</li>
                                <li>Works and Services</li>
                                <li>Laundry and Tailoring</li>
                            </ul>
                        </div>
                        <div>
                            <h3 class="font-bold">SUB-CLINICALS</h3>
                            <ul class="list-disc pl-5">
                                <li>Health Records</li>
                                <li>Pharmacy</li>
                                <li>Nursing</li>
                                <li>Physiotherapy</li>
                                <li>Medical Library</li>
                                <li>Dietetics</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a class="nav-link text-gray-600" href="#">Training</a></li>
                <li><a class="nav-link nav-link-active text-cyan-600 font-bold" href="#">Research</a></li>
                <li><a class="nav-link text-gray-600" href="#">About Us</a></li>
                <li><a class="nav-link text-gray-600" href="#">Patients & Visitors</a></li>
                <li><a class="nav-link text-gray-600" href="#">Medical Schools</a></li>
                <li><a class="nav-link text-gray-600" href="#">Login</a></li>
                <li><a class="nav-link text-gray-600" href="#">Blogs & News</a></li>
            </ul>
        </div>
    </nav>
    <!-- Main Content -->
    <main class="container mx-auto my-8">
        <div class="flex">
            <div class="w-2/3">
                <img alt="Group of medical professionals" class="w-full" height="400" src="https://storage.googleapis.com/a1aa/image/OS3Cd2YzxvVNSi7PGbw95EESztmWGeNuRa-k89g-L8A.jpg" width="800"/>
            </div>
            <div class="w-1/3 pl-8">
                <ul class="space-y-4 text-cyan-600">
                    <li><a class="text-lg" href="#">Find a Service</a></li>
                    <li><a class="text-lg" href="#">Patient Guide</a></li>
                    <li><a class="text-lg" href="#">Public Health Alerts</a></li>
                    <li><a class="text-lg" href="#">Contact us</a></li>
                    <li><a class="text-lg" href="#">Staff web mail</a></li>
                </ul>
            </div>
        </div>
    </main>
    <!-- Chat Button -->
    <div class="fixed bottom-4 right-4">
        <button class="bg-green-500 text-white rounded-full p-4 shadow-lg">
            <i class="fas fa-comments"></i> Chat
        </button>
    </div>
</body>
</html><html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>UNIOSUN Teaching Hospital, Osogbo</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
    <style>
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 600px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }
        .dropdown:hover .dropdown-content {
            display: flex;
        }
        .nav-link {
            transition: color 0.3s;
        }
        .nav-link:hover, .nav-link-active, .dropdown:hover .nav-link {
            color: #06b6d4; /* Tailwind's cyan-600 */
        }
    </style>
</head>
<body class="font-sans">
    <!-- Top Bar -->
    <div class="bg-cyan-600 text-white text-center py-2">
        <p class="text-lg font-bold">UNIOSUN Teaching Hospital, Osogbo.</p>
    </div>
    <!-- Header -->
    <header class="bg-gray-100 py-4">
        <div class="container mx-auto flex justify-between items-center">
            <div class="flex items-center">
                <img alt="UNIOSUN Teaching Hospital Logo" class="mr-4" height="50" src="https://storage.googleapis.com/a1aa/image/OjrI5gxzOVLI_D0qzN_8AqSq7PsUlod9L901WBLrL6Q.jpg" width="50"/>
                <div>
                    <h1 class="text-xl font-bold">UNIOSUN</h1>
                    <p class="text-sm">TEACHING HOSPITAL, OSOGBO</p>
                </div>
            </div>
            <div class="flex items-center">
                <input class="border border-gray-300 rounded px-4 py-2 mr-4" placeholder="Enter your search" type="text"/>
                <button class="text-gray-600">
                    <i class="fas fa-search"></i>
                </button>
            </div>
            <div class="text-sm">
                <p><strong>STAFF WEBMAIL</strong></p>
                <p>MAIL US: <a class="text-cyan-600" href="mailto:info@uth-osogbo.org.ng">info@uth-osogbo.org.ng</a></p>
                <p>CALL US: <a class="text-cyan-600" href="tel:<PRESIDIO_ANONYMIZED_PHONE_NUMBER>"><PRESIDIO_ANONYMIZED_PHONE_NUMBER></a></p>
                <p>LOCATION: Station Road, Osogbo</p>
            </div>
        </div>
    </header>
    <!-- Navigation -->
    <nav class="bg-white shadow">
        <div class="container mx-auto">
            <ul class="flex space-x-4 py-4">
                <li><a class="nav-link nav-link-active text-cyan-600 font-bold" href="#">Home</a></li>
                <li class="dropdown relative">
                    <a class="nav-link text-gray-600" href="#">Our Journal</a>
                    <div class="dropdown-content p-4">
                        <p class="text-gray-700">Details about Our Journal: Our journal provides the latest research and findings in the medical field. Stay updated with our publications.</p>
                    </div>
                </li>
                <li class="dropdown relative">
                    <a class="nav-link text-gray-600" href="#">Departments</a>
                    <div class="dropdown-content p-4 flex space-x-8">
                        <div>
                            <h3 class="font-bold">CLINICALS</h3>
                            <ul class="list-disc pl-5">
                                <li>Chairman Medical Advisory Committee (CMAC)</li>
                                <li>Anaesthesia</li>
                                <li>Radiology</li>
                                <li>Internal Medicine</li>
                                <li>Obstetric and Gynaecology</li>
                                <li>Paediatrics</li>
                                <li>Psychiatry / Mental Health</li>
                                <li>Dental Surgery</li>
                                <li>Community Medicine</li>
                                <li>E. N. T.</li>
                                <li>Surgery</li>
                                <li>Ophthalmology</li>
                                <li>Family Medicine</li>
                            </ul>
                        </div>
                        <div>
                            <h3 class="font-bold">LABORATORIES</h3>
                            <ul class="list-disc pl-5">
                                <li>Histopathology / Morbid Anatomy</li>
                                <li>Microbiology and Parasitology</li>
                                <li>Chemical Pathology</li>
                                <li>Haematology / Blood Bank</li>
                            </ul>
                        </div>
                        <div>
                            <h3 class="font-bold">ADMINISTRATION</h3>
                            <ul class="list-disc pl-5">
                                <li>Chief Medical Director (CMD)</li>
                                <li>Director of Administration (DA)</li>
                                <li>Public Relations</li>
                                <li>Management Information System</li>
                                <li>Marketing</li>
                                <li>Security</li>
                                <li>Transport</li>
                                <li>Catering</li>
                                <li>General Administration</li>
                                <li>Account and Finance</li>
                                <li>Establishment and Personnel</li>
                                <li>Internal Audit</li>
                                <li>Corporate Planning</li>
                                <li>Stores and Purchasing</li>
                                <li>Legal and Entrepreneur</li>
                                <li>Works and Services</li>
                                <li>Laundry and Tailoring</li>
                            </ul>
                        </div>
                        <div>
                            <h3 class="font-bold">SUB-CLINICALS</h3>
                            <ul class="list-disc pl-5">
                                <li>Health Records</li>
                                <li>Pharmacy</li>
                                <li>Nursing</li>
                                <li>Physiotherapy</li>
                                <li>Medical Library</li>
                                <li>Dietetics</li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a class="nav-link text-gray-600" href="#">Training</a></li>
                <li><a class="nav-link nav-link-active text-cyan-600 font-bold" href="#">Research</a></li>
                <li><a class="nav-link text-gray-600" href="#">About Us</a></li>
                <li><a class="nav-link text-gray-600" href="#">Patients & Visitors</a></li>
                <li><a class="nav-link text-gray-600" href="#">Medical Schools</a></li>
                <li><a class="nav-link text-gray-600" href="#">Login</a></li>
                <li><a class="nav-link text-gray-600" href="#">Blogs & News</a></li>
            </ul>
        </div>
    </nav>
    <!-- Main Content -->
    <main class="container mx-auto my-8">
        <div class="flex">
            <div class="w-2/3">
                <img alt="Group of medical professionals" class="w-full" height="400" src="https://storage.googleapis.com/a1aa/image/OS3Cd2YzxvVNSi7PGbw95EESztmWGeNuRa-k89g-L8A.jpg" width="800"/>
            </div>
            <div class="w-1/3 pl-8">
                <ul class="space-y-4 text-cyan-600">
                    <li><a class="text-lg" href="#">Find a Service</a></li>
                    <li><a class="text-lg" href="#">Patient Guide</a></li>
                    <li><a class="text-lg" href="#">Public Health Alerts</a></li>
                    <li><a class="text-lg" href="#">Contact us</a></li>
                    <li><a class="text-lg" href="#">Staff web mail</a></li>
                </ul>
            </div>
        </div>
    </main>
    <!-- Chat Button -->
    <div class="fixed bottom-4 right-4">
        <button class="bg-green-500 text-white rounded-full p-4 shadow-lg">
            <i class="fas fa-comments"></i> Chat
        </button>
    </div>
</body>
</html>      CONVERT THIS CODE TO HTML AND CS ONLY