نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>حبوب الإجهاض في دولة الإمارات العربية المتحدة</title>
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
body {overflow: hidden; width: 1280px; height: 720px; font-family: 'Noto Sans Arabic', sans-serif;}
.gradient-overlay {
background: linear-gradient(135deg, rgba(44, 44, 44, 0.85) 0%, rgba(74, 14, 78, 0.75) 100%);
}
.text-shadow {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.subtle-border {
border: 1px solid rgba(255, 160, 122, 0.3);
}
html {
overflow: hidden;
}</style>
</head>
<body class="overflow-hidden">
<div class="relative w-[1280px] h-[720px] mx-auto" style=" overflow: hidden;">
<!-- Background Image -->
<img alt="Medical Background" class="absolute inset-0 w-full h-full object-cover" src="https://picture-search.skywork.ai/aippt/image/sheet/21198edb2ffe5d1191dc5b63a8ac37d9_crop.jpg">
<!-- Gradient Overlay -->
<div class="absolute inset-0 gradient-overlay"></div>
<!-- Content Container -->
<div class="relative z-10 flex flex-col justify-center items-center h-full px-16 text-center">
<!-- Main Title -->
<div class="mb-8">
<h1 class="text-6xl font-bold text-white text-shadow leading-tight mb-4">
حبوب الإجهاض في دولة الإمارات العربية المتحدة
</h1>
<div class="w-32 h-1 bg-orange-300 mx-auto rounded-full"></div>
</div>
<!-- Subtitle -->
<div class="mb-12">
<h2 class="text-3xl font-medium text-orange-200 text-shadow mb-3">
دليل شامل للجوانب الطبية والقانونية
</h2>
<p class="text-xl text-gray-200 font-light">
تحليل معمق للإطار القانوني المحدث والممارسات الطبية الآمنة
</p>
</div>
<!-- Key Features Box -->
<div class="bg-white bg-opacity-10 backdrop-blur-sm rounded-2xl px-8 py-6 subtle-border mb-8">
<div class="grid grid-cols-3 gap-8 text-center">
<div>
<div class="text-2xl font-bold text-orange-300 mb-2">2024</div>
<div class="text-sm text-gray-200">القوانين المحدثة</div>
</div>
<div>
<div class="text-2xl font-bold text-orange-300 mb-2">شامل</div>
<div class="text-sm text-gray-200">التحليل الطبي</div>
</div>
<div>
<div class="text-2xl font-bold text-orange-300 mb-2">موثق</div>
<div class="text-sm text-gray-200">المصادر القانونية</div>
</div>
</div>
</div>
<!-- Date and Source -->
<div class="text-center">
<div class="text-lg text-gray-300 mb-2">
تاريخ إعداد التقرير: 15 يناير 2026
</div>
<div class="text-sm text-orange-200 font-medium">
وفقاً لقرار مجلس الوزراء رقم (44) لسنة 2024
</div>
</div>
</div>
<!-- Decorative Elements -->
<div class="absolute top-8 right-8 w-2 h-2 bg-orange-300 rounded-full opacity-60"></div>
<div class="absolute top-16 right-12 w-1 h-1 bg-orange-200 rounded-full opacity-40"></div>
<div class="absolute bottom-8 left-8 w-2 h-2 bg-orange-300 rounded-full opacity-60"></div>
<div class="absolute bottom-16 left-12 w-1 h-1 bg-orange-200 rounded-full opacity-40"></div>
</div>
</body></html>
الصفحة 2
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>مقدمة حول حبوب الإجهاض</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-purple-900 bg-opacity-80 px-12 py-8">
<h1 class="text-4xl font-bold text-white text-center">
مقدمة حول حبوب الإجهاض
</h1>
</div>
<!-- Main Content -->
<div class="px-12 py-8 h-full">
<div class="grid grid-cols-2 gap-8 h-full items-center">
<!-- Left Column - Content -->
<div class="space-y-8">
<!-- Definition Section -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-6 border-r-4 border-orange-300">
<div class="flex items-center mb-4">
<i class="fas fa-capsules text-3xl text-orange-300 ml-4"></i>
<h2 class="text-2xl font-semibold text-orange-300">التعريف</h2>
</div>
<p class="text-lg leading-relaxed text-gray-200">
حبوب الإجهاض هي أدوية طبية تُستخدم لإنهاء الحمل في مراحله المبكرة بطريقة آمنة وفعالة تحت الإشراف الطبي المختص.
</p>
</div>
<!-- Medical Method Section -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-6 border-r-4 border-purple-400">
<div class="flex items-center mb-4">
<i class="fas fa-user-md text-3xl text-purple-400 ml-4"></i>
<h2 class="text-2xl font-semibold text-purple-400">الوسيلة الطبية</h2>
</div>
<p class="text-lg leading-relaxed text-gray-200">
تُعد بديلاً طبياً للإجراءات الجراحية، وتتطلب متابعة طبية دقيقة لضمان السلامة والفعالية.
</p>
</div>
</div>
<!-- Right Column - Key Points -->
<div class="space-y-6">
<div class="text-center mb-8">
<i class="fas fa-info-circle text-6xl text-orange-300 mb-4"></i>
<h3 class="text-2xl font-semibold text-orange-300">نقاط مهمة</h3>
</div>
<!-- Key Points Grid -->
<div class="space-y-4">
<div class="flex items-center bg-gray-700 bg-opacity-40 rounded-lg p-4">
<i class="fas fa-calendar-alt text-2xl text-orange-300 ml-4"></i>
<span class="text-lg text-gray-200">فعالة في المراحل المبكرة للحمل</span>
</div>
<div class="flex items-center bg-gray-700 bg-opacity-40 rounded-lg p-4">
<i class="fas fa-balance-scale text-2xl text-purple-400 ml-4"></i>
<span class="text-lg text-gray-200">تثير تساؤلات طبية وقانونية مهمة</span>
</div>
<div class="flex items-center bg-gray-700 bg-opacity-40 rounded-lg p-4">
<i class="fas fa-shield-alt text-2xl text-orange-300 ml-4"></i>
<span class="text-lg text-gray-200">تتطلب إشرافاً طبياً متخصصاً</span>
</div>
<div class="flex items-center bg-gray-700 bg-opacity-40 rounded-lg p-4">
<i class="fas fa-map-marker-alt text-2xl text-purple-400 ml-4"></i>
<span class="text-lg text-gray-200">منظمة قانونياً في دولة الإمارات</span>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Note -->
<div class="absolute bottom-0 left-0 right-0 bg-purple-900 bg-opacity-60 px-12 py-4">
<div class="flex items-center justify-center">
<i class="fas fa-exclamation-triangle text-orange-300 ml-3"></i>
<p class="text-center text-gray-200 font-semibold">
معلومات دقيقة وموثوقة للباحثين من المنطقة
</p>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-12 text-gray-400 font-semibold" style="visibility: hidden;">
2 / 10
</div>
</div>
</body></html>
الصفحة 3
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>الإطار القانوني الجديد في الإمارات 2024</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
.pulse-animation { animation: pulse 2s infinite; }
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-purple-900 bg-opacity-80 px-12 py-6">
<h1 class="text-4xl font-bold text-white text-center">
الإطار القانوني الجديد في الإمارات 2024
</h1>
</div>
<!-- Main Content -->
<div class="px-12 py-8">
<!-- Year Highlight -->
<div class="text-center mb-8">
<div class="inline-flex items-center bg-orange-300 text-gray-900 rounded-full px-8 py-3 pulse-animation">
<i class="fas fa-calendar-check text-2xl ml-3"></i>
<span class="text-2xl font-bold">تحديثات قانونية مهمة - 2024</span>
</div>
</div>
<!-- Resolution Details -->
<div class="grid grid-cols-1 gap-8 mb-8">
<!-- Main Resolution Box -->
<div class="bg-gradient-to-l from-purple-900 to-purple-800 rounded-xl p-8 border-2 border-orange-300 shadow-2xl">
<div class="flex items-center justify-center mb-6">
<i class="fas fa-balance-scale text-5xl text-orange-300 ml-6"></i>
<div class="text-center">
<h2 class="text-3xl font-bold text-orange-300 mb-2">قرار مجلس الوزراء</h2>
<div class="text-4xl font-bold text-white">رقم (44) لسنة 2024</div>
</div>
</div>
<div class="text-center">
<p class="text-xl text-gray-200 leading-relaxed">
القرار المنظم للحالات المسموح بها للإجهاض والحد من الممارسات غير القانونية
</p>
</div>
</div>
</div>
<!-- Key Updates Grid -->
<div class="grid grid-cols-3 gap-6">
<!-- Update 1 -->
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-6 text-center border-t-4 border-orange-300">
<i class="fas fa-gavel text-4xl text-orange-300 mb-4"></i>
<h3 class="text-xl font-semibold text-orange-300 mb-3">تنظيم الحالات</h3>
<p class="text-gray-200 text-sm leading-relaxed">
تحديد الحالات المسموح بها قانونياً لإجراء الإجهاض
</p>
</div>
<!-- Update 2 -->
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-6 text-center border-t-4 border-purple-400">
<i class="fas fa-shield-alt text-4xl text-purple-400 mb-4"></i>
<h3 class="text-xl font-semibold text-purple-400 mb-3">الحد من المخالفات</h3>
<p class="text-gray-200 text-sm leading-relaxed">
منع الممارسات غير القانونية وحماية الصحة العامة
</p>
</div>
<!-- Update 3 -->
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-6 text-center border-t-4 border-orange-300">
<i class="fas fa-hospital text-4xl text-orange-300 mb-4"></i>
<h3 class="text-xl font-semibold text-orange-300 mb-3">الإشراف الطبي</h3>
<p class="text-gray-200 text-sm leading-relaxed">
ضمان الإجراءات تحت إشراف طبي متخصص ومرخص
</p>
</div>
</div>
</div>
<!-- Bottom Banner -->
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-r from-purple-900 to-gray-800 px-12 py-4">
<div class="flex items-center justify-between">
<div class="flex items-center">
<i class="fas fa-landmark text-orange-300 text-2xl ml-4"></i>
<span class="text-gray-200 font-semibold">
دولة الإمارات العربية المتحدة - وزارة الصحة ووقاية المجتمع
</span>
</div>
<div class="text-orange-300 font-bold text-lg">
تاريخ النفاذ: 2024
</div>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-12 text-gray-400 font-semibold" style="visibility: hidden;">
3 / 10
</div>
</div>
</body></html>
الصفحة 4
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>الحالات المسموح بها قانونياً</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-purple-900 bg-opacity-80 px-12 py-6">
<h1 class="text-4xl font-bold text-white text-center">
الحالات المسموح بها قانونياً
</h1>
<p class="text-center text-orange-300 mt-2 text-lg">
وفقاً لقرار مجلس الوزراء رقم (44) لسنة 2024
</p>
</div>
<!-- Main Content -->
<div class="px-8 py-6 h-full">
<div class="grid grid-cols-2 gap-6 h-full">
<!-- Left Column -->
<div class="space-y-4">
<!-- Case 1 -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-5 border-r-4 border-red-400">
<div class="flex items-start">
<div class="bg-red-400 rounded-full p-3 ml-4 flex-shrink-0">
<i class="fas fa-heartbeat text-white text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-red-400 mb-2">خطر على حياة الأم</h3>
<p class="text-gray-200 text-sm leading-relaxed">
إذا كان استمرار الحمل يشكل خطراً على حياة المرأة الحامل
</p>
</div>
</div>
</div>
<!-- Case 2 -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-5 border-r-4 border-blue-400">
<div class="flex items-start">
<div class="bg-blue-400 rounded-full p-3 ml-4 flex-shrink-0">
<i class="fas fa-dna text-white text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-blue-400 mb-2">التشوهات الخلقية الخطيرة</h3>
<p class="text-gray-200 text-sm leading-relaxed">
إذا ثبت أن الجنين يعاني من تشوهات خلقية خطيرة وغير قابلة للشفاء
</p>
</div>
</div>
</div>
<!-- Case 3 -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-5 border-r-4 border-orange-400">
<div class="flex items-start">
<div class="bg-orange-400 rounded-full p-3 ml-4 flex-shrink-0">
<i class="fas fa-shield-alt text-white text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-orange-400 mb-2">الحمل نتيجة الاغتصاب</h3>
<p class="text-gray-200 text-sm leading-relaxed">
إذا كان الحمل ناتجاً عن اغتصاب
</p>
</div>
</div>
</div>
</div>
<!-- Right Column -->
<div class="space-y-4">
<!-- Case 4 -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-5 border-r-4 border-purple-400">
<div class="flex items-start">
<div class="bg-purple-400 rounded-full p-3 ml-4 flex-shrink-0">
<i class="fas fa-ban text-white text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-purple-400 mb-2">زنا المحارم</h3>
<p class="text-gray-200 text-sm leading-relaxed">
إذا كان الحمل ناتجاً عن زنا المحارم
</p>
</div>
</div>
</div>
<!-- Case 5 -->
<div class="bg-gray-700 bg-opacity-50 rounded-lg p-5 border-r-4 border-green-400">
<div class="flex items-start">
<div class="bg-green-400 rounded-full p-3 ml-4 flex-shrink-0">
<i class="fas fa-users text-white text-xl"></i>
</div>
<div>
<h3 class="text-lg font-semibold text-green-400 mb-2">طلب الزوجين</h3>
<p class="text-gray-200 text-sm leading-relaxed">
بناءً على طلب الزوجين، وذلك بعد موافقة اللجنة المختصة
</p>
</div>
</div>
</div>
<!-- Summary Box -->
<div class="bg-orange-300 bg-opacity-20 rounded-lg p-6 border border-orange-300">
<div class="text-center">
<i class="fas fa-gavel text-3xl text-orange-300 mb-3"></i>
<h3 class="text-xl font-bold text-orange-300 mb-2">ملاحظة مهمة</h3>
<p class="text-gray-200 text-sm leading-relaxed">
جميع الحالات تتطلب موافقة لجنة مختصة وإشراف طبي متخصص
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="absolute bottom-0 left-0 right-0 bg-purple-900 bg-opacity-60 px-12 py-3">
<div class="flex justify-between items-center" style="visibility: hidden;">
<div class="text-gray-300 text-sm">
<i class="fas fa-balance-scale ml-2"></i>
الإطار القانوني المحدث - دولة الإمارات العربية المتحدة
</div>
<div class="text-gray-400 font-semibold">
4 / 10
</div>
</div>
</div>
</div>
</body></html>
الصفحة 5
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>الشروط والضوابط القانونية</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
.requirement-item {
transition: all 0.3s ease;
}
.requirement-item:hover {
transform: translateX(-5px);
background-color: rgba(74, 14, 78, 0.3);
}
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-purple-900 bg-opacity-80 px-12 py-6">
<h1 class="text-4xl font-bold text-white text-center">
الشروط والضوابط القانونية
</h1>
<p class="text-center text-orange-300 text-lg mt-2">
المتطلبات الواجب توفرها لإجراء عملية إجهاض قانونية ومرخصة
</p>
</div>
<!-- Main Content -->
<div class="px-12 py-6 h-full">
<div class="grid grid-cols-2 gap-8">
<!-- Left Column - Medical & Professional Requirements -->
<div class="space-y-4">
<div class="flex items-center mb-6">
<i class="fas fa-hospital text-3xl text-orange-300 ml-4"></i>
<h2 class="text-2xl font-semibold text-orange-300">المتطلبات الطبية والمهنية</h2>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-orange-300">
<div class="flex items-start">
<i class="fas fa-building text-orange-300 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">منشأة صحية مرخصة ومعتمدة من الجهة الصحية المختصة</span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-start">
<i class="fas fa-user-md text-purple-400 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">طبيب متخصص في أمراض النساء والولادة مرخص له بالممارسة</span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-orange-300">
<div class="flex items-start">
<i class="fas fa-calendar-check text-orange-300 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">مدة الحمل لا تتجاوز <strong class="text-orange-300">120 يوماً</strong></span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-start">
<i class="fas fa-shield-alt text-purple-400 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">عدم ترتب مضاعفات طبية تشكل خطراً على حياة المرأة</span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-orange-300">
<div class="flex items-start">
<i class="fas fa-comments text-orange-300 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">تقديم المشورة الطبية والاجتماعية قبل الإجهاض وبعده</span>
</div>
</div>
</div>
<!-- Right Column - Legal & Administrative Requirements -->
<div class="space-y-4">
<div class="flex items-center mb-6">
<i class="fas fa-balance-scale text-3xl text-purple-400 ml-4"></i>
<h2 class="text-2xl font-semibold text-purple-400">المتطلبات القانونية والإدارية</h2>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-start">
<i class="fas fa-signature text-purple-400 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">موافقة كتابية من المرأة الحامل أو زوجها/وليها عند التعذر</span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-orange-300">
<div class="flex items-start">
<i class="fas fa-passport text-orange-300 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">للمقيمات: إقامة سارية لمدة لا تقل عن <strong class="text-orange-300">سنة واحدة</strong></span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-start">
<i class="fas fa-file-medical text-purple-400 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">تقرير طبي يثبت مدة الحمل ومبررات الإجهاض</span>
</div>
</div>
<div class="requirement-item bg-gray-700 bg-opacity-40 rounded-lg p-4 border-r-4 border-orange-300">
<div class="flex items-start">
<i class="fas fa-users text-orange-300 text-xl ml-3 mt-1"></i>
<span class="text-gray-200 leading-relaxed">موافقة لجنة مختصة (طبيب نساء، طبيب نفسية، ممثل النيابة)</span>
</div>
</div>
<!-- Key Statistics Box -->
<div class="bg-gradient-to-r from-purple-900 to-orange-600 bg-opacity-60 rounded-lg p-4 mt-6">
<div class="text-center">
<i class="fas fa-clock text-3xl text-white mb-2"></i>
<div class="text-2xl font-bold text-white">120 يوماً</div>
<div class="text-sm text-gray-200">الحد الأقصى لمدة الحمل</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="absolute bottom-0 left-0 right-0 bg-purple-900 bg-opacity-60 px-12 py-3">
<div class="flex items-center justify-center">
<i class="fas fa-gavel text-orange-300 ml-3"></i>
<p class="text-center text-gray-200 text-sm">
وفقاً لقرار مجلس الوزراء رقم (44) لسنة 2024
</p>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-12 text-gray-400 font-semibold" style="visibility: hidden;">
5 / 10
</div>
</div>
</body></html>
الصفحة 6
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>العقوبات القانونية للإجهاض غير القانوني</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
.penalty-card { transition: transform 0.3s ease; }
.penalty-card:hover { transform: translateY(-2px); }
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-red-900 bg-opacity-80 px-12 py-6">
<div class="flex items-center justify-center">
<i class="fas fa-balance-scale text-4xl text-orange-300 ml-4"></i>
<h1 class="text-3xl font-bold text-white text-center">
العقوبات القانونية للإجهاض غير القانوني
</h1>
</div>
</div>
<!-- Main Content -->
<div class="px-8 py-6 h-full">
<!-- Legal Framework Reference -->
<div class="text-center mb-6">
<div class="bg-gray-700 bg-opacity-60 rounded-lg px-6 py-3 inline-block">
<p class="text-lg text-orange-300 font-semibold">
قانون العقوبات الاتحادي رقم 31 لسنة 2021 | قانون المسؤولية الطبية رقم 4 لسنة 2016
</p>
</div>
</div>
<!-- Penalties Grid -->
<div class="grid grid-cols-2 gap-6 mb-6">
<!-- Women's Penalties -->
<div class="penalty-card bg-gradient-to-br from-red-800 to-red-900 rounded-lg p-6 border border-red-600">
<div class="flex items-center mb-4">
<i class="fas fa-female text-3xl text-orange-300 ml-3"></i>
<h3 class="text-xl font-bold text-white">المرأة الحامل</h3>
</div>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-clock text-orange-300 ml-2"></i>
<span class="text-gray-200">الحبس: حتى سنة واحدة</span>
</div>
<div class="flex items-center">
<i class="fas fa-money-bill text-orange-300 ml-2"></i>
<span class="text-gray-200">الغرامة: حتى 10,000 درهم</span>
</div>
</div>
</div>
<!-- Helper's Penalties -->
<div class="penalty-card bg-gradient-to-br from-red-700 to-red-800 rounded-lg p-6 border border-red-500">
<div class="flex items-center mb-4">
<i class="fas fa-user-friends text-3xl text-orange-300 ml-3"></i>
<h3 class="text-xl font-bold text-white">من يساعد على الإجهاض</h3>
</div>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-clock text-orange-300 ml-2"></i>
<span class="text-gray-200">الحبس: من سنتين فأكثر</span>
</div>
<div class="flex items-center">
<i class="fas fa-money-bill text-orange-300 ml-2"></i>
<span class="text-gray-200">الغرامة: من 10,000 درهم فأكثر</span>
</div>
</div>
</div>
<!-- Medical Professionals -->
<div class="penalty-card bg-gradient-to-br from-purple-800 to-purple-900 rounded-lg p-6 border border-purple-600">
<div class="flex items-center mb-4">
<i class="fas fa-user-md text-3xl text-orange-300 ml-3"></i>
<h3 class="text-xl font-bold text-white">الأطباء والمهنيين الطبيين</h3>
</div>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-exclamation-triangle text-orange-300 ml-2"></i>
<span class="text-gray-200">السجن المؤقت: حتى 5 سنوات</span>
</div>
<div class="flex items-center">
<i class="fas fa-ban text-orange-300 ml-2"></i>
<span class="text-gray-200">عقوبات إضافية حسب القانون</span>
</div>
</div>
</div>
<!-- Severe Cases -->
<div class="penalty-card bg-gradient-to-br from-gray-800 to-black rounded-lg p-6 border border-gray-600">
<div class="flex items-center mb-4">
<i class="fas fa-skull-crossbones text-3xl text-red-400 ml-3"></i>
<h3 class="text-xl font-bold text-white">الحالات الشديدة</h3>
</div>
<div class="space-y-3">
<div class="flex items-center">
<i class="fas fa-user-slash text-red-400 ml-2"></i>
<span class="text-gray-200">بدون موافقة: حتى 7 سنوات</span>
</div>
<div class="flex items-center">
<i class="fas fa-heartbeat text-red-400 ml-2"></i>
<span class="text-gray-200">يؤدي للوفاة: 5-10 سنوات</span>
</div>
</div>
</div>
</div>
<!-- Warning Box -->
<div class="bg-red-600 bg-opacity-20 border border-red-500 rounded-lg p-4">
<div class="flex items-center justify-center">
<i class="fas fa-exclamation-circle text-3xl text-red-400 ml-4"></i>
<div class="text-center">
<h4 class="text-lg font-bold text-red-300 mb-2">تحذير مهم</h4>
<p class="text-gray-200">
هذه العقوبات تطبق على الإجهاض غير القانوني فقط. الإجهاض القانوني وفق الشروط المحددة مسموح ومنظم.
</p>
</div>
</div>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-12 text-gray-400 font-semibold" style="visibility: hidden;">
6 / 10
</div>
</div>
</body></html>
الصفحة ٧
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>أنواع حبوب الإجهاض وآلية عملها</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
.arrow-connector {
position: relative;
}
.arrow-connector::after {
content: '←';
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
color: #FFA07A;
}
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-purple-900 bg-opacity-80 px-12 py-6">
<h1 class="text-4xl font-bold text-white text-center">
أنواع حبوب الإجهاض وآلية عملها
</h1>
</div>
<!-- Main Content -->
<div class="px-8 py-6">
<!-- Drug Types Flow -->
<div class="grid grid-cols-3 gap-6 mb-8">
<!-- Mifepristone -->
<div class="bg-gray-700 bg-opacity-60 rounded-xl p-6 border-t-4 border-orange-300 arrow-connector">
<div class="text-center mb-4">
<i class="fas fa-pills text-4xl text-orange-300 mb-3"></i>
<h2 class="text-xl font-bold text-orange-300">الميفيبريستون</h2>
<p class="text-sm text-gray-300">(RU-486)</p>
</div>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-cog text-purple-400 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">يمنع عمل هرمون البروجسترون</p>
</div>
<div class="flex items-start">
<i class="fas fa-stop-circle text-purple-400 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">يوقف تطور الحمل</p>
</div>
<div class="flex items-start">
<i class="fas fa-layer-group text-purple-400 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">انفصال بطانة الرحم</p>
</div>
</div>
<div class="mt-4 bg-orange-300 bg-opacity-20 rounded-lg p-3 text-center">
<p class="text-xs font-semibold text-orange-300">الخطوة الأولى</p>
</div>
</div>
<!-- Misoprostol -->
<div class="bg-gray-700 bg-opacity-60 rounded-xl p-6 border-t-4 border-purple-400 arrow-connector">
<div class="text-center mb-4">
<i class="fas fa-capsules text-4xl text-purple-400 mb-3"></i>
<h2 class="text-xl font-bold text-purple-400">الميزوبروستول</h2>
<p class="text-sm text-gray-300">(Misoprostol)</p>
</div>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-arrows-alt text-orange-300 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">تحفيز تقلصات الرحم</p>
</div>
<div class="flex items-start">
<i class="fas fa-unlock text-orange-300 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">تليين عنق الرحم</p>
</div>
<div class="flex items-start">
<i class="fas fa-external-link-alt text-orange-300 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">طرد محتويات الحمل</p>
</div>
</div>
<div class="mt-4 bg-purple-400 bg-opacity-20 rounded-lg p-3 text-center">
<p class="text-xs font-semibold text-purple-400">بعد 24-48 ساعة</p>
</div>
</div>
<!-- Combined Protocol -->
<div class="bg-gray-700 bg-opacity-60 rounded-xl p-6 border-t-4 border-green-400">
<div class="text-center mb-4">
<i class="fas fa-sync-alt text-4xl text-green-400 mb-3"></i>
<h2 class="text-xl font-bold text-green-400">البروتوكول المزدوج</h2>
<p class="text-sm text-gray-300">(Combined Protocol)</p>
</div>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-chart-line text-orange-300 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">الطريقة الأكثر فعالية</p>
</div>
<div class="flex items-start">
<i class="fas fa-percentage text-orange-300 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">نسبة نجاح > 95%</p>
</div>
<div class="flex items-start">
<i class="fas fa-clock text-orange-300 mt-1 ml-2"></i>
<p class="text-sm text-gray-200">في المراحل المبكرة</p>
</div>
</div>
<div class="mt-4 bg-green-400 bg-opacity-20 rounded-lg p-3 text-center">
<p class="text-xs font-semibold text-green-400">الأسلوب المعتمد</p>
</div>
</div>
</div>
<!-- Process Timeline -->
<div class="bg-gray-700 bg-opacity-40 rounded-xl p-6">
<h3 class="text-2xl font-bold text-center text-orange-300 mb-6">
<i class="fas fa-timeline ml-3"></i>
مراحل البروتوكول المزدوج
</h3>
<div class="flex justify-between items-center">
<!-- Step 1 -->
<div class="flex flex-col items-center text-center flex-1">
<div class="w-12 h-12 bg-orange-300 rounded-full flex items-center justify-center text-gray-800 font-bold text-lg mb-3">1</div>
<p class="text-sm font-semibold text-orange-300 mb-2">تناول الميفيبريستون</p>
<p class="text-xs text-gray-300">منع هرمون البروجسترون</p>
</div>
<!-- Arrow -->
<div class="text-3xl text-orange-300 mx-4">→</div>
<!-- Step 2 -->
<div class="flex flex-col items-center text-center flex-1">
<div class="w-12 h-12 bg-purple-400 rounded-full flex items-center justify-center text-gray-800 font-bold text-lg mb-3">2</div>
<p class="text-sm font-semibold text-purple-400 mb-2">انتظار 24-48 ساعة</p>
<p class="text-xs text-gray-300">فترة التأثير الأولي</p>
</div>
<!-- Arrow -->
<div class="text-3xl text-orange-300 mx-4">→</div>
<!-- Step 3 -->
<div class="flex flex-col items-center text-center flex-1">
<div class="w-12 h-12 bg-green-400 rounded-full flex items-center justify-center text-gray-800 font-bold text-lg mb-3">3</div>
<p class="text-sm font-semibold text-green-400 mb-2">تناول الميزوبروستول</p>
<p class="text-xs text-gray-300">تحفيز التقلصات</p>
</div>
<!-- Arrow -->
<div class="text-3xl text-orange-300 mx-4">→</div>
<!-- Step 4 -->
<div class="flex flex-col items-center text-center flex-1">
<div class="w-12 h-12 bg-orange-300 rounded-full flex items-center justify-center text-gray-800 font-bold text-lg mb-3">4</div>
<p class="text-sm font-semibold text-orange-300 mb-2">اكتمال العملية</p>
<p class="text-xs text-gray-300">نسبة نجاح عالية</p>
</div>
</div>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-12 text-gray-400 font-semibold" style="visibility: hidden;">
7 / 10
</div>
</div>
</body></html>
الصفحة ٨
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>المخاطر والآثار الجانبية</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 744px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 744px; }
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-red-900 bg-opacity-80 px-12 py-6">
<h1 class="text-4xl font-bold text-white text-center flex items-center justify-center">
<i class="fas fa-exclamation-triangle text-yellow-300 ml-4"></i>
المخاطر والآثار الجانبية
</h1>
</div>
<!-- Main Content -->
<div class="px-8 py-6 h-full">
<div class="grid grid-cols-2 gap-6 h-full">
<!-- Left Column - Common Side Effects -->
<div class="bg-gray-700 bg-opacity-40 rounded-lg p-6">
<div class="text-center mb-6">
<i class="fas fa-info-circle text-4xl text-blue-400 mb-3"></i>
<h2 class="text-2xl font-bold text-blue-400">الآثار الجانبية الشائعة</h2>
<div class="w-16 h-1 bg-blue-400 mx-auto mt-2 rounded"></div>
</div>
<div class="space-y-4">
<div class="flex items-start bg-gray-600 bg-opacity-50 rounded-lg p-4">
<i class="fas fa-tint text-2xl text-red-400 ml-4 mt-1"></i>
<div>
<h3 class="font-semibold text-lg text-red-400">النزيف الشديد</h3>
<p class="text-gray-200 text-sm">نزيف مهبلي غزير وطويل الأمد قد يستمر لعدة أسابيع</p>
</div>
</div>
<div class="flex items-start bg-gray-600 bg-opacity-50 rounded-lg p-4">
<i class="fas fa-heartbeat text-2xl text-orange-400 ml-4 mt-1"></i>
<div>
<h3 class="font-semibold text-lg text-orange-400">التقلصات المؤلمة</h3>
<p class="text-gray-200 text-sm">تقلصات شديدة تشبه آلام الدورة الشهرية مع آلام البطن</p>
</div>
</div>
<div class="flex items-start bg-gray-600 bg-opacity-50 rounded-lg p-4">
<i class="fas fa-dizzy text-2xl text-yellow-400 ml-4 mt-1"></i>
<div>
<h3 class="font-semibold text-lg text-yellow-400">اضطرابات هضمية</h3>
<p class="text-gray-200 text-sm">غثيان وقيء وإسهال نتيجة تأثير الأدوية على الجهاز الهضمي</p>
</div>
</div>
<div class="flex items-start bg-gray-600 bg-opacity-50 rounded-lg p-4">
<i class="fas fa-thermometer-half text-2xl text-purple-400 ml-4 mt-1"></i>
<div>
<h3 class="font-semibold text-lg text-purple-400">حمى مؤقتة</h3>
<p class="text-gray-200 text-sm">حمى وقشعريرة مؤقتة بعد تناول الدواء</p>
</div>
</div>
</div>
</div>
<!-- Right Column - Serious Complications -->
<div class="bg-red-900 bg-opacity-30 rounded-lg p-6 border-2 border-red-500">
<div class="text-center mb-6">
<i class="fas fa-skull-crossbones text-4xl text-red-400 mb-3"></i>
<h2 class="text-2xl font-bold text-red-400">المضاعفات الخطيرة</h2>
<div class="w-16 h-1 bg-red-400 mx-auto mt-2 rounded"></div>
<p class="text-sm text-red-200 mt-2">تتطلب رعاية طبية عاجلة</p>
</div>
<div class="space-y-4">
<div class="bg-red-800 bg-opacity-50 rounded-lg p-4 border border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-exclamation-circle text-xl text-red-300 ml-3"></i>
<h3 class="font-semibold text-lg text-red-300">النزيف الحاد المستمر</h3>
</div>
<p class="text-gray-200 text-sm">قد يؤدي إلى فقر دم شديد أو الحاجة لنقل دم</p>
</div>
<div class="bg-red-800 bg-opacity-50 rounded-lg p-4 border border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-virus text-xl text-red-300 ml-3"></i>
<h3 class="font-semibold text-lg text-red-300">العدوى الشديدة (الإنتان)</h3>
</div>
<p class="text-gray-200 text-sm">عند عدم طرد جميع أنسجة الحمل</p>
</div>
<div class="bg-red-800 bg-opacity-50 rounded-lg p-4 border border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-times-circle text-xl text-red-300 ml-3"></i>
<h3 class="font-semibold text-lg text-red-300">الإجهاض غير المكتمل</h3>
</div>
<p class="text-gray-200 text-sm">يستدعي تدخلاً جراحياً لإزالة الأنسجة المتبقية</p>
</div>
<div class="bg-red-800 bg-opacity-50 rounded-lg p-4 border border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-search text-xl text-red-300 ml-3"></i>
<h3 class="font-semibold text-lg text-red-300">الحمل خارج الرحم</h3>
</div>
<p class="text-gray-200 text-sm">إذا لم يتم تشخيصه قبل الإجهاض الدوائي</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Warning -->
<div class="absolute bottom-0 left-0 right-0 bg-red-900 bg-opacity-80 px-8 py-3">
<div class="flex items-center justify-center">
<i class="fas fa-stethoscope text-yellow-300 ml-3"></i>
<p class="text-center text-white font-semibold text-sm">
يجب استخدام حبوب الإجهاض تحت إشراف طبي دقيق لتجنب المخاطر الصحية
</p>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-8 text-gray-400 font-semibold" style="visibility: hidden;">
8 / 10
</div>
</div>
</body></html>
الصفحة ٩
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>موانع الاستخدام والحالات المحظورة</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
.warning-glow { box-shadow: 0 0 20px rgba(239, 68, 68, 0.3); }
html {
overflow: hidden;
}</style>
</head>
<body class="bg-gray-800 text-white overflow-hidden">
<div class="slide-container mx-auto bg-gradient-to-br from-gray-800 to-gray-900 relative" style=" overflow: hidden;">
<!-- Header -->
<div class="bg-red-900 bg-opacity-80 px-12 py-6">
<div class="flex items-center justify-center">
<i class="fas fa-exclamation-triangle text-4xl text-yellow-300 ml-4"></i>
<h1 class="text-4xl font-bold text-white text-center">
موانع الاستخدام والحالات المحظورة
</h1>
</div>
</div>
<!-- Main Content -->
<div class="px-12 py-6 h-full">
<!-- Warning Banner -->
<div class="bg-red-600 bg-opacity-20 border border-red-400 rounded-lg p-4 mb-6 warning-glow">
<div class="flex items-center justify-center">
<i class="fas fa-ban text-2xl text-red-400 ml-3"></i>
<p class="text-lg font-semibold text-red-200">
الحالات التي لا يُنصح فيها باستخدام حبوب الإجهاض
</p>
</div>
</div>
<!-- Contraindications Grid -->
<div class="grid grid-cols-2 gap-6 mb-6">
<!-- Medical Contraindications -->
<div class="space-y-4">
<h2 class="text-2xl font-bold text-orange-300 mb-4 flex items-center">
<i class="fas fa-stethoscope text-orange-300 ml-3"></i>
موانع طبية
</h2>
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-4 border-r-4 border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-times-circle text-red-400 ml-3"></i>
<h3 class="text-lg font-semibold text-red-300">الحمل خارج الرحم</h3>
</div>
<p class="text-gray-300 text-sm">
لا تعمل حبوب الإجهاض على إنهاء الحمل خارج الرحم وقد تؤدي إلى مضاعفات خطيرة
</p>
</div>
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-4 border-r-4 border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-circle-minus text-red-400 ml-3"></i>
<h3 class="text-lg font-semibold text-red-300">وجود جهاز لولب رحمي (IUD)</h3>
</div>
<p class="text-gray-300 text-sm">
يجب إزالة اللولب قبل البدء بالإجهاض الدوائي
</p>
</div>
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-4 border-r-4 border-red-400">
<div class="flex items-center mb-2">
<i class="fas fa-allergies text-red-400 ml-3"></i>
<h3 class="text-lg font-semibold text-red-300">الحساسية تجاه الدواء</h3>
</div>
<p class="text-gray-300 text-sm">
إذا كانت المرأة تعاني من حساسية تجاه أي من مكونات الدواء
</p>
</div>
</div>
<!-- Health Conditions -->
<div class="space-y-4">
<h2 class="text-2xl font-bold text-purple-400 mb-4 flex items-center">
<i class="fas fa-heartbeat text-purple-400 ml-3"></i>
مشاكل صحية معينة
</h2>
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-center mb-2">
<i class="fas fa-heart text-purple-400 ml-3"></i>
<h3 class="text-lg font-semibold text-purple-300">أمراض القلب</h3>
</div>
<p class="text-gray-300 text-sm">
مشاكل القلب الخطيرة قد تمنع الاستخدام الآمن
</p>
</div>
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-center mb-2">
<i class="fas fa-tint text-purple-400 ml-3"></i>
<h3 class="text-lg font-semibold text-purple-300">اضطرابات النزيف</h3>
</div>
<p class="text-gray-300 text-sm">
مشاكل تخثر الدم أو اضطرابات النزيف
</p>
</div>
<div class="bg-gray-700 bg-opacity-60 rounded-lg p-4 border-r-4 border-purple-400">
<div class="flex items-center mb-2">
<i class="fas fa-kidneys text-purple-400 ml-3"></i>
<h3 class="text-lg font-semibold text-purple-300">أمراض الكلى والكبد الشديدة</h3>
</div>
<p class="text-gray-300 text-sm">
قصور شديد في وظائف الكلى أو الكبد
</p>
</div>
</div>
</div>
<!-- Important Note -->
<div class="bg-yellow-900 bg-opacity-40 border border-yellow-500 rounded-lg p-4 mt-4">
<div class="flex items-center">
<i class="fas fa-user-md text-2xl text-yellow-400 ml-4"></i>
<div>
<h3 class="text-lg font-semibold text-yellow-300 mb-1">ملاحظة مهمة</h3>
<p class="text-yellow-200">
يجب استشارة طبيب متخصص لتقييم الحالة الصحية قبل اتخاذ أي قرار طبي
</p>
</div>
</div>
</div>
</div>
<!-- Page Number -->
<div class="absolute bottom-4 right-12 text-gray-400 font-semibold" style="visibility: hidden;">
9 / 10
</div>
</div>
</body></html>
الصفحة 10
نسخة
<!DOCTYPE html><html dir="rtl" lang="ar"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>تحذيرات مهمة وخلاصة</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<script src="https://picture-search.skywork.ai/aippt/static/tailwindcss.com"></script><style>
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
body {overflow: hidden; width: 1280px; min-height: 720px; font-family: 'Cairo', sans-serif;}
.slide-container { width: 1280px; min-height: 720px; }
.warning-glow { box-shadow: 0 0 20px rgba(255, 69, 0, 0.3); }
.pulse-animation { animation: pulse 2s infinite; }
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}