<html lang="ar" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>حقيبة مولودية الجزائر - MCA Sac à Dos</title> <style> * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Tajawal', Tahoma, sans-serif; } body { background-color: #f4f6f8; color: #222; line-height: 1.6; } header { background: linear-gradient(135deg, #0a5c36, #11824a); color: white; text-align: center; padding: 25px 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } header h1 { font-size: 26px; margin-bottom: 8px; } header p { font-size: 15px; color: #f1c40f; font-weight: bold; } .container { max-width: 600px; margin: 20px auto; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); } .hero-img { width: 100%; height: auto; display: block; } .content { padding: 20px; } .price-tag { background: #e74c3c; color: white; text-align: center; padding: 12px; font-size: 22px; font-weight: bold; border-radius: 8px; margin: 15px 0; } .features { margin: 20px 0; } .feature-item { display: flex; align-items: center; margin-bottom: 12px; font-size: 16px; background: #f9f9f9; padding: 10px 15px; border-radius: 8px; border-right: 4px solid #0a5c36; } .feature-item span { margin-left: 10px; font-size: 20px; } .badge-box { display: flex; justify-content: space-around; background: #27ae60; color: white; padding: 10px; border-radius: 8px; margin: 20px 0; font-size: 14px; font-weight: bold; text-align: center; } .order-form { background: #fafafa; padding: 20px; border-top: 2px solid #eee; } .order-form h3 { text-align: center; margin-bottom: 15px; color: #0a5c36; } .form-group { margin-bottom: 15px; } .form-group label { display: block; margin-bottom: 5px; font-weight: bold; font-size: 14px; } .form-group input, .form-group select { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; } .btn-submit { background: #e74c3c; color: white; border: none; width: 100%; padding: 15px; font-size: 18px; font-weight: bold; border-radius: 8px; cursor: pointer; transition: background 0.3s; text-align: center; } .btn-submit:hover { background: #c0392b; } footer { text-align: center; padding: 15px; font-size: 13px; color: #777; } </style> </head> <body> <header> <h1>حقيبة مولودية الجزائر (MCA) 🟢🔴</h1> <p>أكثر من مجرد حقيبة.. هي رمز الانتماء للعميد!</p> </header> <div class="container"> <!-- صورة للمنتج (تستبدلها برابط الصورة الحقيقية عندك) --> <img src="https://cdn.shopify.com/s/files/1/0533/2089/files/placeholder-images-image_large.png" alt="Sac à dos Mouloudia" class="hero-img"> <div class="content"> <div class="price-tag"> السعر فقط: 2500 دج (250 ألف) 🔥 </div> <p style="text-align: center; margin-bottom: 20px; font-size: 16px;"> مخصصة للشناوة، لطلاب المتوسط، الثانوي، الجامعة، ولجماعة السطاد والرياضة! تصميم عصري، خامة متينة، وتهز معك كل قشك بكل راحة. </p> <div class="features"> <div class="feature-item"><span>⚽</span> شعار نادي مولودية الجزائر مطرز وبأدق التفاصيل.</div> <div class="feature-item"><span>🎒</span> مساحة واسعة وجيوب متعددة (تصلح للكتب، الكاييات، والـ PC).</div> <div class="feature-item"><span>💪</span> خامة قوية ومقاومة للماء وتتحمل الاستعمال اليومي المكثف.</div> <div class="feature-item"><span>⚡</span> تواتيك للـ Lycée، لافاك، وللاستعمال اليومي.</div> </div> <div class="badge-box"> <div>🚚 توصيل سريع لـ 58 ولاية</div> <div>💵 الدفع عند الاستلام</div> <div>🔄 ضمان الاستبدال</div> </div> </div> <!-- قسم الطلب (إذا كنت تستعمل فورم خارجي أو تطبيق مثل WEBI يمكنك ربطه هنا) --> <div class="order-form" id="checkout"> <h3>اطلب نسختك الآن (الدفع عند الاستلام)</h3> <form action="#" method="POST"> <div class="form-group"> <label>الاسم واللقب:</label> <input type="text" placeholder="اكتب اسمك الكامل" required> </div> <div class="form-group"> <label>رقم الهاتف:</label> <input type="tel" placeholder="07xxxxxxxx / 06xxxxxxxx / 05xxxxxxxx" required> </div> <div class="form-group"> <label>الولاية:</label> <select required> <option value="">اختر ولايتك</option> <option value="Algiers">16 - الجزائر العاصمة</option> <option value="Blida">09 - البليدة</option> <option value="Boumerdes">35 - بومرداس</option> <option value="Tizi Ouzou">15 - تيزي وزو</option> <!-- باقي الولايات --> <option value="Other">ولاية أخرى (58 ولاية متوفرة)</option> </select> </div> <div class="form-group"> <label>العنوان (البلدية والحي):</label> <input type="text" placeholder="مثال: عين بسام، المركز" required> </div> <button type="submit" class="btn-submit">🛒 تأكيد طلب الحقيبة الآن</button> </form> </div> </div> <footer> جميع الحقوق محفوظة © 2026 - حقيبة مولودية الجزائر </footer> </body> </html>
