<div style="max-width:1100px; margin:30px auto; font-family:Arial, sans-serif;">
<h1 style="text-align:left; font-size:32px; margin-bottom:10px;">Events & Activities</h1>

<p style="text-align:left; font-size:15px; line-height:1.6; margin-bottom:20px;">Stay updated with our latest medical camps, healthcare initiatives, and community services at Al-Jannat Poly Clinic.</p>

<h2 style="text-align:left; font-size:26px; margin-bottom:15px;">Featured Event</h2>
<img alt="7 Days Free Medical Camp" src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774607388-14712912069c65c1c01005!WhatsApp Image 2026-03-26 at 3.56.21 PM.jpeg" style="width:100%; height:250px; object-fit:cover; border-radius:8px; margin-bottom:15px; display:block;" />
<h3 style="text-align:left; font-size:20px; margin-bottom:8px;">7 Days Free Medical Camp</h3>

<p style="text-align:left; font-size:15px; line-height:1.6; margin-bottom:10px;">&#128197; 18 January &ndash; 24 January 2026. Al-Jannat Poly Clinic organized a 7-day free medical camp where more than 900 patients were checked and treated.</p>

<p style="text-align:left; font-size:15px; line-height:1.6; margin-bottom:10px;">Patients from Ophthalmology, Cardiology, Psychiatry, Orthopedics, and Gynecology departments received medical care.</p>

<p style="text-align:left; font-size:15px; line-height:1.6; margin-bottom:20px;">Free medicines and laboratory tests were provided to all deserving patients.</p>

<img alt="Medical Camp Gallery" src="https://connector.appscorridor.com/smart-hospital/uploads/gallery/media/1774606354-147796240769c6581236cc6!WhatsApp Image 2026-03-26 at 3.56.17 PM.jpeg" style="width:100%; height:550px; object-fit:cover; border-radius:8px; margin-top:15px; display:block;" />

<!-- CAMP HIGHLIGHTS -->
<div style="margin-top:40px; margin-bottom:40px;">
<h2 style="font-size:26px; margin-bottom:20px; text-align:left;">Camp Highlights</h2>
<div style="display:flex; gap:16px; flex-wrap:wrap;">

<div style="flex:1; min-width:200px; background:#f0f7ff; border-left:4px solid #007bff; border-radius:6px; padding:20px; text-align:left;">
<div style="font-size:32px; font-weight:700; color:#007bff; margin-bottom:6px; text-align:left;">900+</div>
<div style="font-size:15px; color:#333; text-align:left;">Patients Treated</div>
</div>

<div style="flex:1; min-width:200px; background:#f0fff4; border-left:4px solid #28a745; border-radius:6px; padding:20px; text-align:left;">
<div style="font-size:32px; font-weight:700; color:#28a745; margin-bottom:6px; text-align:left;">7</div>
<div style="font-size:15px; color:#333; text-align:left;">Days of Service</div>
</div>

<div style="flex:1; min-width:200px; background:#fff8f0; border-left:4px solid #fd7e14; border-radius:6px; padding:20px; text-align:left;">
<div style="font-size:32px; font-weight:700; color:#fd7e14; margin-bottom:6px; text-align:left;">5</div>
<div style="font-size:15px; color:#333; text-align:left;">Departments Involved</div>
</div>

<div style="flex:1; min-width:200px; background:#fff0f6; border-left:4px solid #e83e8c; border-radius:6px; padding:20px; text-align:left;">
<div style="font-size:32px; font-weight:700; color:#e83e8c; margin-bottom:6px; text-align:left;">100%</div>
<div style="font-size:15px; color:#333; text-align:left;">Free of Cost</div>
</div>

</div>
</div>

<!-- DEPARTMENTS COVERED -->
<div style="margin-bottom:40px;">
<h2 style="font-size:26px; margin-bottom:15px; text-align:left;">Departments Covered</h2>
<div style="display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-start;">
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#128065; Ophthalmology</span>
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#10084; Cardiology</span>
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#129504; Psychiatry</span>
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#129468; Orthopedics</span>
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#128118; Gynecology</span>
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#127774; Dermatology</span>
<span style="background:#007bff; color:#fff; padding:8px 18px; border-radius:20px; font-size:14px;">&#129496; Physiotherapy</span>
</div>
</div>

<!-- SERVICES PROVIDED -->
<div style="margin-bottom:40px; background:#f8f9fa; border-radius:8px; padding:28px;">
<h2 style="font-size:26px; margin-bottom:18px; text-align:left;">Services Provided</h2>
<div style="display:flex; flex-wrap:wrap; gap:12px;">

<div style="display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:14px 18px; min-width:220px; flex:1;">
<span style="font-size:20px;">&#128138;</span>
<div style="text-align:left;">
<div style="font-weight:600; font-size:15px; margin-bottom:3px; text-align:left;">Free Consultation</div>
<div style="font-size:13px; color:#666; text-align:left;">Expert doctors available at no cost.</div>
</div>
</div>

<div style="display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:14px 18px; min-width:220px; flex:1;">
<span style="font-size:20px;">&#128137;</span>
<div style="text-align:left;">
<div style="font-weight:600; font-size:15px; margin-bottom:3px; text-align:left;">Free Medicines</div>
<div style="font-size:13px; color:#666; text-align:left;">Medicines distributed to all deserving patients.</div>
</div>
</div>

<div style="display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:14px 18px; min-width:220px; flex:1;">
<span style="font-size:20px;">&#128300;</span>
<div style="text-align:left;">
<div style="font-weight:600; font-size:15px; margin-bottom:3px; text-align:left;">Lab Tests</div>
<div style="font-size:13px; color:#666; text-align:left;">Laboratory tests provided free of charge.</div>
</div>
</div>

<div style="display:flex; align-items:flex-start; gap:10px; background:#fff; border:1px solid #e0e0e0; border-radius:6px; padding:14px 18px; min-width:220px; flex:1;">
<span style="font-size:20px;">&#128205;</span>
<div style="text-align:left;">
<div style="font-weight:600; font-size:15px; margin-bottom:3px; text-align:left;">Community Outreach</div>
<div style="font-size:13px; color:#666; text-align:left;">Serving underserved communities in the region.</div>
</div>
</div>

</div>
</div>

<!-- UPCOMING EVENTS -->
<div style="margin-bottom:40px;">
<h2 style="text-align:left; font-size:26px; margin-bottom:15px;">Upcoming Events</h2>
<div style="background:#fff8e1; border-left:4px solid #ffc107; border-radius:6px; padding:20px;">
<p style="font-size:15px; line-height:1.6; margin:0; color:#555; text-align:left;">&#128276; No upcoming events at the moment. Stay connected with us for future updates and announcements.</p>
</div>
</div>

<!-- STAY CONNECTED / CTA -->
<div style="background:#007bff; border-radius:8px; padding:36px 28px; text-align:left; margin-bottom:20px;">
<h2 style="color:#fff; font-size:24px; margin-bottom:10px; text-align:left;">Want to Be Part of Our Next Camp?</h2>
<p style="color:#d0e8ff; font-size:15px; line-height:1.6; margin-bottom:24px; text-align:left;">Register your interest or get in touch with Al-Jannat Poly Clinic to participate in our upcoming community health initiatives.</p>
<div style="text-align:left;">
<a href="https://connector.appscorridor.com/smart-hospital/form/appointment" style="display:inline-block; padding:13px 30px; background:#fff; color:#007bff; text-decoration:none; border-radius:5px; font-size:15px; font-weight:600;">Book Appointment</a>
</div>
</div>

</div>