سلام, محسن م

##### اورلی

اقدامات
استفاده از کلاس `.overlay` جهت گذاشتن یک عنصر .روی عکس یا نوشته دیگر.
کاوش خرید

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                              <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-1.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer">
                                <a href="#" class="btn font-weight-bold btn-primary btn-shadow" >کاوش</a>
                                <a href="#" class="btn font-weight-bold btn-light-primary btn-shadow ml-2">خرید</a>
                            </div>
                        </div>
                    </div>

کاوش خرید

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-2.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer align-items-end justify-content-center">
                                <div class="d-flex flex-grow-1 flex-center bg-white-o-5 py-5">
                                    <a href="#" class="btn font-weight-bold btn-primary btn-shadow">کاوش</a>
                                    <a href="#" class="btn font-weight-bold btn-light-primary btn-shadow ml-2">خرید</a>
                                </div>
                            </div>
                        </div>
                    </div>

کاوش خرید

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-3.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer align-items-start justify-content-center">
                                <div class="d-flex flex-grow-1 flex-center bg-white-o-5 py-5">
                                    <a href="#" class="btn font-weight-bold btn-primary btn-shadow">کاوش</a>
                                    <a href="#" class="btn font-weight-bold btn-light-primary btn-shadow ml-2">خرید</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-4.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer align-items-end justify-content-end pb-5 pr-5">
                                <a href="#" class="btn btn-clean btn-icon mr-2"><i class="flaticon2-notification icon-lg text-primary"></i></a>
                                <a href="#" class="btn btn-clean btn-icon"><i class="flaticon2-plus icon-lg text-primary"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-5.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer align-items-start justify-content-end pt-5 pr-5">
                                <a href="#" class="btn btn-clean btn-icon mr-2"><i class="flaticon2-notification icon-lg text-primary"></i></a>
                                <a href="#" class="btn btn-clean btn-icon"><i class="flaticon2-plus icon-lg text-primary"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-6.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer align-items-start justify-content-start pt-5 pl-5">
                                <a href="#" class="btn btn-clean btn-icon mr-2"><i class="flaticon2-notification icon-lg text-primary"></i></a>
                                <a href="#" class="btn btn-clean btn-icon"><i class="flaticon2-plus icon-lg text-primary"></i></a>
                            </div>
                        </div>
                    </div>

فروشگاه معامله روز

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-7.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer m-5 rounded align-items-end justify-content-start">
                                <div class="d-flex flex-column align-items-start mb-5 ml-5">
                                    <span class="label label-success label-xl label-inline mb-1">فروشگاه</span>
                                    <a href="#" class="font-size-h4 font-weight-bolder text-white text-hover-primary">معامله روز</a>
                                </div>
                            </div>
                        </div>
                    </div>

فروشگاه معامله روز

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-8.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer m-5 rounded flex-center">
                                <div class="d-flex flex-column flex-center">
                                    <span class="label label-danger label-xl label-inline mb-1">فروشگاه</span>
                                    <a href="#" class="font-size-h4 font-weight-bolder text-white text-hover-primary">معامله روز</a>
                                </div>
                            </div>
                        </div>
                    </div>

فروشگاه معامله روز

                    <div class="card card-custom overlay">
                        <div class="card-body p-0">
                            <div class="overlay-wrapper">
                                <img src="<?php echo Page::getMediaPath();?>stock-600x400/img-9.jpg" alt="" class="w-100 rounded"/>
                            </div>
                            <div class="overlay-layer m-5 rounded align-items-start justify-content-end">
                                <div class="d-flex flex-column mt-5 mr-5 align-items-end">
                                    <span class="label label-warning label-xl label-inline mb-1">فروشگاه</span>
                                    <a href="#" class="font-size-h4 font-weight-bolder text-white text-hover-primary">معامله روز</a>
                                </div>
                            </div>
                        </div>
                    </div>

### مسدود کردن کارت

آدرس 1 لطفا نشانی خود را وارد کنید
آدرس 2 لطفا وارد کنید نشانی 2.

                    <div class="card card-custom overlay overlay-block">
                        <div class="card-header">
                            <div class="card-title">
                                <h3 class="card-label">مسدود کردن کارت</h3>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="overlay-wrapper">
                                <div class="form-group">
            						<label>آدرس 1</label>
            						<input type="text" class="form-control form-control-solid form-control-lg" name="address1" placeholder="آدرس 1"/>
            					    <span class="form-text text-muted">لطفا نشانی خود را وارد کنید</span>
                                </div>
                                <div class="form-group">
            						<label>آدرس 2</label>
            						<input type="text" class="form-control form-control-solid form-control-lg" name="address1" placeholder="آدرس 1"/>
            					    <span class="form-text text-muted">لطفا وارد کنید نشانی 2.</span>
                                </div>
                			</div>
                			<div class="overlay-layer bg-dark-o-10">
                                <div class="spinner spinner-primary"></div>
                			</div>
                        </div>
                    </div>

### مسدود کردن محتوا

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است., لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..

                    <div class="overlay overlay-block rounded">
                        <div class="overlay-wrapper p-5">
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.,
                            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
                        </div>
                        <div class="overlay-layer rounded bg-primary-o-20">
                            <div class="spinner spinner-primary"></div>
                        </div>
                    </div>

### مسدود کردن مودال

با کلیک بر روی دکمه زیر ، نسخه ی نمایشی حالت کار را تغییر دهید.

##### عنوان

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است., لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است., لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..

