{% extends "layout.html" %}

{% set title = 'Plans' %}

{% block content %}

<section class="sec-pad bg-s-grey">
    <div class="container">
        <h4 class="mt-4 mb-3 text-bold text-darkgray">الباقات المتاحة</h4>
        <div class="row">
            <div class="col-sm-4">
                <div class="box-alt">
                    <div class="plan-card">
                        <div class="text-center mb-3">
                            <img src="./assets/images/icons/shop.png" alt="">
                        </div>
                        <h4 class="mt-4 mb-2 text-bold text-center">باقة البيزنس</h4>
                        <div class="d-flex justify-content-center align-items-center price-list bb mb-3 pb-3">
                            <div class="price text-bold text-center d-inline-block">١٠٠  ريال</div>
                            <sub class="d-inline-block mr-2">/ في الشهر </sub>
                        </div>
                        <ul class="list-unstyled">
                            <li>- عدد لامحدود من العمال</li>
                            <li>- عدد لامحدود من العملاء</li>
                            <li>- التواصل عبر محادثات الموقع</li>
                            <li>- الأتصال من خلال الهاتف</li>
                        </ul>
                        <div class="mt-4">
                            <a href="#" class="btn d-block">شراء الباقة</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="box-alt">
                    <div class="plan-card">
                        <div class="text-center mb-3">
                            <img src="./assets/images/icons/building.png" alt="">
                        </div>
                        <h4 class="mt-4 mb-2 text-bold text-center">باقة المشاريع</h4>
                        <div class="d-flex justify-content-center align-items-center price-list bb mb-3 pb-3">
                            <div class="price text-bold text-center d-inline-block">١٥٠  ريال</div>
                            <sub class="d-inline-block mr-2">/ في الشهر </sub>
                        </div>
                        <ul class="list-unstyled">
                            <li class="text-primaryColor"><i class="fa fa-plus mr-2"></i><span class="text-bold">جميع مميزات باقة البيزنس</span></li>
                            <li>- كتابة ٥٠ اعلان</li>
                            <li>- ترجمة المحادثات</li>
                            <li>- طلبات التأكيد</li>
                            <li>- ارسال ٥٠ رساله للمعلنين</li>
                        </ul>
                        <div class="mt-4">
                            <a href="#" class="btn d-block">شراء الباقة</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="box-alt">
                    <div class="plan-card">
                        <div class="text-center mb-3">
                            <img src="./assets/images/icons/cityscape.png" alt="">
                        </div>
                        <h4 class="mt-4 mb-2 text-bold text-center">الباقة اللامحدودة</h4>
                        <div class="d-flex justify-content-center align-items-center price-list bb mb-3 pb-3">
                            <div class="price text-bold text-center d-inline-block">٢٠٠  ريال</div>
                            <sub class="d-inline-block mr-2">/ في الشهر </sub>
                        </div>
                        <ul class="list-unstyled">
                            <li class="text-primaryColor"><i class="fa fa-plus mr-2"></i><span class="text-bold">جميع مميزات باقة المشاريع</span></li>
                            <li>- كتابة اعلانات لامحدودة</li>
                            <li>- ترجمة المحادثات</li>
                            <li>- طلبات التأكيد</li>
                            <li>- ارسال رسائل لامحددودة للمعلنين</li>
                        </ul>
                        <div class="mt-4">
                            <a href="#" class="btn d-block">شراء الباقة</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


{% endblock %}
{% block JS %}{% endblock %}