Spaces:
Running
Running
File size: 3,744 Bytes
e26e56d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 |
<!-- Medical Books Page -->
<div class="min-h-screen flex flex-col bg-white">
<!-- Header -->
<header class="bg-primary text-white">
<div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
<h1 class="text-2xl font-bold">TN Medical Connect</h1>
<nav class="space-x-4 text-sm">
<a href="#" class="hover:underline">Home</a>
<a href="#" class="hover:underline font-semibold">Medical Books</a>
<a href="#" class="hover:underline">Resources</a>
<!-- ...other nav links -->
</nav>
</div>
</header>
<!-- Main Content -->
<main class="flex-1 max-w-6xl mx-auto px-4 py-6">
<h2 class="text-3xl font-bold text-gray-800 mb-4">📚 Medical Books & Guidelines</h2>
<p class="text-gray-600 mb-6">Access a repository of open-source medical textbooks and global clinical guidelines. Use the search below to find specific titles or browse the collection.</p>
<!-- Search Bar -->
<div class="mb-6">
<input type="text" placeholder="Search books or guidelines..." class="w-full md:w-1/2 px-4 py-2 border border-gray-300 rounded" />
</div>
<!-- Books/Guidelines List -->
<div class="overflow-x-auto">
<table class="min-w-full text-sm text-left text-gray-800">
<thead class="bg-gray-100 text-gray-700 uppercase text-xs">
<tr>
<th class="px-4 py-2">Title</th>
<th class="px-4 py-2">Author/Source</th>
<th class="px-4 py-2">Year</th>
<th class="px-4 py-2">Access</th>
</tr>
</thead>
<tbody>
<!-- Example Book Row -->
<tr class="border-b">
<td class="px-4 py-2">Oxford Handbook of Clinical Medicine</td>
<td class="px-4 py-2">Murray Longmore et al.</td>
<td class="px-4 py-2">2014</td>
<td class="px-4 py-2"><a href="#" class="text-primary hover:underline">View</a></td>
</tr>
<!-- Example Open-Source Book -->
<tr class="border-b">
<td class="px-4 py-2">OpenStax Anatomy & Physiology</td>
<td class="px-4 py-2">OpenStax (Rice University)</td>
<td class="px-4 py-2">2016</td>
<td class="px-4 py-2"><a href="https://openstax.org/details/books/anatomy-and-physiology" class="text-primary hover:underline" target="_blank">Open Link</a></td>
</tr>
<!-- Example Guideline -->
<tr class="border-b">
<td class="px-4 py-2">WHO Hypertension Guidelines</td>
<td class="px-4 py-2">World Health Organization</td>
<td class="px-4 py-2">2021</td>
<td class="px-4 py-2"><a href="#" class="text-primary hover:underline">PDF</a></td>
</tr>
<!-- Example Guideline -->
<tr class="border-b">
<td class="px-4 py-2">NICE Diabetes Management</td>
<td class="px-4 py-2">NICE (UK)</td>
<td class="px-4 py-2">2022</td>
<td class="px-4 py-2"><a href="#" class="text-primary hover:underline">PDF</a></td>
</tr>
<!-- More entries... -->
</tbody>
</table>
</div>
<!-- Note about usage -->
<p class="mt-4 text-xs text-gray-500">* All resources listed are open-access or used with permission. Please ensure proper citation of guidelines when using them in practice.</p>
</main>
<!-- Footer -->
<footer class="bg-gray-100">
<div class="max-w-6xl mx-auto px-4 py-5 text-sm text-gray-600">
© 2025 TN Medical Connect · <a href="#" class="text-primary hover:underline">Report Broken Link</a>
</div>
</footer>
</div>
|