##### عنوان

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است., لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است., لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..

                    <!--begin::مودال-->
                    <div class="modal fade" id="exampleمودال" tabindex="-1" role="dialog" aria-labelledby="exampleمودالLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleمودالLabel">عنوان</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="نزدیک">
                                        <i aria-hidden="true" class="ki ki-close"></i>
                                    </button>
                                </div>

                                <!--begin::اورلی-->
                                <div class="modal-body overlay overlay-block">
                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.,
                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.,
                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..

                                    <!--begin::اورلی Layer-->
                                    <div class="overlay-layer bg-transparent">
                                        <div class="spinner spinner-lg spinner-warning"></div>
                        			</div>
                                    <!--end::اورلی Layer-->
                                </div>
                                <!--end::اورلی-->

                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">نزدیک</button>
                                    <button type="button" class="btn btn-primary font-weight-bold">ذخیره تغییرات</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--end::مودال-->

                    <!--begin::تمام مودال اورلی-->
                    <div class="modal fade" id="exampleمودال2" tabindex="-1" role="dialog" aria-labelledby="exampleمودالLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <!--begin::اورلی-->
                                <div class="overlay overlay-block">
                                    <!--begin::مودال Content-->
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleمودالLabel">عنوان</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="نزدیک">
                                            <i aria-hidden="true" class="ki ki-close"></i>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.,
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.,
                                        لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است..
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-light-primary font-weight-bold" data-dismiss="modal">نزدیک</button>
                                        <button type="button" class="btn btn-primary font-weight-bold">ذخیره تغییرات</button>
                                    </div>
                                    <!--end::مودال Content-->

                                    <!--begin::اورلی Layer-->
                                    <div class="overlay-layer bg-success-o-20">
                                        <div class="spinner spinner-lg spinner-danger"></div>
                                    </div>
                                    <!--end::اورلی Layer-->
                                </div>
                                <!--end::اورلی-->
                            </div>
                        </div>
                    </div>
                    <!--end::تمام مودال اورلی-->

### پروفایل کاربر 12 پیام

محسن برومند
توسعه اپلیکیشن
jm@softplus.com خروج
پروفایل من
تنظیمات اکانت بروزرسانی
پیام های من
صندوق پیام ها و کارها
فعالیت های من
لاگ ها و اعلان ها
کارهای من
اخرین کارها و پروژه ها

##### آخرین اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%

#### سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7

##### پیام های سیستم

نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار

##### اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%
5 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
2 موارد جدید ارسال شد
توسط محمد رضایی
فایل های ایجاد شده
گزارش ها بر اساس فروش
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است
3 هشدارهای دفاعی
هفته گذشته 40٪ هشدار کمتری دارد
میانگین 4 پست وبلاگ برای هر نویسنده
12 بار ارسال شده است
هفته گذشته 16 نویسنده پیوستند
طراح
2 مورد جدید ارسال شده است
توسط محمد رضایی
حجم دانلودها 2 گیگ
مفاهیم بنیادی
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
7 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است

##### مراقبت از مشتری

فعال کردن اعلان ها:
فعال کردن ردیابی:
پرتال پشتیبانی

##### گزارشات

گزارش عمومیات:
فعال سازی خروچی گزارش
اجازه جمع آوری داده ها:

##### اعضا

فعال سازی عضویت اعضا
اجازه نظر دهی
فعال کردن پرتال مشتری
محسن برومند
فعال
محسن برومند 2 ساعت
چقدر احتمال دارید که شرکت ما را توصیه کنید به دوستان و خانواده خود؟
3 دقیقه شما
سلام در آنجا ، ما فقط می نویسیم تا به شما اطلاع دهیم که در مخزن گیت هاب مشترک شده اید.
محسن برومند 40 ثانیه
باشه ، فهمیدم
همین الان شما
برای همه مشکلات اعلان دریافت خواهید کرد ، درخواستها را بکشید!
محسن برومند 40 ثانیه
شما می توانید با کلیک بر روی این مخزن بلافاصله از حالت انتخاب خارج شوید:https://github.com
همین الان شما
آموزش رو دیدم.
محسن برومند 40 ثانیه
بیشترین دوره های تجاری خریداری شده در این فروش!
همین الان شما
شرکت BBQ برای جشن گرفتن دستاوردها و اهداف سه ماهه آخر. غذا و نوشیدنی تهیه شده

#### انتخاب نسخه ی نمایشی

##### نسخه ی نمایشی 1

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 2

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 3

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 4

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 5

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 6

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 7

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 8

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 9

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 10

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 11

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 12

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 13

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 14

به زودی

##### نسخه ی نمایشی 15

به زودی

##### نسخه ی نمایشی 16

به زودی

##### نسخه ی نمایشی 17

به زودی

##### نسخه ی نمایشی 18

به زودی

##### نسخه ی نمایشی 19

به زودی

##### نسخه ی نمایشی 20

به زودی

##### نسخه ی نمایشی 21

به زودی

##### نسخه ی نمایشی 22

به زودی

##### نسخه ی نمایشی 23

به زودی

##### نسخه ی نمایشی 24

به زودی

##### نسخه ی نمایشی 25

به زودی

##### نسخه ی نمایشی 26

به زودی

##### نسخه ی نمایشی 27

به زودی

##### نسخه ی نمایشی 28

به زودی

##### نسخه ی نمایشی 29

به زودی

##### نسخه ی نمایشی 30

به زودی