R3333eeeeeee/mailsnatch-mobile-email-app
0
1<!DOCTYPE html>2<html lang="ar" dir="rtl">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>عن التطبيق - MailSnatch</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11</head>12<body class="bg-gray-100">13 <custom-navbar></custom-navbar>14 15 <main class="container mx-auto px-4 py-8">16 <div class="max-w-3xl mx-auto bg-white rounded-xl shadow-md overflow-hidden">17 <div class="p-8">18 <div class="text-center mb-8">19 <i data-feather="info" class="w-12 h-12 text-primary mx-auto"></i>20 <h1 class="text-2xl font-bold text-gray-800 mt-4">عن تطبيق MailSnatch</h1>21 </div>22 23 <div class="prose prose-sm max-w-none text-gray-700">24 <p class="text-lg mb-4">25 تطبيق MailSnatch هو أداة بسيطة وسهلة الاستخدام لسحب وإدارة البريد الإلكتروني الخاص بك من مختلف مزودي الخدمة.26 </p>27 28 <h2 class="text-xl font-semibold text-gray-800 mt-6 mb-3">المميزات:</h2>29 <ul class="list-disc pr-5 space-y-2">30 <li>واجهة سهلة الاستخدام ومصممة للجوال</li>31 <li>دعم لأهم مزودي خدمة البريد الإلكتروني</li>32 <li>حماية وأمان للبيانات</li>33 <li>إمكانية تذكر الحسابات</li>34 <li>تصميم سريع واستجابة عالية</li>35 </ul>36 37 <h2 class="text-xl font-semibold text-gray-800 mt-6 mb-3">كيف يعمل؟</h2>38 <ol class="list-decimal pr-5 space-y-2">39 <li>أدخل اسم المستخدم الخاص بك</li>40 <li>اختر مزود خدمة البريد الإلكتروني</li>41 <li>أدخل كلمة المرور</li>42 <li>اضغط على زر "سحب البريد"</li>43 </ol>44 </div>45 46 <div class="mt-8 text-center">47 <a href="/" class="inline-flex items-center px-4 py-2 bg-primary hover:bg-primary-600 text-white font-medium rounded-md transition duration-300">48 <i data-feather="arrow-right" class="ml-1"></i>49 العودة للصفحة الرئيسية50 </a>51 </div>52 </div>53 </div>54 </main>55 56 <custom-footer></custom-footer>57 58 <script src="components/navbar.js"></script>59 <script src="components/footer.js"></script>60 <script src="script.js"></script>61 <script>feather.replace();</script>62</body>63</html>