<!-- بنر رئيسي -->

<div style="width:100%; background-color:#4CAF50; color:white; text-align:center; padding:50px 20px; font-family:Arial, sans-serif; border-bottom:5px solid #8B4513;">

<h1>مرحبا بكم في متجر فوائد المورينجا</h1>

<p>أفضل منتجات المورينجا الطبيعية 100% لتقوية الجسم والعقل</p>

</div>


<!-- قسم المنتجات -->

<div style="display:flex; flex-wrap:wrap; justify-content:center; margin:40px 0; font-family:Arial, sans-serif;">

<!-- منتج 1: بودرة المورينجا -->

<div style="border:1px solid #ddd; border-radius:10px; margin:10px; width:250px; text-align:center; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,0.1);">

<img src="تصميم_بودرة_المورينجا.png" alt="بودرة المورينجا" style="width:100%; border-radius:10px;">

<h2>بودرة المورينجا</h2>

<p>طبيعي 100% - 150 جرام</p>

<button style="background-color:#4CAF50; color:white; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;">أضف إلى السلة</button>

</div>


<!-- منتج 2: كبسولات المورينجا -->

<div style="border:1px solid #ddd; border-radius:10px; margin:10px; width:250px; text-align:center; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,0.1);">

<img src="تصميم_كبسولات_المورينجا.png" alt="كبسولات المورينجا" style="width:100%; border-radius:10px;">

<h2>كبسولات المورينجا</h2>

<p>مغذيات طبيعية 100% - 60 كبسولة</p>

<button style="background-color:#4CAF50; color:white; border:none; padding:10px 20px; border-radius:5px; cursor:pointer;">أضف إلى السلة</button>

</div>

</div>


<!-- قسم فوائد المورينجا -->

<div style="background-color:#f5f5f5; padding:40px 20px; font-family:Arial, sans-serif;">

<h2 style="text-align:center; color:#4CAF50;">فوائد المورينجا</h2>

<ul style="max-width:800px; margin:0 auto; line-height:2;">

<li>غنية بالفيتامينات والمعادن الطبيعية.</li>

<li>تعزز الطاقة والنشاط اليومي.</li

<li>تحسن جهاز المناعة.</li>

<li>تساعد في تنظيف الجسم من السموم.</li>

</ul>

</div>