TN / PharmaPage.html
rainbowhunt's picture
Upload 22 files
fb33344 verified
<!-- Pharma 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">Pharma</a>
<a href="#" class="hover:underline">Our Conferences</a>
<!-- ...other nav links -->
</nav>
</div>
</header>
<!-- Main Content -->
<main class="flex-1 max-w-7xl mx-auto px-4 py-6">
<h2 class="text-3xl font-bold text-gray-800 mb-4">πŸ’Š Pharma Spotlight</h2>
<p class="text-gray-600 mb-8">Explore the latest from our pharmaceutical partners. This space features new drug launches, clinical trial announcements, and offers for the TN medical community.</p>
<!-- Featured Pharma Banner / CTA for advertisers -->
<section class="mb-10 p-6 bg-blue-50 border-l-4 border-blue-400 rounded">
<h3 class="text-xl font-semibold text-gray-800 mb-2">Your Company Here</h3>
<p class="text-sm text-gray-700 mb-3">Pharma companies can reach thousands of medical professionals on TN Medical Connect. Contact us to advertise your products, clinical trials, or educational content.</p>
<a href="#" class="bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">Advertise with Us</a>
</section>
<!-- Pharma Ads/Promos Grid -->
<section>
<div class="grid gap-6 md:grid-cols-3">
<!-- Pharma Card 1 -->
<div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
<div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
<!-- Placeholder for company logo -->
<span class="text-gray-500 text-sm">Logo</span>
</div>
<h4 class="text-lg font-semibold text-gray-800">MediCorp Pharma</h4>
<p class="text-sm text-gray-600 mt-1 flex-1">New antibiotic release: <em>Azion</em> – effective against resistant infections.</p>
<a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Learn More &raquo;</a>
</div>
<!-- Pharma Card 2 -->
<div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
<div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
<span class="text-gray-500 text-sm">Logo</span>
</div>
<h4 class="text-lg font-semibold text-gray-800">HealthPlus Co.</h4>
<p class="text-sm text-gray-600 mt-1 flex-1">Clinical trial enrolling: Diabetes drug <em>Glucora</em> Phase III – seeking hospital partners.</p>
<a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Learn More &raquo;</a>
</div>
<!-- Pharma Card 3 -->
<div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
<div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
<span class="text-gray-500 text-sm">Logo</span>
</div>
<h4 class="text-lg font-semibold text-gray-800">WellCare Labs</h4>
<p class="text-sm text-gray-600 mt-1 flex-1">Continuing Medical Education: Free webinar on vaccine development sponsored by WellCare.</p>
<a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Register &raquo;</a>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-100">
<div class="max-w-7xl mx-auto px-4 py-5 text-xs text-gray-600">
Β© 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Advertising Policy</a>
</div>
</footer>
</div>