<!DOCTYPE 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>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
    <style>
        /* General Styles */
        body {
            font-family: sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f7fafc;
        }

        /* Top Bar */
        .top-bar {
            background-color: #06b6d4;
            color: white;
            text-align: center;
            padding: 8px 0;
        }

        .top-bar p {
            font-size: 1.125rem;
            font-weight: bold;
            margin: 0;
        }

        /* Header */
        header {
            background-color: #f7fafc;
            padding: 16px 0;
        }

        .header-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
        }

        .logo-container {
            display: flex;
            align-items: center;
        }

        .logo-container img {
            margin-right: 16px;
        }

        .logo-container h1 {
            font-size: 1.25rem;
            font-weight: bold;
            margin: 0;
        }

        .logo-container p {
            font-size: 0.875rem;
            margin: 0;
        }

        .search-container {
            display: flex;
            align-items: center;
        }

        .search-container input {
            border: 1px solid #d1d5db;
            border-radius: 4px;
            padding: 8px 16px;
            margin-right: 16px;
        }

        .contact-info {
            font-size: 0.875rem;
        }

        .contact-info p {
            margin: 0;
        }

        .contact-info a {
            color: #06b6d4;
            text-decoration: none;
        }

        /* Navigation */
        nav {
            background-color: white;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            padding: 16px 0;
        }

        nav ul {
            display: flex;
            justify-content: space-around;
            padding: 0 20px;
            max-width: 1200px;
            margin: auto;
            list-style-type: none;
        }

        nav ul li {
            position: relative;
        }

        nav ul li a {
            text-decoration: none;
            color: #4b5563;
            padding: 8px 16px;
            transition: color 0.3s;
        }

        nav ul li a:hover {
            color: #06b6d4;
        }

        nav ul li div {
            display: none;
            position: absolute;
            background-color: white;
            min-width: 300px;
            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
            z-index: 1;
            padding: 10px;
        }

        nav ul li:hover div {
            display: block;
        }

        nav ul li div ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        nav ul li div ul li a {
            padding: 4px 0;
        }

        /* Main Content */
        main {
            max-width: 1200px;
            margin: 32px auto;
            display: flex;
            padding: 0 20px;
        }

        .main-image img {
            width: 100%;
            height: auto;
        }

        .quick-links {
            width: 33.33333%;
            padding-left: 32px;
        }

        .quick-links ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

        .quick-links ul li a {
            color: #06b6d4;
            font-size: 1.125rem;
            display: block;
            margin-bottom: 10px;
            text-decoration: none;
        }

        /* Itunu Fund Section */
        .itunu-fund {
            padding: 20px;
            background-color: #f7fafc;
            border: 1px solid #d1d5db;
            margin-top: 20px;
            border-radius: 8px;
            text-align: left;
            max-width: 1200px;
            margin: 20px auto;
        }

        .itunu-fund h2 {
            font-size: 1.5rem;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .itunu-fund p {
            margin-bottom: 10px;
        }

        /* Services and News Section */
        .services-news {
            margin-top: 32px;
        }

        .section-title {
            text-align: center;
            margin-top: 32px;
            margin-bottom: 32px;
        }

        .section-title h2 {
            font-size: 1.875rem;
            font-weight: bold;
        }

        .section-title span {
            background-color: #0f766e;
            color: #fff;
        }

        .services-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .service-card {
            background-color: #0f766e;
            color: #ffffff;
            padding: 24px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .service-card h3 {
            font-size: 1.25rem;
            font-weight: bold;
            margin-bottom: 8px;
        }

        .service-card.white {
            background-color: white;
            color: #2d3748;
        }

        .news-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
        }

        .news-card {
            background-color: white;
            padding: 24px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .news-card h3 {
            font-size: 1.125rem;
            font-weight: bold;
            margin-bottom: 8px;
        }

        .news-card button {
            background-color: #0f766e;
            color: white;
            padding: 8px 16px;
            border-radius: 4px;
            border: none;
            cursor: pointer;
        }

        .news-card .comments {
            display: flex;
            align-items: center;
            margin-top: 16px;
            color: #2d3748;
        }

        .news-card .comments i {
            margin-right: 8px;
        }

        .news-card .date-box {
            background-color: #0f766e;
            color: white;
            padding: 8px;
            border-radius: 4px;
            margin-right: 16px;
            text-align: center;
        }

        .news-card .date-box span {
            display: block;
        }

        /* Chat Button */
        .chat-button {
            position: fixed;
            bottom: 16px;
            right: 16px;
        }

        .chat-button button {
            background-color: #10b981;
            color: white;
            border: none;
            border-radius: 4px;
            padding: 12px 16px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            cursor: pointer;
        }
    </style>
</head>
<body>
    <!-- Top Bar -->
    <div class="top-bar">
        <p>UNIOSUN Teaching Hospital, Osogbo.</p>
    </div>

    <!-- Header -->
    <header>
        <div class="header-container">
            <div class="logo-container">
                <img alt="UNIOSUN Teaching Hospital Logo" height="50" src="https://storage.googleapis.com/a1aa/image/OjrI5gxzOVLI_D0qzN_8AqSq7PsUlod9L901WBLrL6Q.jpg" width="50"/>
                <div>
                    <h1>UNIOSUN</h1>
                    <p>TEACHING HOSPITAL, OSOGBO</p>
                </div>
            </div>
            <div class="search-container">
                <input type="text" placeholder="Enter your search"/>
                <button><i class="fas fa-search"></i></button>
            </div>
            <div class="contact-info">
                <p><strong>STAFF WEBMAIL</strong></p>
                <p>MAIL US: <a href="mailto:info@uth-osogbo.org.ng">info@uth-osogbo.org.ng</a></p>
                <p>CALL US: <a href="tel:<PRESIDIO_ANONYMIZED_PHONE_NUMBER>"><PRESIDIO_ANONYMIZED_PHONE_NUMBER></a></p>
                <p>LOCATION: Station Road, Osogbo</p>
            </div>
        </div>
    </header>

    <!-- Navigation -->
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li>
                <a href="#">Our Journal</a>
                <div>
                    <ul>
                        <li><a href="#">Latest Publications</a></li>
                        <li><a href="#">Research Articles</a></li>
                        <li><a href="#">Subscriptions</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="#">Departments</a></li>
            <li><a href="#">Training</a></li>
            <li><a href="#">Research</a></li>
            <li><a href="#">Login</a></li>
            <li><a href="#">Medical Schools</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Patients & Visitors</a></li>
            <li><a href="#">Blogs & News</a></li>
        </ul>
    </nav>

    <!-- Main Content -->
    <main>
        <div class="main-image">
            <img alt="Group of medical professionals" src="https://storage.googleapis.com/a1aa/image/OS3Cd2YzxvVNSi7PGbw95EESztmWGeNuRa-k89g-L8A.jpg"/>
        </div>
        <div class="quick-links">
            <ul>
                <li><a href="#">Find a Service</a></li>
                <li><a href="#">Patient Guide</a></li>
                <li><a href="#">Public Health Alerts</a></li>
                <li><a href="#">Contact us</a></li>
                <li><a href="#">Staff web mail</a></li>
            </ul>
        </div>
    </main>

    <!-- Itunu Fund Section -->
    <section class="itunu-fund">
        <h2>ITUNU FUND FOR NEEDY PATIENTS</h2>
        <p>The teaching hospital has witnessed some challenging patients who come to access care but are financially handicapped. These patients are not on any health insurance and therefore need some cash to be treated.</p>
        <p>To assist such patients, the hospital has opened an account, named "Itunu Fund" account, where donors can transfer funds to assist these patients.</p>
        <p>Several patients have benefitted from this by getting their treatment promptly and we are grateful to all our donors who have contributed to this fund since 2003.</p>
        <p>You can also be a part of this team of helping hands by transferring funds to:</p>
        <p><strong>ACCOUNT NAME:</strong> ITUNU FUND</p>
        <p><strong>BANK:</strong> WEMA BANK</p>
        <p><strong>ACCOUNT NUMBER:</strong> 0121774769</p>
        <p>Thanks for being a part of this and for your assistance to our teaching hospital, making it easier to serve our people.</p>
    </section>

    <!-- Services and News Section -->
    <div class="services-news">
        <!-- Services Section -->
        <div class="section-title">
            <h2>OUR <span>SERVICES</span></h2>
        </div>
        <div class="services-grid">
            <div class="service-card">
                <h3>Clinical Services</h3>
                <p>Licensed to practice medicine in the State of Executive's residence. .... .. ....</p>
            </div>
            <div class="service-card white">
                <h3>Laboratory Services</h3>
                <p>Future of healthcare is shaping up in our very eyes with advances in digital healthcare technologies.</p>
            </div>
            <div class="service-card white">
                <h3>Sub-Clinical Services</h3>
                <p>Our physicians, nurses and other healthcare professionals... All ready at your services</p>
            </div>
        </div>

        <!-- News Section -->
        <div class="section-title">
            <h2>LATEST <span>NEWS</span></h2>
            <p>Latest news headlines from UNIOSUN Teaching Hospital. Check out today news</p>
        </div>
        <div class="news-grid">
            <div class="news-card">
                <h3>Here comes our new Chief Medical Director (CMD)</h3>
                <p>DR. BABATUNDE ADEOLA AFOLABI MB;BS, FWACP , DAE</p>
                <button>Read more</button>
                <div class="comments">
                    <i class="fas fa-comments"></i> 0
                </div>
            </div>
            <div class="news-card">
                <h3>UNIOSUN TEACHING HOSPITAL, OSOGBO, OSUN...</h3>
                <button>Read more</button>
                <div class="comments">
                    <i class="fas fa-comments"></i> 0
                </div>
            </div>
            <div class="news-card">
                <div style="display: flex; align-items: center; margin-bottom: 16px;">
                    <div class="date-box">
                        <span>10</span>
                        <span>Feb</span>
                    </div>
                    <img alt="Doctors smiling" style="border-radius: 8px;" height="100" src="https://storage.googleapis.com/a1aa/image/wY5XEOgfxx7kPVtKy3e2KcoB-ojnjXbl0Mt1Oq3fMsM.jpg" width="100"/>
                </div>
                <h3>UNIOSUN TEACHING HOSPITAL, OSOGBO, OSUN...</h3>
                <button>Read more</button>
                <div class="comments">
                    <i class="fas fa-comments"></i> 0
                </div>
            </div>
        </div>
    </div>

    <!-- Chat Button -->
    <div class="chat-button">
        <button><i class="fas fa-comments"></i> Chat</button>
    </div>
</body>
</html>      the department drop down section should be  CLINICALS
Chairman Medical Advisory Committee (CMAC)
Anaesthesia
Radiology
Internal Medicine
Obstetric and Gynaecology
Paediatrics
Psychiatry / Mental Health
Dental Surgery
Community Medicine
E. N. T.
Surgery
Ophthalmology
Family Medicine
LABORATORIES
Histopathology / Morbid Anatomy
Microbiology and Parasitology
Chemical Pathology
Haematology / Blood Bank
ADMINISTRATION
Chief Medical Director (CMD)
Director of Administration (DA)
Public Relations
Management Information System
Marketing
Security
Transport
Catering
General Administration
Account and Finance
Establishment and Personnel
Internal Audit
Corporate Planning
Stores and Purchasing
Legal and Entrepreneur
Works and Services
Laundry and Tailoring
SUB-CLINICALS
Health Records
Pharmacy
Nursing
Physiotherapy
Medical Library
Dietetics      IN FOUR COLUMNS