rainbowhunt commited on
Commit
e26e56d
·
verified ·
1 Parent(s): 9d6face

Upload 15 files

Browse files
AIPage.html ADDED
@@ -0,0 +1,77 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- AI in Healthcare Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">AI in Healthcare</a>
10
+ <a href="#" class="hover:underline">AI Assistants</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🤖 AI in Healthcare</h2>
19
+ <p class="text-gray-600 mb-8">Discover the latest AI tools in medicine and learn how doctors and nurses can leverage them for better patient care and efficiency.</p>
20
+
21
+ <!-- AI Tools Showcase -->
22
+ <section class="mb-10">
23
+ <h3 class="text-2xl font-semibold text-gray-800 mb-4">Latest AI Tools</h3>
24
+ <div class="grid gap-6 md:grid-cols-2">
25
+ <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
26
+ <h4 class="text-xl font-semibold text-gray-800">Diagnostic AI Assistant</h4>
27
+ <p class="text-sm text-gray-700 mt-1">An AI tool that analyzes medical images (X-rays, MRIs) to assist in detecting conditions like tumors or fractures.</p>
28
+ <p class="text-sm text-gray-500 mt-2">Example: Using an AI model to screen chest X-rays for TB, achieving faster preliminary readings.</p>
29
+ </div>
30
+ <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
31
+ <h4 class="text-xl font-semibold text-gray-800">Predictive Analytics</h4>
32
+ <p class="text-sm text-gray-700 mt-1">Systems that predict patient outcomes (like risk of readmission or disease complications) using big data and machine learning.</p>
33
+ <p class="text-sm text-gray-500 mt-2">Example: A hospital using AI to predict which patients are at risk of ICU admission, enabling early interventions.</p>
34
+ </div>
35
+ <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
36
+ <h4 class="text-xl font-semibold text-gray-800">Virtual Health Assistant</h4>
37
+ <p class="text-sm text-gray-700 mt-1">Chatbot and voice assistants that can answer patient queries, schedule appointments, or triage symptoms using AI (e.g., a symptom checker app).</p>
38
+ <p class="text-sm text-gray-500 mt-2">Example: A clinic deploying a chatbot to handle after-hours patient questions, providing advice or directing them to emergency care if needed.</p>
39
+ </div>
40
+ <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg shadow-sm">
41
+ <h4 class="text-xl font-semibold text-gray-800">AI for Drug Discovery</h4>
42
+ <p class="text-sm text-gray-700 mt-1">AI platforms that analyze molecular data to identify new drug candidates or repurpose existing drugs more quickly.</p>
43
+ <p class="text-sm text-gray-500 mt-2">Example: Pharma companies using AI to predict which compounds might effectively target a new virus, drastically cutting down research time.</p>
44
+ </div>
45
+ </div>
46
+ </section>
47
+
48
+ <!-- How to Use AI Tools Section -->
49
+ <section class="mb-10">
50
+ <h3 class="text-2xl font-semibold text-gray-800 mb-4">How Can Medical Staff Use AI?</h3>
51
+ <div class="space-y-3 text-sm text-gray-700">
52
+ <p>AI is becoming a collaborative partner in healthcare, not a replacement for professionals&#8203;:contentReference[oaicite:9]{index=9}. Here are ways staff can integrate AI:</p>
53
+ <ul class="list-disc list-inside space-y-1">
54
+ <li><strong>Decision Support:</strong> Use AI recommendations as a second opinion for diagnoses or treatment plans.</li>
55
+ <li><strong>Automation:</strong> Automate routine paperwork (e.g., AI transcription of patient notes or report generation).</li>
56
+ <li><strong>Patient Monitoring:</strong> Employ AI-driven apps for tracking patient vitals and get alerted to anomalies in real-time.</li>
57
+ <li><strong>Continuous Learning:</strong> Leverage AI tools that summarize latest research (keeping practitioners up-to-date effortlessly).</li>
58
+ </ul>
59
+ <p>By embracing these tools, medical staff can improve accuracy and save time, focusing more on patient interaction and critical thinking.</p>
60
+ </div>
61
+ </section>
62
+
63
+ <!-- Learning Resources CTA -->
64
+ <section class="bg-primary text-white rounded-lg p-6 shadow-md">
65
+ <h3 class="text-xl font-semibold mb-2">Want to Learn More?</h3>
66
+ <p class="text-sm text-white mb-4">Explore courses and tutorials on medical AI to stay ahead of the curve.</p>
67
+ <a href="#" class="bg-white text-primary px-4 py-2 rounded font-medium text-sm hover:bg-gray-100">Browse AI Courses &raquo;</a>
68
+ </section>
69
+ </main>
70
+
71
+ <!-- Footer -->
72
+ <footer class="bg-gray-100">
73
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
74
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">AI Ethics Policy</a>
75
+ </div>
76
+ </footer>
77
+ </div>
AIassPage.html ADDED
@@ -0,0 +1,92 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Dedicated AI Assistants Page -->
2
+ <div class="min-h-screen flex flex-col bg-white" x-data="{ activeChat: null }">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">AI Assistants</a>
10
+ <a href="#" class="hover:underline">AI in Healthcare</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🤖 Dedicated AI Assistants</h2>
19
+ <p class="text-gray-600 mb-8">Chat with our specialty AI assistants trained in specific domains. Get quick answers or advice in Endocrinology, Pulmonology, or general medical studies.</p>
20
+
21
+ <div class="grid gap-6 md:grid-cols-3">
22
+ <!-- Endocrinology AI Assistant -->
23
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
24
+ <div class="flex items-center mb-3">
25
+ <div class="bg-primary text-white rounded-full h-8 w-8 flex items-center justify-center text-sm font-bold mr-2">E</div>
26
+ <h3 class="text-xl font-semibold text-gray-800">Endocrinology AI</h3>
27
+ </div>
28
+ <p class="text-sm text-gray-700 mb-4 flex-1">An AI assistant for hormone-related queries. Ask about diabetes management, thyroid disorders, and more.</p>
29
+ <button class="bg-primary text-white text-sm font-medium px-3 py-2 rounded hover:bg-opacity-90"
30
+ @click="activeChat = (activeChat === 'endo' ? null : 'endo')">
31
+ {{ activeChat === 'endo' ? 'Close Chat' : 'Chat Now' }}
32
+ </button>
33
+ <!-- Chat interface (toggle visibility) -->
34
+ <div x-show="activeChat === 'endo'" class="mt-4 border-t border-gray-300 pt-3">
35
+ <div class="bg-gray-100 p-2 rounded mb-2 text-sm">
36
+ <p class="text-gray-800"><strong>User:</strong> What are the common symptoms of hypothyroidism?</p>
37
+ </div>
38
+ <div class="bg-primary bg-opacity-5 p-2 rounded text-sm">
39
+ <p class="text-gray-800"><strong>Endo AI:</strong> Common symptoms include fatigue, weight gain, cold intolerance, dry skin, and hair loss, among others. If you suspect hypothyroidism, a TSH blood test is recommended.</p>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ <!-- Pulmonology AI Assistant -->
44
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
45
+ <div class="flex items-center mb-3">
46
+ <div class="bg-primary text-white rounded-full h-8 w-8 flex items-center justify-center text-sm font-bold mr-2">P</div>
47
+ <h3 class="text-xl font-semibold text-gray-800">Pulmonology AI</h3>
48
+ </div>
49
+ <p class="text-sm text-gray-700 mb-4 flex-1">An AI assistant for lung and respiratory questions. Ask about asthma, COPD, infections, and more.</p>
50
+ <button class="bg-primary text-white text-sm font-medium px-3 py-2 rounded hover:bg-opacity-90"
51
+ @click="activeChat = (activeChat === 'pulmo' ? null : 'pulmo')">
52
+ {{ activeChat === 'pulmo' ? 'Close Chat' : 'Chat Now' }}
53
+ </button>
54
+ <div x-show="activeChat === 'pulmo'" class="mt-4 border-t border-gray-300 pt-3">
55
+ <div class="bg-gray-100 p-2 rounded mb-2 text-sm">
56
+ <p class="text-gray-800"><strong>User:</strong> How is moderate asthma typically treated?</p>
57
+ </div>
58
+ <div class="bg-primary bg-opacity-5 p-2 rounded text-sm">
59
+ <p class="text-gray-800"><strong>Pulmo AI:</strong> Moderate asthma is usually managed with a daily inhaled corticosteroid and a rescue inhaler (albuterol) as needed. A leukotriene modifier or long-acting beta-agonist may be added if control is not adequate.</p>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <!-- Student AI Assistant -->
64
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
65
+ <div class="flex items-center mb-3">
66
+ <div class="bg-primary text-white rounded-full h-8 w-8 flex items-center justify-center text-sm font-bold mr-2">S</div>
67
+ <h3 class="text-xl font-semibold text-gray-800">Med Student AI</h3>
68
+ </div>
69
+ <p class="text-sm text-gray-700 mb-4 flex-1">An AI assistant for medical students. Get help with understanding concepts, exam prep, or general medical knowledge questions.</p>
70
+ <button class="bg-primary text-white text-sm font-medium px-3 py-2 rounded hover:bg-opacity-90"
71
+ @click="activeChat = (activeChat === 'student' ? null : 'student')">
72
+ {{ activeChat === 'student' ? 'Close Chat' : 'Chat Now' }}
73
+ </button>
74
+ <div x-show="activeChat === 'student'" class="mt-4 border-t border-gray-300 pt-3">
75
+ <div class="bg-gray-100 p-2 rounded mb-2 text-sm">
76
+ <p class="text-gray-800"><strong>User:</strong> Can you explain the mechanism of action of beta-blockers?</p>
77
+ </div>
78
+ <div class="bg-primary bg-opacity-5 p-2 rounded text-sm">
79
+ <p class="text-gray-800"><strong>Student AI:</strong> Beta-blockers work by blocking beta-adrenergic receptors in the heart (and other tissues). This leads to a decrease in heart rate and contractility (β1 effect), and in some cases bronchoconstriction (β2 effect). They are used to manage hypertension, angina, and arrhythmias, among other conditions.</p>
80
+ </div>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </main>
85
+
86
+ <!-- Footer -->
87
+ <footer class="bg-gray-100">
88
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
89
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Feedback on AI Assistants</a>
90
+ </div>
91
+ </footer>
92
+ </div>
AbroadPage.html ADDED
@@ -0,0 +1,86 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- How to Go Abroad Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">How to Go Abroad</a>
10
+ <a href="#" class="hover:underline">Global Grants</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🌍 How to Go Abroad</h2>
19
+ <p class="text-gray-600 mb-8">Guidance on the exams and requirements for working or studying as a medical professional in different countries.</p>
20
+
21
+ <div class="grid gap-6 md:grid-cols-2">
22
+ <!-- UKMLA Card -->
23
+ <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
24
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">UKMLA (UK Medical Licensing Assessment)</h3>
25
+ <p class="text-sm text-gray-700 mb-2">The UKMLA is the licensing exam for practicing in the UK, replacing the PLAB from 2024&#8203;:contentReference[oaicite:3]{index=3}. It consists of an Applied Knowledge Test (AKT) and a Clinical Skills Assessment (CSA).</p>
26
+ <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
27
+ <li>Ensure you meet the English language requirements (IELTS/OET).</li>
28
+ <li>Register with the GMC (General Medical Council) for the exam.</li>
29
+ <li>Prepare using the MLA content map and practice questions.</li>
30
+ </ul>
31
+ <a href="https://www.gmc-uk.org/mla" class="text-primary text-sm hover:underline">Official UKMLA Info &raquo;</a>
32
+ </div>
33
+ <!-- USMLE Card -->
34
+ <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
35
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">USMLE (United States Medical Licensing Examination)</h3>
36
+ <p class="text-sm text-gray-700 mb-2">A three-step exam required for medical licensure in the USA. Steps 1 and 2 (CK) are typically done before residency; Step 3 is completed during residency.</p>
37
+ <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
38
+ <li>Step 1: Basic science knowledge (now Pass/Fail).</li>
39
+ <li>Step 2 CK: Clinical knowledge (core clinical subjects).</li>
40
+ <li>Step 3: Advanced clinical examination (after medical school).</li>
41
+ </ul>
42
+ <a href="https://www.usmle.org" class="text-primary text-sm hover:underline">Official USMLE Info &raquo;</a>
43
+ </div>
44
+ <!-- AMC Card -->
45
+ <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
46
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">AMC Exam (Australian Medical Council)</h3>
47
+ <p class="text-sm text-gray-700 mb-2">The AMC exam is for doctors seeking registration in Australia. It includes a multiple-choice exam and a clinical exam.</p>
48
+ <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
49
+ <li>AMC MCQ Exam: tests knowledge across disciplines.</li>
50
+ <li>AMC Clinical Exam: practical assessment of clinical skills.</li>
51
+ <li>Consider preparatory courses or materials from AMC.</li>
52
+ </ul>
53
+ <a href="https://www.amc.org.au" class="text-primary text-sm hover:underline">Official AMC Info &raquo;</a>
54
+ </div>
55
+ <!-- NZREX Card -->
56
+ <div class="p-5 border border-gray-200 rounded-lg shadow-sm">
57
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">NZREX (New Zealand Registration Exam)</h3>
58
+ <p class="text-sm text-gray-700 mb-2">NZREX is an exam for international medical graduates to practice in New Zealand. It is a clinical skills assessment simulating patient scenarios.</p>
59
+ <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
60
+ <li>Eligibility: must have passed USMLE Steps or PLAB, or equivalent exams, as a prerequisite.</li>
61
+ <li>Exam: OSCE format (Objective Structured Clinical Examination).</li>
62
+ <li>Plan ahead as NZREX is held only a few times a year with limited slots.</li>
63
+ </ul>
64
+ <a href="https://www.mcnz.org.nz/registration/exam" class="text-primary text-sm hover:underline">Official NZREX Info &raquo;</a>
65
+ </div>
66
+ <!-- FMGE (NExT) Card -->
67
+ <div class="p-5 border border-gray-200 rounded-lg shadow-sm md:col-span-2">
68
+ <h3 class="text-xl font-semibold text-gray-800 mb-1">FMGE / NExT (India)</h3>
69
+ <p class="text-sm text-gray-700 mb-2">FMGE is the Foreign Medical Graduates Examination for those who studied abroad and seek licensure in India. It is being transitioned to the NExT (National Exit Test) which will serve as a common exit exam for Indian medical graduates and licensure exam for foreign graduates.</p>
70
+ <ul class="list-disc list-inside text-sm text-gray-600 mb-1">
71
+ <li>FMGE (until NExT is fully implemented): a bi-annual exam (June/Dec) testing clinical knowledge. Requires 50% to pass.</li>
72
+ <li>NExT: To become a single window exam – will have Step 1 (after final year) and Step 2 (after internship) covering broad medical subjects.</li>
73
+ <li>Stay updated with NMC (National Medical Commission) announcements for the latest format and dates.</li>
74
+ </ul>
75
+ <a href="https://www.nmc.org.in" class="text-primary text-sm hover:underline">More on NExT/FMGE &raquo;</a>
76
+ </div>
77
+ </div>
78
+ </main>
79
+
80
+ <!-- Footer -->
81
+ <footer class="bg-gray-100">
82
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
83
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Alumni Abroad Network</a>
84
+ </div>
85
+ </footer>
86
+ </div>
CPDPage.html ADDED
@@ -0,0 +1,65 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- CPD Courses Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">CPD Courses</a>
10
+ <a href="#" class="hover:underline">Medical Books</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🎓 CPD Courses</h2>
19
+ <p class="text-gray-600 mb-6">Continue your professional development with online courses. We’ve curated content from Coursera, Udemy, and more – with special discounts and free courses for our community.</p>
20
+
21
+ <!-- Courses Grid -->
22
+ <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
23
+ <!-- Course Card 1 -->
24
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
25
+ <h3 class="text-lg font-semibold text-gray-800">COVID-19 Contact Tracing</h3>
26
+ <p class="text-sm text-gray-500">Platform: Coursera</p>
27
+ <p class="text-sm text-gray-700 mt-2 flex-1">Learn the basics of contact tracing for COVID-19, taught by experts at Johns Hopkins University.</p>
28
+ <span class="text-green-700 text-xs font-bold mt-2">FREE</span>
29
+ <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
30
+ </div>
31
+ <!-- Course Card 2 -->
32
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
33
+ <h3 class="text-lg font-semibold text-gray-800">Diabetes Essentials</h3>
34
+ <p class="text-sm text-gray-500">Platform: Udemy</p>
35
+ <p class="text-sm text-gray-700 mt-2 flex-1">Comprehensive guide to managing diabetes, for patients and healthcare providers alike.</p>
36
+ <span class="text-blue-700 text-xs font-bold mt-2">50% OFF</span>
37
+ <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
38
+ </div>
39
+ <!-- Course Card 3 -->
40
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
41
+ <h3 class="text-lg font-semibold text-gray-800">Medical AI and Machine Learning</h3>
42
+ <p class="text-sm text-gray-500">Platform: Coursera</p>
43
+ <p class="text-sm text-gray-700 mt-2 flex-1">An introduction to AI in healthcare, covering machine learning applications in medicine (offered by Stanford University).</p>
44
+ <span class="text-green-700 text-xs font-bold mt-2">FREE</span>
45
+ <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
46
+ </div>
47
+ <!-- Course Card 4 -->
48
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col">
49
+ <h3 class="text-lg font-semibold text-gray-800">Emergency Medicine Crash Course</h3>
50
+ <p class="text-sm text-gray-500">Platform: Udemy</p>
51
+ <p class="text-sm text-gray-700 mt-2 flex-1">Quick refresher on emergency protocols and life support, ideal for general practitioners and ER staff.</p>
52
+ <span class="text-blue-700 text-xs font-bold mt-2">30% OFF</span>
53
+ <a href="#" class="mt-3 bg-primary text-white text-sm font-medium text-center px-3 py-2 rounded hover:bg-opacity-90">Enroll Now</a>
54
+ </div>
55
+ <!-- Additional course cards as needed -->
56
+ </div>
57
+ </main>
58
+
59
+ <!-- Footer -->
60
+ <footer class="bg-gray-100">
61
+ <div class="max-w-7xl mx-auto px-4 py-5 text-xs text-gray-600">
62
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Request a Course</a>
63
+ </div>
64
+ </footer>
65
+ </div>
CareersPage.html ADDED
@@ -0,0 +1,83 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Careers in Tamil Nadu Page -->
2
+ <div class="min-h-screen flex flex-col bg-white" x-data="{ tab: 'gov' }">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Careers</a>
10
+ <a href="#" class="hover:underline">Fellowships</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <!-- Page Title -->
19
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">💼 Careers in Tamil Nadu</h2>
20
+ <p class="text-gray-600 mb-6">Explore the latest job opportunities in government and private hospitals across Tamil Nadu.</p>
21
+
22
+ <!-- Toggle Tabs for Gov/Private -->
23
+ <div class="mb-6">
24
+ <button class="px-4 py-2 text-sm font-medium rounded-t-md focus:outline-none"
25
+ :class="tab === 'gov' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
26
+ @click="tab = 'gov'">Government Jobs</button>
27
+ <button class="px-4 py-2 text-sm font-medium rounded-t-md focus:outline-none"
28
+ :class="tab === 'private' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
29
+ @click="tab = 'private'">Private Jobs</button>
30
+ </div>
31
+
32
+ <!-- Government Jobs List -->
33
+ <div x-show="tab === 'gov'">
34
+ <!-- Example job listing -->
35
+ <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
36
+ <div>
37
+ <h3 class="text-lg font-semibold text-gray-800">Junior Resident – Madurai Medical College</h3>
38
+ <p class="text-sm text-gray-600">Madurai, TN &middot; Posted Jan 2025</p>
39
+ </div>
40
+ <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
41
+ </div>
42
+ <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
43
+ <div>
44
+ <h3 class="text-lg font-semibold text-gray-800">Assistant Surgeon – Govt. General Hospital</h3>
45
+ <p class="text-sm text-gray-600">Chennai, TN &middot; Posted Dec 2024</p>
46
+ </div>
47
+ <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
48
+ </div>
49
+ <!-- More government job cards... -->
50
+ <p class="text-sm text-gray-500">Showing Government hospital openings. (Total: 12 jobs)</p>
51
+ </div>
52
+
53
+ <!-- Private Jobs List -->
54
+ <div x-show="tab === 'private'">
55
+ <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
56
+ <div>
57
+ <h3 class="text-lg font-semibold text-gray-800">Senior Resident – CMC Vellore</h3>
58
+ <p class="text-sm text-gray-600">Vellore, TN &middot; Posted Jan 2025</p>
59
+ </div>
60
+ <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
61
+ </div>
62
+ <div class="p-4 mb-4 bg-gray-50 border border-gray-200 rounded-lg flex flex-col md:flex-row md:justify-between md:items-center">
63
+ <div>
64
+ <h3 class="text-lg font-semibold text-gray-800">Consultant Cardiologist – Apollo Hospitals</h3>
65
+ <p class="text-sm text-gray-600">Chennai, TN &middot; Posted Dec 2024</p>
66
+ </div>
67
+ <a href="#" class="mt-2 md:mt-0 inline-block bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">View Details</a>
68
+ </div>
69
+ <!-- More private job cards... -->
70
+ <p class="text-sm text-gray-500">Showing Private sector openings. (Total: 8 jobs)</p>
71
+ </div>
72
+ </main>
73
+
74
+ <!-- Footer -->
75
+ <footer class="bg-gray-100">
76
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
77
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Advertise Jobs</a>
78
+ </div>
79
+ </footer>
80
+ </div>
81
+
82
+ <!-- Include Alpine.js for tab functionality (if not already globally included) -->
83
+ <script src="https://unpkg.com/alpinejs" defer></script>
ConfedPage.html ADDED
@@ -0,0 +1,66 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Our Conferences Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Our Conferences</a>
10
+ <a href="#" class="hover:underline">Conferences</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-6">🏥 Our Conferences</h2>
19
+ <p class="text-gray-600 mb-8">Join the events organized by TN Medical Connect. We host conferences that bring together medical professionals for knowledge sharing, networking, and collaboration.</p>
20
+
21
+ <!-- Featured Conference -->
22
+ <section class="mb-10 p-6 bg-primary bg-opacity-90 text-white rounded-lg shadow relative">
23
+ <h3 class="text-2xl font-bold mb-2">TNMed Connect Summit 2025</h3>
24
+ <p class="text-sm text-gray-100 mb-4">Dec 5-7, 2025 &middot; Chennai Trade Centre, Chennai</p>
25
+ <p class="mb-6">An annual gathering of healthcare professionals across Tamil Nadu. Keynotes by leading doctors, workshops on medical innovation, and opportunities to present your research.</p>
26
+ <a href="#" class="bg-white text-primary font-semibold px-4 py-2 rounded hover:bg-gray-100">Register Now</a>
27
+ <!-- Optional: countdown or special label -->
28
+ <span class="absolute top-4 right-4 bg-yellow-400 text-yellow-900 text-xs font-bold px-2 py-1 rounded">Upcoming</span>
29
+ </section>
30
+
31
+ <!-- Other Upcoming Conferences -->
32
+ <section class="mb-8">
33
+ <h3 class="text-xl font-semibold text-gray-800 mb-4">Upcoming Events</h3>
34
+ <div class="grid gap-4 md:grid-cols-2">
35
+ <div class="border border-gray-200 rounded p-4">
36
+ <h4 class="text-lg font-medium text-gray-800">Research Collaboration Forum 2026</h4>
37
+ <p class="text-sm text-gray-600">March 2026 &middot; Coimbatore</p>
38
+ <p class="text-sm mt-2">A mini-conference focusing on building research partnerships among hospitals in Tamil Nadu. Includes panel discussions and grant-writing workshops.</p>
39
+ <a href="#" class="text-primary text-sm font-medium hover:underline mt-2 inline-block">Learn More &raquo;</a>
40
+ </div>
41
+ <div class="border border-gray-200 rounded p-4">
42
+ <h4 class="text-lg font-medium text-gray-800">Virtual CME Series – Cardiology</h4>
43
+ <p class="text-sm text-gray-600">Monthly (Online)</p>
44
+ <p class="text-sm mt-2">Our ongoing virtual conference series providing Continuing Medical Education credits. Next session: “Advances in Heart Failure Management”.</p>
45
+ <a href="#" class="text-primary text-sm font-medium hover:underline mt-2 inline-block">Join the Next Session &raquo;</a>
46
+ </div>
47
+ </div>
48
+ </section>
49
+
50
+ <!-- Past Conferences / Highlights -->
51
+ <section>
52
+ <h3 class="text-xl font-semibold text-gray-800 mb-4">Past Conferences</h3>
53
+ <ul class="list-disc list-inside text-sm text-gray-700 space-y-2">
54
+ <li>TNMed Connect Summit 2024 – <a href="#" class="text-primary hover:underline">View Highlights</a></li>
55
+ <li>TNMed Research Expo 2023 – <a href="#" class="text-primary hover:underline">View Report</a></li>
56
+ </ul>
57
+ </section>
58
+ </main>
59
+
60
+ <!-- Footer -->
61
+ <footer class="bg-gray-100">
62
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
63
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Become a Sponsor</a>
64
+ </div>
65
+ </footer>
66
+ </div>
ConferencePage.html ADDED
@@ -0,0 +1,141 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Conferences Page -->
2
+ <div class="min-h-screen flex flex-col bg-white" x-data="{ region: 'TN' }">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Conferences</a>
10
+ <a href="#" class="hover:underline">Research</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <!-- Page Title -->
19
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">📅 Medical Conferences</h2>
20
+ <p class="text-gray-600 mb-6">Find upcoming medical conferences in Tamil Nadu, across India, and around the world.</p>
21
+
22
+ <!-- Region Tabs -->
23
+ <div class="flex flex-wrap gap-2 mb-6">
24
+ <button class="px-3 py-1 text-sm font-medium rounded-full"
25
+ :class="region === 'TN' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
26
+ @click="region = 'TN'">Tamil Nadu</button>
27
+ <button class="px-3 py-1 text-sm font-medium rounded-full"
28
+ :class="region === 'India' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
29
+ @click="region = 'India'">India</button>
30
+ <button class="px-3 py-1 text-sm font-medium rounded-full"
31
+ :class="region === 'Asia' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
32
+ @click="region = 'Asia'">Asia</button>
33
+ <button class="px-3 py-1 text-sm font-medium rounded-full"
34
+ :class="region === 'Europe' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
35
+ @click="region = 'Europe'">Europe</button>
36
+ <button class="px-3 py-1 text-sm font-medium rounded-full"
37
+ :class="region === 'Australia' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
38
+ @click="region = 'Australia'">Australia</button>
39
+ <button class="px-3 py-1 text-sm font-medium rounded-full"
40
+ :class="region === 'USA' ? 'bg-primary text-white' : 'bg-gray-200 text-gray-600'"
41
+ @click="region = 'USA'">USA</button>
42
+ </div>
43
+
44
+ <!-- Tamil Nadu Conferences -->
45
+ <div x-show="region === 'TN'">
46
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Tamil Nadu</h3>
47
+ <ul class="space-y-3 text-sm">
48
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
49
+ <span class="font-medium">TN State Medical Council Conclave 2025</span><br/>
50
+ <span class="text-gray-600">Chennai &middot; July 10-12, 2025</span>
51
+ </li>
52
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
53
+ <span class="font-medium">Madurai Medical College Annual Symposium</span><br/>
54
+ <span class="text-gray-600">Madurai &middot; Aug 5, 2025</span>
55
+ </li>
56
+ </ul>
57
+ </div>
58
+
59
+ <!-- India Conferences -->
60
+ <div x-show="region === 'India'">
61
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in India</h3>
62
+ <ul class="space-y-3 text-sm">
63
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
64
+ <span class="font-medium">All India Medical Research Conference (AIMRC)</span><br/>
65
+ <span class="text-gray-600">New Delhi &middot; Sept 15-17, 2025</span>
66
+ </li>
67
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
68
+ <span class="font-medium">National Public Health Summit</span><br/>
69
+ <span class="text-gray-600">Mumbai &middot; Oct 10-11, 2025</span>
70
+ </li>
71
+ </ul>
72
+ </div>
73
+
74
+ <!-- Asia Conferences -->
75
+ <div x-show="region === 'Asia'">
76
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Asia</h3>
77
+ <ul class="space-y-3 text-sm">
78
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
79
+ <span class="font-medium">Asia-Pacific Cardiology Congress</span><br/>
80
+ <span class="text-gray-600">Singapore &middot; Nov 2025</span>
81
+ </li>
82
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
83
+ <span class="font-medium">Pan-Asian Medical Genetics Conference</span><br/>
84
+ <span class="text-gray-600">Tokyo, Japan &middot; Dec 2025</span>
85
+ </li>
86
+ </ul>
87
+ </div>
88
+
89
+ <!-- Europe Conferences -->
90
+ <div x-show="region === 'Europe'">
91
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Europe</h3>
92
+ <ul class="space-y-3 text-sm">
93
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
94
+ <span class="font-medium">Royal College of Physicians (RCP) Annual Conference</span><br/>
95
+ <span class="text-gray-600">London, UK &middot; May 2025</span>
96
+ </li>
97
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
98
+ <span class="font-medium">European Society of Cardiology Congress</span><br/>
99
+ <span class="text-gray-600">Rome, Italy &middot; Aug 2025</span>
100
+ </li>
101
+ </ul>
102
+ </div>
103
+
104
+ <!-- Australia Conferences -->
105
+ <div x-show="region === 'Australia'">
106
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in Australia</h3>
107
+ <ul class="space-y-3 text-sm">
108
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
109
+ <span class="font-medium">Australian Medical Association Conference</span><br/>
110
+ <span class="text-gray-600">Sydney &middot; June 2025</span>
111
+ </li>
112
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
113
+ <span class="font-medium">Global Health Innovations Forum</span><br/>
114
+ <span class="text-gray-600">Melbourne &middot; Nov 2025</span>
115
+ </li>
116
+ </ul>
117
+ </div>
118
+
119
+ <!-- USA Conferences -->
120
+ <div x-show="region === 'USA'">
121
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Conferences in USA</h3>
122
+ <ul class="space-y-3 text-sm">
123
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
124
+ <span class="font-medium">American College of Physicians (ACP) Internal Medicine Meeting</span><br/>
125
+ <span class="text-gray-600">Boston, USA &middot; Apr 2025</span>
126
+ </li>
127
+ <li class="p-4 bg-gray-50 border border-gray-200 rounded">
128
+ <span class="font-medium">American Medical Association Annual Meeting</span><br/>
129
+ <span class="text-gray-600">Chicago, USA &middot; June 2025</span>
130
+ </li>
131
+ </ul>
132
+ </div>
133
+ </main>
134
+
135
+ <!-- Footer -->
136
+ <footer class="bg-gray-100">
137
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
138
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Submit Conference</a>
139
+ </div>
140
+ </footer>
141
+ </div>
FellowPage.html ADDED
@@ -0,0 +1,78 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Fellowships & Scholarships Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Fellowships</a>
10
+ <a href="#" class="hover:underline">Careers</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🎓 Fellowships & Scholarships</h2>
19
+ <p class="text-gray-600 mb-8">Explore advanced training opportunities and scholarships for medical professionals in Tamil Nadu, India, and across Asia.</p>
20
+
21
+ <!-- Tamil Nadu Opportunities -->
22
+ <section class="mb-8">
23
+ <h3 class="text-2xl font-semibold text-gray-800 mb-3">Within Tamil Nadu</h3>
24
+ <div class="space-y-4 text-sm">
25
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
26
+ <p class="font-medium">Madras Medical College Research Fellowship</p>
27
+ <p class="text-gray-600">A one-year clinical research fellowship at MMC for postgraduates. <span class="text-gray-800">Deadline: May 1, 2025.</span></p>
28
+ </div>
29
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
30
+ <p class="font-medium">Tamil Nadu Health University Merit Scholarship</p>
31
+ <p class="text-gray-600">Scholarship for MD/MS students in Tamil Nadu with outstanding academic records. <span class="text-gray-800">Deadline: Jun 15, 2025.</span></p>
32
+ </div>
33
+ </div>
34
+ </section>
35
+
36
+ <!-- India Opportunities -->
37
+ <section class="mb-8">
38
+ <h3 class="text-2xl font-semibold text-gray-800 mb-3">Across India</h3>
39
+ <div class="space-y-4 text-sm">
40
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
41
+ <p class="font-medium">AIIMS Delhi Clinical Fellowship Program</p>
42
+ <p class="text-gray-600">Fellowship in Cardiology at AIIMS for practicing physicians across India. <span class="text-gray-800">Deadline: Jul 30, 2025.</span></p>
43
+ </div>
44
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
45
+ <p class="font-medium">ICMR Junior Research Scholarship</p>
46
+ <p class="text-gray-600">Indian Council of Medical Research offers scholarships for young researchers (nation-wide). <span class="text-gray-800">Deadline: Apr 2025.</span></p>
47
+ </div>
48
+ </div>
49
+ </section>
50
+
51
+ <!-- Asia Opportunities -->
52
+ <section class="mb-8">
53
+ <h3 class="text-2xl font-semibold text-gray-800 mb-3">Asia &amp; International</h3>
54
+ <div class="space-y-4 text-sm">
55
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
56
+ <p class="font-medium">WHO Southeast Asia Young Physician Fellowship</p>
57
+ <p class="text-gray-600">World Health Organization fellowship for physicians in Southeast Asia focusing on public health. <span class="text-gray-800">Deadline: Aug 2025.</span></p>
58
+ </div>
59
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
60
+ <p class="font-medium">Japan JICA Medical Scholarship</p>
61
+ <p class="text-gray-600">Japan International Cooperation Agency scholarship for medical specialists from Asian countries to train in Japan. <span class="text-gray-800">Deadline: Dec 2025.</span></p>
62
+ </div>
63
+ </div>
64
+ </section>
65
+
66
+ <!-- Note or call-to-action -->
67
+ <div class="bg-primary text-white p-4 rounded">
68
+ <p class="text-sm">For more opportunities abroad, see our <a href="#" class="underline font-medium text-white">Global Grants</a> and <a href="#" class="underline font-medium text-white">How to Go Abroad</a> pages.</p>
69
+ </div>
70
+ </main>
71
+
72
+ <!-- Footer -->
73
+ <footer class="bg-gray-100">
74
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
75
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Submit an Opportunity</a>
76
+ </div>
77
+ </footer>
78
+ </div>
GrantPage.html ADDED
@@ -0,0 +1,85 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Global Grants Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Global Grants</a>
10
+ <a href="#" class="hover:underline">Fellowships</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🌐 Global Grants & Fellowships</h2>
19
+ <p class="text-gray-600 mb-6">Discover international grants and fellowships (UK, Australia, and beyond) and learn how to apply for them.</p>
20
+
21
+ <div class="space-y-4">
22
+ <!-- Grant 1 -->
23
+ <details class="border border-gray-300 rounded-lg">
24
+ <summary class="cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-primary px-4 py-2 text-gray-800 font-semibold">
25
+ Wellcome Trust Research Fellowship (UK)
26
+ </summary>
27
+ <div class="px-4 py-2 text-sm text-gray-700 bg-gray-50">
28
+ <p><strong>Description:</strong> A prestigious grant for biomedical research offered by the UK-based Wellcome Trust.</p>
29
+ <p><strong>How to Apply:</strong></p>
30
+ <ul class="list-decimal list-inside mb-2">
31
+ <li>Ensure your research proposal aligns with Wellcome's focus areas.</li>
32
+ <li>Obtain an endorsement from a host institution in the UK.</li>
33
+ <li>Submit an online application through the Wellcome portal before the deadline.</li>
34
+ </ul>
35
+ <p><strong>Deadline:</strong> Oct 1, 2025</p>
36
+ </div>
37
+ </details>
38
+ <!-- Grant 2 -->
39
+ <details class="border border-gray-300 rounded-lg">
40
+ <summary class="cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-primary px-4 py-2 text-gray-800 font-semibold">
41
+ Australia NHMRC Early Career Fellowship
42
+ </summary>
43
+ <div class="px-4 py-2 text-sm text-gray-700 bg-gray-50">
44
+ <p><strong>Description:</strong> National Health and Medical Research Council (Australia) fellowship for early-career researchers in health and medicine.</p>
45
+ <p><strong>How to Apply:</strong></p>
46
+ <ul class="list-decimal list-inside mb-2">
47
+ <li>Prepare a detailed research proposal and CV highlighting publications.</li>
48
+ <li>Find an Australian host institution willing to support your application.</li>
49
+ <li>Apply via the NHMRC online system, following their guidelines for international applicants.</li>
50
+ </ul>
51
+ <p><strong>Deadline:</strong> Mar 2025 (Round 1)</p>
52
+ </div>
53
+ </details>
54
+ <!-- Grant 3 -->
55
+ <details class="border border-gray-300 rounded-lg">
56
+ <summary class="cursor-pointer select-none focus:outline-none focus:ring-2 focus:ring-primary px-4 py-2 text-gray-800 font-semibold">
57
+ NIH Fogarty Global Health Grant (USA)
58
+ </summary>
59
+ <div class="px-4 py-2 text-sm text-gray-700 bg-gray-50">
60
+ <p><strong>Description:</strong> US National Institutes of Health (NIH) grant via the Fogarty International Center for health research projects in low-and-middle-income countries.</p>
61
+ <p><strong>How to Apply:</strong></p>
62
+ <ul class="list-decimal list-inside mb-2">
63
+ <li>Identify a focus area (e.g., infectious disease, maternal health) that Fogarty supports.</li>
64
+ <li>Partner with a US institution or investigator if required (for collaborative grants).</li>
65
+ <li>Submit your proposal through the NIH grant application system (grants.gov) by the specified date.</li>
66
+ </ul>
67
+ <p><strong>Deadline:</strong> Varies by program (typically mid-2025)</p>
68
+ </div>
69
+ </details>
70
+ <!-- Additional grants can be listed similarly -->
71
+ </div>
72
+
73
+ <!-- Guidance Note -->
74
+ <div class="mt-6 p-4 bg-blue-50 border-l-4 border-blue-400 text-sm text-blue-900">
75
+ Note: Always review the official guidelines for each grant. Our <a href="#" class="text-primary font-medium hover:underline">Resources page</a> provides tips on writing grant proposals and obtaining recommendation letters.
76
+ </div>
77
+ </main>
78
+
79
+ <!-- Footer -->
80
+ <footer class="bg-gray-100">
81
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
82
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Contact for Assistance</a>
83
+ </div>
84
+ </footer>
85
+ </div>
MedPage.html ADDED
@@ -0,0 +1,81 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Medical Books Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Medical Books</a>
10
+ <a href="#" class="hover:underline">Resources</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-6xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">📚 Medical Books &amp; Guidelines</h2>
19
+ <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>
20
+
21
+ <!-- Search Bar -->
22
+ <div class="mb-6">
23
+ <input type="text" placeholder="Search books or guidelines..." class="w-full md:w-1/2 px-4 py-2 border border-gray-300 rounded" />
24
+ </div>
25
+
26
+ <!-- Books/Guidelines List -->
27
+ <div class="overflow-x-auto">
28
+ <table class="min-w-full text-sm text-left text-gray-800">
29
+ <thead class="bg-gray-100 text-gray-700 uppercase text-xs">
30
+ <tr>
31
+ <th class="px-4 py-2">Title</th>
32
+ <th class="px-4 py-2">Author/Source</th>
33
+ <th class="px-4 py-2">Year</th>
34
+ <th class="px-4 py-2">Access</th>
35
+ </tr>
36
+ </thead>
37
+ <tbody>
38
+ <!-- Example Book Row -->
39
+ <tr class="border-b">
40
+ <td class="px-4 py-2">Oxford Handbook of Clinical Medicine</td>
41
+ <td class="px-4 py-2">Murray Longmore et al.</td>
42
+ <td class="px-4 py-2">2014</td>
43
+ <td class="px-4 py-2"><a href="#" class="text-primary hover:underline">View</a></td>
44
+ </tr>
45
+ <!-- Example Open-Source Book -->
46
+ <tr class="border-b">
47
+ <td class="px-4 py-2">OpenStax Anatomy &amp; Physiology</td>
48
+ <td class="px-4 py-2">OpenStax (Rice University)</td>
49
+ <td class="px-4 py-2">2016</td>
50
+ <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>
51
+ </tr>
52
+ <!-- Example Guideline -->
53
+ <tr class="border-b">
54
+ <td class="px-4 py-2">WHO Hypertension Guidelines</td>
55
+ <td class="px-4 py-2">World Health Organization</td>
56
+ <td class="px-4 py-2">2021</td>
57
+ <td class="px-4 py-2"><a href="#" class="text-primary hover:underline">PDF</a></td>
58
+ </tr>
59
+ <!-- Example Guideline -->
60
+ <tr class="border-b">
61
+ <td class="px-4 py-2">NICE Diabetes Management</td>
62
+ <td class="px-4 py-2">NICE (UK)</td>
63
+ <td class="px-4 py-2">2022</td>
64
+ <td class="px-4 py-2"><a href="#" class="text-primary hover:underline">PDF</a></td>
65
+ </tr>
66
+ <!-- More entries... -->
67
+ </tbody>
68
+ </table>
69
+ </div>
70
+
71
+ <!-- Note about usage -->
72
+ <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>
73
+ </main>
74
+
75
+ <!-- Footer -->
76
+ <footer class="bg-gray-100">
77
+ <div class="max-w-6xl mx-auto px-4 py-5 text-sm text-gray-600">
78
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Report Broken Link</a>
79
+ </div>
80
+ </footer>
81
+ </div>
PhDPage.html ADDED
@@ -0,0 +1,93 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- PhD & Master's Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">PhD &amp; Master’s</a>
10
+ <a href="#" class="hover:underline">How to Go Abroad</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🎓 PhD &amp; Master’s Opportunities</h2>
19
+ <p class="text-gray-600 mb-6">Pursue advanced medical education at top global universities. Discover highly ranked programs and what it takes to get admitted.</p>
20
+
21
+ <!-- Top Universities Highlights -->
22
+ <section class="mb-8">
23
+ <h3 class="text-2xl font-semibold text-gray-800 mb-4">Top Universities for Medicine</h3>
24
+ <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
25
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded text-center">
26
+ <h4 class="text-lg font-semibold text-gray-800">Harvard University</h4>
27
+ <p class="text-sm text-gray-600">USA – Ranked #1 globally in Medicine&#8203;:contentReference[oaicite:6]{index=6}</p>
28
+ <a href="#" class="text-primary text-sm hover:underline">View Programs &raquo;</a>
29
+ </div>
30
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded text-center">
31
+ <h4 class="text-lg font-semibold text-gray-800">University of Oxford</h4>
32
+ <p class="text-sm text-gray-600">UK – Ranked #2 globally in Medicine&#8203;:contentReference[oaicite:7]{index=7}</p>
33
+ <a href="#" class="text-primary text-sm hover:underline">View Programs &raquo;</a>
34
+ </div>
35
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded text-center">
36
+ <h4 class="text-lg font-semibold text-gray-800">Stanford University</h4>
37
+ <p class="text-sm text-gray-600">USA – Ranked #3 globally in Medicine</p>
38
+ <a href="#" class="text-primary text-sm hover:underline">View Programs &raquo;</a>
39
+ </div>
40
+ <!-- Additional top universities (Cambridge, Johns Hopkins, etc.) could be listed similarly -->
41
+ </div>
42
+ </section>
43
+
44
+ <!-- Application Guidance -->
45
+ <section class="mb-8">
46
+ <h3 class="text-2xl font-semibold text-gray-800 mb-4">Application Tips &amp; Resources</h3>
47
+ <div class="md:flex md:space-x-6 text-sm">
48
+ <div class="md:flex-1 mb-4 md:mb-0">
49
+ <h4 class="text-xl font-semibold text-gray-800">Preparing for Application</h4>
50
+ <ul class="list-disc list-inside text-gray-700 mt-2 space-y-1">
51
+ <li>Standardized Tests: Check if GRE/GMAT is required for the program. Take IELTS/TOEFL for English proficiency if needed.</li>
52
+ <li>Build CV/Resume: Highlight research, publications, and clinical experience.</li>
53
+ <li>Letters of Recommendation: Secure strong references from mentors or professors.</li>
54
+ <li>Personal Statement: Draft a compelling narrative of your goals and motivations.</li>
55
+ </ul>
56
+ </div>
57
+ <div class="md:flex-1">
58
+ <h4 class="text-xl font-semibold text-gray-800">Resources</h4>
59
+ <p class="mt-2 text-gray-700">Use global rankings and databases to find programs:</p>
60
+ <ul class="list-none mt-1 space-y-1">
61
+ <li>🔗 <a href="https://www.topuniversities.com" class="text-primary hover:underline">QS World University Rankings</a></li>
62
+ <li>🔗 <a href="https://www.timeshighereducation.com" class="text-primary hover:underline">THE World University Rankings</a></li>
63
+ <li>🔗 <a href="https://scholarships.com" class="text-primary hover:underline">Scholarship Search Portals</a></li>
64
+ <li>🔗 <a href="#" class="text-primary hover:underline">Guide: Writing a Statement of Purpose</a></li>
65
+ </ul>
66
+ </div>
67
+ </div>
68
+ </section>
69
+
70
+ <!-- Notable Programs or Scholarships (if any) -->
71
+ <section class="mb-8">
72
+ <h3 class="text-2xl font-semibold text-gray-800 mb-4">Notable Programs &amp; Scholarships</h3>
73
+ <div class="space-y-3 text-sm">
74
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
75
+ <p class="font-medium">Rhodes Scholarship – University of Oxford</p>
76
+ <p class="text-gray-600">Fully-funded scholarship for postgraduate study at Oxford, open to select countries. <a href="#" class="text-primary hover:underline">Learn more &raquo;</a></p>
77
+ </div>
78
+ <div class="p-4 bg-gray-50 border border-gray-200 rounded">
79
+ <p class="font-medium">Fulbright Program – Global</p>
80
+ <p class="text-gray-600">Exchange scholarships for study/research in the USA for international students. <a href="#" class="text-primary hover:underline">Learn more &raquo;</a></p>
81
+ </div>
82
+ </div>
83
+ </section>
84
+
85
+ </main>
86
+
87
+ <!-- Footer -->
88
+ <footer class="bg-gray-100">
89
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
90
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Student Experiences</a>
91
+ </div>
92
+ </footer>
93
+ </div>
PharmaPage.html ADDED
@@ -0,0 +1,69 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Pharma Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Pharma</a>
10
+ <a href="#" class="hover:underline">Our Conferences</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">💊 Pharma Spotlight</h2>
19
+ <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>
20
+
21
+ <!-- Featured Pharma Banner / CTA for advertisers -->
22
+ <section class="mb-10 p-6 bg-blue-50 border-l-4 border-blue-400 rounded">
23
+ <h3 class="text-xl font-semibold text-gray-800 mb-2">Your Company Here</h3>
24
+ <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>
25
+ <a href="#" class="bg-primary text-white text-sm font-medium px-4 py-2 rounded hover:bg-opacity-90">Advertise with Us</a>
26
+ </section>
27
+
28
+ <!-- Pharma Ads/Promos Grid -->
29
+ <section>
30
+ <div class="grid gap-6 md:grid-cols-3">
31
+ <!-- Pharma Card 1 -->
32
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
33
+ <div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
34
+ <!-- Placeholder for company logo -->
35
+ <span class="text-gray-500 text-sm">Logo</span>
36
+ </div>
37
+ <h4 class="text-lg font-semibold text-gray-800">MediCorp Pharma</h4>
38
+ <p class="text-sm text-gray-600 mt-1 flex-1">New antibiotic release: <em>Azion</em> – effective against resistant infections.</p>
39
+ <a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Learn More &raquo;</a>
40
+ </div>
41
+ <!-- Pharma Card 2 -->
42
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
43
+ <div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
44
+ <span class="text-gray-500 text-sm">Logo</span>
45
+ </div>
46
+ <h4 class="text-lg font-semibold text-gray-800">HealthPlus Co.</h4>
47
+ <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>
48
+ <a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Learn More &raquo;</a>
49
+ </div>
50
+ <!-- Pharma Card 3 -->
51
+ <div class="border border-gray-200 rounded-lg p-4 shadow-sm flex flex-col items-center text-center">
52
+ <div class="bg-gray-200 h-16 w-16 mb-3 flex items-center justify-center rounded-full">
53
+ <span class="text-gray-500 text-sm">Logo</span>
54
+ </div>
55
+ <h4 class="text-lg font-semibold text-gray-800">WellCare Labs</h4>
56
+ <p class="text-sm text-gray-600 mt-1 flex-1">Continuing Medical Education: Free webinar on vaccine development sponsored by WellCare.</p>
57
+ <a href="#" class="text-primary text-sm font-medium hover:underline mt-2">Register &raquo;</a>
58
+ </div>
59
+ </div>
60
+ </section>
61
+ </main>
62
+
63
+ <!-- Footer -->
64
+ <footer class="bg-gray-100">
65
+ <div class="max-w-7xl mx-auto px-4 py-5 text-xs text-gray-600">
66
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Advertising Policy</a>
67
+ </div>
68
+ </footer>
69
+ </div>
PodcastPage.html ADDED
@@ -0,0 +1,79 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Podcast Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header / Navbar -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Podcasts</a>
10
+ <a href="#" class="hover:underline">Research</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto p-4">
18
+ <!-- Page Title -->
19
+ <div class="mb-6">
20
+ <h2 class="text-3xl font-bold text-gray-800">🎙️ Podcasts</h2>
21
+ <p class="text-gray-600">Hear from medical experts on the latest topics and trends.</p>
22
+ </div>
23
+ <!-- Search and Filter -->
24
+ <div class="mb-6 flex flex-col md:flex-row md:items-center md:justify-between space-y-2 md:space-y-0">
25
+ <input type="text" placeholder="Search podcasts..." class="w-full md:w-1/3 px-3 py-2 border border-gray-300 rounded" />
26
+ <select class="w-full md:w-1/5 px-3 py-2 border border-gray-300 rounded">
27
+ <option>All Topics</option>
28
+ <option>Cardiology</option>
29
+ <option>Neurology</option>
30
+ <option>Public Health</option>
31
+ </select>
32
+ </div>
33
+ <!-- Podcasts Grid -->
34
+ <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
35
+ <!-- Podcast Episode Card 1 -->
36
+ <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 shadow-sm hover:shadow-md transition">
37
+ <h3 class="text-xl font-semibold text-gray-800">The Heart of Cardiology</h3>
38
+ <p class="text-sm text-gray-500">Host: Dr. A. Kumar &middot; Jan 10, 2025</p>
39
+ <p class="mt-2 text-gray-700 text-sm">Discussion on recent advances in cardiology and patient care approaches.</p>
40
+ <audio controls class="mt-3 w-full">
41
+ <source src="#" type="audio/mpeg" />
42
+ Your browser does not support the audio element.
43
+ </audio>
44
+ </div>
45
+ <!-- Podcast Episode Card 2 -->
46
+ <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 shadow-sm hover:shadow-md transition">
47
+ <h3 class="text-xl font-semibold text-gray-800">Pediatrics Today</h3>
48
+ <p class="text-sm text-gray-500">Host: Dr. B. Sharma &middot; Jan 5, 2025</p>
49
+ <p class="mt-2 text-gray-700 text-sm">Latest pediatric care techniques and child health insights for practitioners.</p>
50
+ <audio controls class="mt-3 w-full">
51
+ <source src="#" type="audio/mpeg" />
52
+ Your browser does not support the audio element.
53
+ </audio>
54
+ </div>
55
+ <!-- Podcast Episode Card 3 -->
56
+ <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 shadow-sm hover:shadow-md transition">
57
+ <h3 class="text-xl font-semibold text-gray-800">Global Health Review</h3>
58
+ <p class="text-sm text-gray-500">Host: Dr. C. Lee &middot; Dec 20, 2024</p>
59
+ <p class="mt-2 text-gray-700 text-sm">A conversation on global health challenges and epidemiology updates.</p>
60
+ <audio controls class="mt-3 w-full">
61
+ <source src="#" type="audio/mpeg" />
62
+ Your browser does not support the audio element.
63
+ </audio>
64
+ </div>
65
+ <!-- Additional podcast cards... -->
66
+ </div>
67
+ <!-- Possibly a "load more" button for more podcasts -->
68
+ <div class="mt-8 text-center">
69
+ <button class="bg-primary text-white px-4 py-2 rounded hover:bg-opacity-90">Load More Episodes</button>
70
+ </div>
71
+ </main>
72
+
73
+ <!-- Footer -->
74
+ <footer class="bg-gray-100">
75
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
76
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Contact Us</a>
77
+ </div>
78
+ </footer>
79
+ </div>
ResPage.html ADDED
@@ -0,0 +1,75 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Research-Friendly Hospitals Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-4xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Research-Friendly Hospitals</a>
10
+ <a href="#" class="hover:underline">Research</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-4xl mx-auto px-4 py-6">
18
+ <h2 class="text-3xl font-bold text-gray-800 mb-4">🏆 Top Research-Active Hospitals in Tamil Nadu</h2>
19
+ <p class="text-gray-600 mb-6">This chart ranks Tamil Nadu hospitals by research output (publications in 2024). It highlights the institutions leading in medical research and innovation.</p>
20
+
21
+ <!-- Rankings Chart -->
22
+ <div class="space-y-4">
23
+ <!-- Hospital 1 -->
24
+ <div>
25
+ <div class="flex justify-between text-sm">
26
+ <span class="font-medium text-gray-800">1. CMC Vellore</span>
27
+ <span class="text-gray-600">130 publications</span>
28
+ </div>
29
+ <div class="bg-primary h-3 rounded mt-1" style="width: 100%;"></div>
30
+ </div>
31
+ <!-- Hospital 2 -->
32
+ <div>
33
+ <div class="flex justify-between text-sm">
34
+ <span class="font-medium text-gray-800">2. Madras Medical College</span>
35
+ <span class="text-gray-600">115 publications</span>
36
+ </div>
37
+ <div class="bg-primary h-3 rounded mt-1" style="width: 88%;"></div>
38
+ </div>
39
+ <!-- Hospital 3 -->
40
+ <div>
41
+ <div class="flex justify-between text-sm">
42
+ <span class="font-medium text-gray-800">3. Apollo Hospitals Chennai</span>
43
+ <span class="text-gray-600">90 publications</span>
44
+ </div>
45
+ <div class="bg-primary h-3 rounded mt-1" style="width: 69%;"></div>
46
+ </div>
47
+ <!-- Hospital 4 -->
48
+ <div>
49
+ <div class="flex justify-between text-sm">
50
+ <span class="font-medium text-gray-800">4. PSG Institute, Coimbatore</span>
51
+ <span class="text-gray-600">80 publications</span>
52
+ </div>
53
+ <div class="bg-primary h-3 rounded mt-1" style="width: 62%;"></div>
54
+ </div>
55
+ <!-- Hospital 5 -->
56
+ <div>
57
+ <div class="flex justify-between text-sm">
58
+ <span class="font-medium text-gray-800">5. Stanley Medical College</span>
59
+ <span class="text-gray-600">75 publications</span>
60
+ </div>
61
+ <div class="bg-primary h-3 rounded mt-1" style="width: 58%;"></div>
62
+ </div>
63
+ </div>
64
+
65
+ <!-- Note: for an interactive chart, Chart.js can be used to render bars dynamically -->
66
+ <p class="mt-4 text-xs text-gray-500">* Data represents number of PubMed-indexed publications in 2024. (Illustrative data)</p>
67
+ </main>
68
+
69
+ <!-- Footer -->
70
+ <footer class="bg-gray-100">
71
+ <div class="max-w-4xl mx-auto px-4 py-5 text-sm text-gray-600">
72
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Methodology</a>
73
+ </div>
74
+ </footer>
75
+ </div>
ResearchPage.html ADDED
@@ -0,0 +1,114 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!-- Research Page -->
2
+ <div class="min-h-screen flex flex-col bg-white">
3
+ <!-- Header / Navbar (same structure as other pages for consistency) -->
4
+ <header class="bg-primary text-white">
5
+ <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
6
+ <h1 class="text-2xl font-bold">TN Medical Connect</h1>
7
+ <nav class="space-x-4 text-sm">
8
+ <a href="#" class="hover:underline">Home</a>
9
+ <a href="#" class="hover:underline font-semibold">Research</a>
10
+ <a href="#" class="hover:underline">Podcasts</a>
11
+ <!-- ...other nav links -->
12
+ </nav>
13
+ </div>
14
+ </header>
15
+
16
+ <!-- Main Content -->
17
+ <main class="flex-1 max-w-7xl mx-auto px-4 py-6 space-y-12">
18
+ <!-- Page Title -->
19
+ <div>
20
+ <h2 class="text-3xl font-bold text-gray-800">🔬 Research & Innovation</h2>
21
+ <p class="text-gray-600">Latest research updates, resources for researchers, and upcoming academic events.</p>
22
+ </div>
23
+
24
+ <!-- Featured Research Highlight -->
25
+ <section class="bg-gray-50 border border-gray-200 rounded-lg p-6 shadow-sm">
26
+ <h3 class="text-2xl font-semibold text-gray-800">Featured: Breakthrough in Diabetes Treatment</h3>
27
+ <p class="text-sm text-gray-500 mb-4">Published Jan 2025 in New England Journal of Medicine</p>
28
+ <p class="text-gray-700">Researchers at XYZ University have developed a novel insulin delivery method improving patient compliance. This breakthrough is expected to reduce complications in diabetes management. <a href="#" class="text-primary hover:underline">Read more</a></p>
29
+ </section>
30
+
31
+ <!-- Research Resources: IRB Guide and Publication Feeds -->
32
+ <section class="md:flex md:space-x-6">
33
+ <!-- IRB How-to Guide Card -->
34
+ <div class="flex-1 bg-white border border-gray-200 rounded-lg p-5 shadow-sm mb-6 md:mb-0">
35
+ <h3 class="text-xl font-semibold text-gray-800">How to Write an IRB Proposal</h3>
36
+ <p class="text-sm text-gray-600 mb-3">Tips and steps to craft a successful IRB submission for your study.</p>
37
+ <ul class="list-disc list-inside text-gray-700 text-sm space-y-1">
38
+ <li>Define a clear research question and hypothesis.</li>
39
+ <li>Ensure ethical compliance and patient safety measures.</li>
40
+ <li>Provide detailed methodology and data management plans.</li>
41
+ </ul>
42
+ <a href="#" class="mt-3 inline-block text-primary hover:underline text-sm font-medium">Read full guide &raquo;</a>
43
+ </div>
44
+ <!-- Latest Publications Feed -->
45
+ <div class="flex-1">
46
+ <h3 class="text-xl font-semibold text-gray-800 mb-3">Latest Publications</h3>
47
+ <div class="space-y-2 text-sm">
48
+ <!-- Example publication entries (could be dynamically loaded) -->
49
+ <div class="border-b pb-2">
50
+ <a href="#" class="text-primary hover:underline">Effect of Telemedicine on Patient Outcomes in Rural Areas</a>
51
+ <p class="text-gray-500">Journal of Medical Systems &middot; Jan 2025</p>
52
+ </div>
53
+ <div class="border-b pb-2">
54
+ <a href="#" class="text-primary hover:underline">AI-Assisted Surgery: A Review of 1000 Cases</a>
55
+ <p class="text-gray-500">International Journal of Surgery &middot; Dec 2024</p>
56
+ </div>
57
+ <div>
58
+ <a href="#" class="text-primary hover:underline">Long-term Effects of COVID-19 Vaccination Strategies</a>
59
+ <p class="text-gray-500">Lancet Public Health &middot; Dec 2024</p>
60
+ </div>
61
+ </div>
62
+ <button class="mt-3 text-primary text-sm hover:underline">Refresh Feed</button>
63
+ <!-- A real implementation might use JS to fetch and append new entries -->
64
+ </div>
65
+ </section>
66
+
67
+ <!-- Networking CTA -->
68
+ <section class="bg-primary text-white rounded-lg p-6 shadow-md flex items-center justify-between flex-col md:flex-row">
69
+ <div class="mb-4 md:mb-0">
70
+ <h3 class="text-2xl font-semibold">Connect with Peers</h3>
71
+ <p class="text-white text-sm">Join our research forum to network with other researchers and clinicians in Tamil Nadu.</p>
72
+ </div>
73
+ <a href="#" class="bg-white text-primary font-semibold px-4 py-2 rounded shadow hover:bg-gray-100">Join the Research Forum</a>
74
+ </section>
75
+
76
+ <!-- Upcoming Conferences Preview -->
77
+ <section>
78
+ <h3 class="text-xl font-semibold text-gray-800 mb-4">Upcoming Conferences</h3>
79
+ <div class="space-y-3 text-sm">
80
+ <div class="p-4 bg-gray-50 rounded border border-gray-200 flex items-center justify-between">
81
+ <div>
82
+ <p class="font-medium">TN Medical Research Summit 2025</p>
83
+ <p class="text-gray-500">Chennai &middot; Feb 20, 2025</p>
84
+ </div>
85
+ <a href="#" class="text-primary hover:underline font-medium">Details &raquo;</a>
86
+ </div>
87
+ <div class="p-4 bg-gray-50 rounded border border-gray-200 flex items-center justify-between">
88
+ <div>
89
+ <p class="font-medium">International Cardiology Conference</p>
90
+ <p class="text-gray-500">Mumbai &middot; Mar 15-17, 2025</p>
91
+ </div>
92
+ <a href="#" class="text-primary hover:underline font-medium">Details &raquo;</a>
93
+ </div>
94
+ <div class="p-4 bg-gray-50 rounded border border-gray-200 flex items-center justify-between">
95
+ <div>
96
+ <p class="font-medium">Asia-Pacific Medical Research Forum</p>
97
+ <p class="text-gray-500">Singapore &middot; Apr 2025</p>
98
+ </div>
99
+ <a href="#" class="text-primary hover:underline font-medium">Details &raquo;</a>
100
+ </div>
101
+ </div>
102
+ <div class="mt-3">
103
+ <a href="#" class="text-primary text-sm hover:underline">View all Conferences &raquo;</a>
104
+ </div>
105
+ </section>
106
+ </main>
107
+
108
+ <!-- Footer -->
109
+ <footer class="bg-gray-100">
110
+ <div class="max-w-7xl mx-auto px-4 py-5 text-sm text-gray-600">
111
+ © 2025 TN Medical Connect &middot; <a href="#" class="text-primary hover:underline">Privacy Policy</a>
112
+ </div>
113
+ </footer>
114
+ </div>