<!DOCTYPE html><html lang=”ar” dir=”rtl”><head> <meta charset=”UTF-8″> <title>مشروع قمرة – الأعشاب الطبية</title> <style> body { font-family: ‘Arial’, sans-serif; background-color: #f9f9f9; margin: 0; padding: 20px; direction: rtl; } header { text-align: center; margin-bottom: 30px; } header img { width: 100px; } h1 { color: #8b6f43; font-size: 28px; margin-top: 10px; } p.phone { color: #444; font-size: 18px; } .herbs-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .herb-card { background-color: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 10px; text-align: center; } .herb-card img { width: 100%; height: 170px; object-fit: cover; border-radius: 10px; } .herb-card h3 { color: #2f582f; margin: 10px 0 5px; } .herb-card p { font-size: 15px; color: #444; } footer { text-align: center; margin-top: 40px; font-size: 14px; color: #999; } </style></head><body> <header> <img src=”https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Wheat_icon.svg/1024px-Wheat_icon.svg.png” alt=”شعار قمرة”> <h1>مشروع قمرة للأعشاب الطبية</h1> <p class=”phone”>الهاتف والواتساب: 21560445</p> </header> <div class=”herbs-container”> <!– Example of one herb card –> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?mint” alt=”نعناع”> <h3>نعناع</h3> <p>يساعد على الهضم ويخفف من التوتر.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?thyme” alt=”زعتر”> <h3>زعتر</h3> <p>مطهر للجهاز التنفسي ومقوي للمناعة.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?chamomile” alt=”بابونج”> <h3>بابونج</h3> <p>مهدئ للأعصاب ومساعد على النوم.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?rosemary” alt=”إكليل الجبل”> <h3>إكليل الجبل</h3> <p>منشط للذاكرة ومحسن للدورة الدموية.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?lavender” alt=”خزامى”> <h3>خزامى</h3> <p>مضاد للقلق ومساعد على الاسترخاء.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?sage” alt=”مريمية”> <h3>مريمية</h3> <p>مفيدة للدورة الشهرية والصحة الهرمونية.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?basil” alt=”ريحان”> <h3>ريحان</h3> <p>مضاد للأكسدة ومفيد للجهاز الهضمي.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?turmeric” alt=”كركم”> <h3>كركم</h3> <p>مضاد للالتهابات ومقوي للمناعة.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?ginger” alt=”زنجبيل”> <h3>زنجبيل</h3> <p>منشط للدورة الدموية ومضاد للغثيان.</p> </div> <div class=”herb-card”> <img src=”https://source.unsplash.com/400×300/?anise” alt=”يانسون”> <h3>يانسون</h3> <p>مهدئ للجهاز الهضمي ومفيد للنوم.</p> </div> <!– يمكنك إضافة 10 أعشاب أخرى بنفس الطريقة –> </div> <footer> © 2025 مشروع قمرة – جميع الحقوق محفوظة </footer></body></html>
ok
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dap
أعشاب الجهاز الهضمي
ibus leo.
https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Rosmarinus_officinalis1.jpg/320px-Rosmarinus_officinalis1.jpg