<section class="wrapper bg-light">
    <style type="text/css">
        .features-list i {
            width: 50px;
        }
    </style>
    <div class="container  ">
        <div class="row gx-lg-8 gx-xl-12 gy-10 align-items-center">
            <div class="col-lg-5 position-relative order-lg-2 px-0">
                <div class="shape bg-dot primary rellax w-16 h-20" data-rellax-speed="1"
                     style="top: 3rem; left: 5.5rem"></div>
                <div class="overlap-grid overlap-grid-2">
                    <div class="item">
                        <figure class="rounded shadow"><img src="/images/screenshots/2.png" alt=""></figure>
                    </div>
                    <div class="item">
                        <figure class="rounded shadow"><img src="/images/screenshots/1.png" alt=""></figure>
                    </div>
                </div>
            </div>
            <!--/column -->
            <div class="col-lg-7">


                <h2 class="display-4 mb-3">
                    {{-- <img src="/assets/img/avatars/team1.jpg" style="width: 80px;height: 80px;border-radius: 50%;" class="svg-inject icon-svg icon-svg-md mb-4" alt="" /> --}}
                    <span class="far fa-info-circle" style="color:#0194fe"></span>

                    لماذا تستخدمني ؟</h2>
                <p class="lead fs-lg" data-delay="1000">أبسط وأسهل لوحة تحكم عربية بكامل المزايا التي تحتاجها</p>
                <span class="typer text-primary"
                      data-delay="80"
                      data-words="تم تطوير لوحة التحكم لمساعدتك على زيادة انتاجيتك وتسهيل الأمور المعقدة التي غالباً تتكرر أمامك كثيراً">
        </span>


                <div class="row gy-3 gx-xl-8">


                    <div class="col-xl-6 px-0">
                        <ul style="list-style:none" class="p-0 features-list">
                            <li>
                                <i class="fal fa-search me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>مهيئة للسيو بشكل تلقائي وذكي</span>
                            </li>
                            <li>
                                <i class="fal fa-bell me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>جاهزة لعرض اشعارات مع صور</span>
                            </li>
                            <li>
                                <i class="fal fa-lightbulb-on me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>عرض التنبيهات بشكل لطيف</span>
                            </li>
                            <li>
                                <i class="fal fa-exclamation-triangle me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>عرض الأخطاء بشكل لحظي وتلقائي</span>
                            </li>
                            <li>
                                <i class="fal fa-image me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>طريقة لعرض الصور باحترافية</span>
                            </li>
                            <li>
                                <i class="fal fa-check-circle me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>تدعم السحب والافلات</span>
                            </li>
                            <li>
                                <i class="fal fa-bells me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>الاشعارات في الوقت الفعلي</span>
                            </li>
                            <li>
                                <i class="fal fa-info me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>أيقونات مدفوعة بشكل مجاني</span>
                            </li>
                            <li>
                                <i class="fal fa-font me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>أفضل وأجمل الخطوط العربية</span>
                            </li>
                            <li>
                                <i class="fal fa-robot me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>اعدادات Robots جاهزة</span>
                            </li>
                            <li>
                                <i class="fal fa-sitemap me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>منشئ SiteMap تلقائي</span>
                            </li>
                            <li>
                                <i class="fal fa-mobile me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>جاهزة للتحويل إلى تطبيق هاتف</span>
                            </li>
                            <li>
                                <i class="fal fa-file-invoice me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>جميع الصفحات الأساسية وأكثر</span>
                            </li>
                            <li>
                                <i class="fal fa-chart-network me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>احصائيات رائعة في لوحة التحكم</span>
                            </li>
                            <li>
                                <i class="fal fa-bars me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>امكانية انشاء قوائم وتحديد أماكنها</span>
                            </li>
                            <li>
                                <i class="fal fa-link me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>امكانية ترتيب الروابط داخل القوائم</span>
                            </li>
                            <li>
                                <i class="fal fa-file me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>امكانية انشاء صفحات مخصصة</span>
                            </li>
                            <li>
                                <i class="fal fa-bullhorn me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام اعلانات جاهز</span>
                            </li>
                            <li>
                                <i class="fal fa-books me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>مدونة متكاملة أقسام،مقالات ..</span>
                            </li>
                            <li>
                                <i class="fal fa-share me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام تحويل الروابط</span>
                            </li>

                        </ul>
                    </div>
                    <div class="col-xl-6 px-0">
                        <ul style="list-style:none" class="p-0 features-list">
                            <li>
                                <i class="fal fa-language me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span><span class="underline-3 style-1 green">عربية بالكامل !</span> </span>
                            </li>
                            <li>
                                <i class="fal fa-pen-alt me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>محرر جميل مع امكانية رفع صور</span>
                            </li>
                            <li>
                                <i class="fal fa-users me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام مستخدمين ولهم صور</span>
                            </li>
                            <li>
                                <i class="fal fa-desktop me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>متجاوبة بالكامل</span>
                            </li>
                            <li>
                                <i class="fab fa-laravel me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>تستخدم آخر اصدار Laravel</span>
                            </li>
                            <li>
                                <i class="fab fa-bootstrap  me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>تستخدم آخر اصدار Bootstrap</span>
                            </li>
                            <li>
                                <i class="fal fa-clock me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>الاشعارات في الوقت الفعلي</span>
                            </li>

                            <li>
                                <i class="fal fa-bug me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>راصد الأخطاء الذكي</span>
                            </li>
                            <li>
                                <i class="fal fa-lightbulb-on me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام تتبع شامل</span>
                            </li>
                            <li>
                                <i class="fal fa-chart-line me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>اضافة حدود الزيارات لزيادة الحماية</span>
                            </li>
                            <li>
                                <i class="fal fa-exclamation me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>صفحات 404 مخصصة</span>
                            </li>
                            <li>
                                <i class="fal fa-user me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>صفحات الدخول والتسجيل وغيرها</span>
                            </li>
                            <li>
                                <i class="fal fa-wrench me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام اعدادات الموقع</span>
                            </li>
                            <li>
                                <i class="fal fa-cloud me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>جاهزة للدمج مع كلاود فلاير</span>
                            </li>
                            <li>
                                <i class="fal fa-file-search me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام متابعة ذكي</span>
                            </li>
                            <li>
                                <i class="fal fa-key me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام صلاحيات متقدم</span>
                            </li>
                            <li>
                                <i class="fal fa-boxes me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>مرفق نماذج لصناعة الصفحات</span>
                            </li>
                            <li>
                                <i class="fal fa-ticket-alt me-2 ms-0 font-4 p-2" style="color:#7cb798"></i>
                                <span>نظام التذاكر للتواصل معنا</span>
                            </li>


                        </ul>
                    </div>
                    <!--/column -->
                </div>
                <!--/.row -->
            </div>
            <!--/column -->
        </div>
        <!--/.row -->
    </div>
    <!-- /.container -->
</section>
