@extends('layouts.master')
@section('page-css')

@endsection

@section('main-content')
    <div class="breadcrumb">
                    <h1>قیمت گذاری</h1>
                    <ul>
                        <li><a href="">Others</a></li>
                        <li>صفحه قیمت گذاری</li>
                    </ul>
                </div>

                <div class="separator-breadcrumb border-top"></div>

                <!-- content goes here -->

                <section class="ul-pricing-table">
                        <div class="row">
                            <div class="col-lg-12 col-xl-12">
                                <div class="card mb-4">
                                    <div class="card-header bg-transparent"><h5>سبک پیش فرض</h5></div>
                                    <div class="card-body">
                                        
                                        <div class="ul-pricing__table-list">
                                            <div class="row">
                                               


                                                <div class="col-md-12 col-lg-4 col-xl-4">
                                                    <div class="ul-pricing__table-1">
                                                        <div class="ul-pricing__image card-icon-bg-primary">
                                                            <i class="i-Bicycle1"></i>
                                                        </div>
                                                        <div class="ul-pricing__title">
                                                            <h2 class="heading text-primary">پایه</h2>
                                                        </div>
                                                        <div class="ul-pricing__text text-mute">5gb</div>
                                                        <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$10</h3></div>
                                                        <div class="ul-pricing__list">
                                                           
                                                           <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                        </div>
                                                        <button type="button" class="btn btn-lg btn-default btn-rounded m-1">خرید</button>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-lg-4 col-xl-4">
                                                    <div class="ul-pricing__table-1 ">
                                                        <div class="ul-pricing__image card-icon-bg-primary">
                                                            <i class="i-Scooter"></i>
                                                        </div>
                                                        <div class="ul-pricing__title">
                                                            <h2 class="heading text-primary">استاندارد</h2>
                                                        </div>
                                                        <div class="ul-pricing__text text-mute">15gb</div>
                                                        <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$250</h3></div>
                                                        <div class="ul-pricing__list">
                                                           
                                                           <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                        </div>
                                                        <button type="button" class="btn btn-lg btn-default btn-rounded m-1">Purchase</button>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-lg-4 col-xl-4">
                                                    <div class="ul-pricing__table-1 border-right-0">
                                                        <div class="ul-pricing__image card-icon-bg-primary">
                                                            <i class="i-Car-2"></i>
                                                        </div>
                                                        <div class="ul-pricing__title">
                                                            <h2 class="heading text-primary">Premium</h2>
                                                        </div>
                                                        <div class="ul-pricing__text text-mute">35gb</div>
                                                        <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$500</h3></div>
                                                        <div class="ul-pricing__list">
                                                           
                                                           <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                        </div>
                                                        <button type="button" class="btn btn-lg btn-default btn-rounded m-1">خرید</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="card mb-4">
                                    <div class="card-header bg-transparent"><h5>تمام عرض</h5></div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-lg-3 col-xl-3">
                                                <div class="ul-pricing__table-1 mb-4">
                                                    <div class="ul-pricing__image card-icon-bg-primary">
                                                        <i class="i-Gift-Box"></i>
                                                    </div>
                                                    <div class="ul-pricing__title">
                                                        <h2 class="heading text-primary">رایگان</h2>
                                                    </div>
                                                    <div class="ul-pricing__text text-mute">1gb</div>
                                                    <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$0</h3></div>
                                                    <div class="ul-pricing__list">
                                                        <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                    </div>
                                                        <button type="button" class="btn btn-lg btn-primary btn-rounded m-1">خرید</button>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-xl-3">
                                                <div class="ul-pricing__table-1">
                                                    <div class="ul-pricing__image card-icon-bg-primary">
                                                        <i class="i-Bicycle1"></i>
                                                    </div>
                                                    <div class="ul-pricing__title">
                                                        <h2 class="heading text-primary">پایه</h2>
                                                    </div>
                                                    <div class="ul-pricing__text text-mute">5gb</div>
                                                    <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$10</h3></div>
                                                    <div class="ul-pricing__list">
                                                        <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                    </div>
                                                        <button type="button" class="btn btn-lg btn-primary btn-rounded m-1">خرید</button>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-xl-3">
                                                <div class="ul-pricing__table-1">
                                                    <div class="ul-pricing__image card-icon-bg-primary">
                                                        <i class="i-Scooter"></i>
                                                    </div>
                                                    <div class="ul-pricing__title">
                                                        <h2 class="heading text-primary">استاندارد</h2>
                                                    </div>
                                                    <div class="ul-pricing__text text-mute">15gb</div>
                                                    <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$250</h3></div>
                                                    <div class="ul-pricing__list">
                                                        <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                    </div>
                                                        <button type="button" class="btn btn-lg btn-primary btn-rounded m-1">خرید</button>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-xl-3">
                                                <div class="ul-pricing__table-1 border-right-0">
                                                    <div class="ul-pricing__image card-icon-bg-primary">
                                                        <i class="i-Car-2"></i>
                                                    </div>
                                                    <div class="ul-pricing__title">
                                                        <h2 class="heading text-primary">Premium</h2>
                                                    </div>
                                                    <div class="ul-pricing__text text-mute">35gb</div>
                                                    <div class="ul-pricing__main-number"> <h3 class="heading display-3 text-primary t-font-boldest">$500 </h3></div>
                                                    <div class="ul-pricing__list">
                                                        <p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p> 
                                                    </div>
                                                        <button type="button" class="btn btn-lg btn-primary btn-rounded m-1">خرید</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="card">
                                        <div class="card-header bg-transparent"><h5>عرض کامل با Hover</h5></div>
                                        <div class="card-body mb-4">
                                            <div class="row">
                                                <div class="col-lg-3 col-xl-3 m-0 p-0">
                                                    <div class="ul-pricing__table-2 ">
                                                        <div class="ul-pricing__header">
                                                                <div class="ul-pricing__image text-primary m-0">
                                                                        <i class="i-Car-2"></i>
                                                                    </div>
                                                                    <div class="ul-pricing__main-number m-0"> <h1 class="heading text-primary t-font-boldest">$0.00 </h1></div>
                                                                    <div class="ul-pricing__month">
                                                                            <small class="text-purple-100">هر ماه</small>
                                                                    </div>
            
                                                                   
                                                        </div>
                                                        <div class="ul-pricing__title">
                                                                <h2 class="heading text-primary">رایگان</h2>
                                                        </div>
                                                        <div class="ul-pricing__table-listing mb-4">
                                                            <ul>
                                                                <li class="t-font-bolder">فضای دیسک 250gb</li>
                                                                <li class="t-font-bolder">پهنای باند 250gb</li>
                                                                <li class="t-font-bolder">بانکهای اطلاعاتی</li>
                                                                <li class="text-mute">E-mail accounts NO</li>
                                                                <li class="text-mute">24h پشتیبانی NO</li>
                                                                <li class="text-mute">ایمیل پشتیبانی NO</li>
                                                            </ul>
                                                        </div>

                                                        <button type="button" class="btn btn-lg btn-primary btn-rounded m-1">خرید</button>
                                                    </div>  
                                                </div>
                                                <div class="col-lg-3 col-xl-3 m-0 p-0">
                                                        <div class="ul-pricing__table-2 ">
                                                            <div class="ul-pricing__header">
                                                                    <div class="ul-pricing__image text-warning m-0">
                                                                            <i class="i-Bicycle1"></i>
                                                                        </div>
                                                                        <div class="ul-pricing__main-number m-0"> <h1 class="heading text-warning t-font-boldest">$10 </h1></div>
                                                                        <div class="ul-pricing__month">
                                                                                <small class="text-purple-100">هر ماه</small>
                                                                        </div>
                
                                                                       
                                                            </div>
                                                            <div class="ul-pricing__title">
                                                                    <h2 class="heading text-warning">پایه</h2>
                                                            </div>
                                                            <div class="ul-pricing__table-listing mb-4">
                                                                <ul>
                                                                    <li class="t-font-bolder">فضای دیسک250gb</li>
                                                                    <li class="t-font-bolder">پهنای باند 250gb</li>
                                                                    <li class="t-font-bolder">بانکهای اطلاعاتی</li>
                                                                    <li class="text-mute">E-mail accounts NO</li>
                                                                    <li class="text-mute">24h پشتیبانی NO</li>
                                                                    <li class="text-mute">ایمیل پشتیبانی NO</li>
                                                                </ul>
                                                            </div>
    
                                                            <button type="button" class="btn btn-lg btn-warning btn-rounded m-1">خرید</button>
                                                        </div>  
                                                </div>
                                                <div class="col-lg-3 col-xl-3 m-0 p-0">
                                                        <div class="ul-pricing__table-2 ">
                                                            <div class="ul-pricing__header">
                                                                    <div class="ul-pricing__image text-danger m-0">
                                                                            <i class="i-Scooter"></i>
                                                                        </div>
                                                                        <div class="ul-pricing__main-number m-0"> <h1 class="heading text-danger t-font-boldest">$250 </h1></div>
                                                                        <div class="ul-pricing__month">
                                                                                <small class="text-purple-100">هر ماه</small>
                                                                        </div>
                
                                                                       
                                                            </div>
                                                            <div class="ul-pricing__title">
                                                                    <h2 class="heading text-danger">استاندارد</h2>
                                                            </div>
                                                            <div class="ul-pricing__table-listing mb-4">
                                                                <ul>
                                                                    <li class="t-font-bolder">فضای دیسک 250gb</li>
                                                                    <li class="t-font-bolder">پهنای باند 250gb</li>
                                                                    <li class="t-font-bolder">بانک های اطلاعاتی</li>
                                                                    <li class="">اکانت ایمیل <span class="t-font-bold text-danger">Yes</span></li>
                                                                    <li class="">پشتیبانی 24 ساعته<span class="t-font-bold text-danger">Yes</span></li>
                                                                    <li class="text-mute">بدون ایمیل پشتیبانی</li>
                                                                </ul>
                                                            </div>
    
                                                            <button type="button" class="btn btn-lg btn-danger btn-rounded m-1">خرید</button>
                                                        </div>  
                                                </div>
                                                <div class="col-lg-3 col-xl-3 m-0 p-0">
                                                        <div class="ul-pricing__table-2 border-right-0">
                                                            <div class="ul-pricing__header">
                                                                    <div class="ul-pricing__image text-success m-0">
                                                                            <i class="i-Helicopter"></i>
                                                                        </div>
                                                                        <div class="ul-pricing__main-number m-0"> <h1 class="heading text-success t-font-boldest">$500</h1></div>
                                                                        <div class="ul-pricing__month">
                                                                                <small class="text-purple-100">هر ماه</small>
                                                                        </div>
                
                                                                       
                                                            </div>
                                                            <div class="ul-pricing__title">
                                                                <h2 class="heading text-success">Premium</h2>
                                                            </div>
                                                            <div class="ul-pricing__table-listing mb-4">
                                                                <ul>
                                                                    <li class="t-font-bolder">فضای دیسک 250gb</li>
                                                                    <li class="t-font-bolder">پهنای باند 250gb</li>
                                                                    <li class="t-font-bolder">بان های اطلاعاتی</li>
                                                                    <li class="text-mute">E-mail accounts NO</li>
                                                                    <li class="">پشتیبانی 24 ساعته <span class="text-success">Yes</span></li>
                                                                    <li class="text-mute">E-mail support NO</li>
                                                                </ul>
                                                            </div>
    
                                                            <button type="button" class="btn btn-lg btn-success btn-rounded m-1">خرید</button>
                                                        </div>  
                                                </div>
                                                
                                               
                                            </div>
                                        </div>
                                    </div>


                            </div>
                        </div>
                    
                </section>


@endsection

@section('page-js')

@endsection
