@extends('layouts.master')

@section('css')
@endsection

@section('breadcrumb')
<div class="col-sm-6">
    <h4 class="page-title">Pricing</h4>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);">Veltrix</a></li>
        <li class="breadcrumb-item"><a href="javascript:void(0);">Extra Pages</a></li>
        <li class="breadcrumb-item active">Pricing</li>
    </ol>
</div>
@endsection

@section('content')
                         <div class="row">
                                <div class="col-xl-3 col-md-6">
                                    <div class="card pricing-box">
                                        <div class="card-body">
                                            <div class="mb-4 pt-3 pb-3">
                                                <div class="pricing-icon float-left">
                                                    <i class="ion ion-ios-airplane"></i>
                                                </div>
                                                <div class="text-right">
                                                    <h5 class="mt-0">Starter</h5>
                                                    <p class="text-muted">Sed ut neque unde</p>
                                                </div>
                                            </div>
                                            <div class="pricing-features mb-4">
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Live Support</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Unlimited User</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> No Time Tracking</p>
                                                <p><i class="mdi mdi-close text-primary mr-2"></i> Free Setup</p>
                                            </div>
                                            <div class="text-center pt-3 pb-3">
                                                <h2><sup><small>$</small></sup>19/<span class="font-16">Per month</span></h2>
                                            </div>
                                            <div class="mt-4">
                                                <a href="#" class="btn btn-primary btn-block waves-effect waves-light">Sign up Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end col -->

                                <div class="col-xl-3 col-md-6">
                                    <div class="card pricing-box">
                                        <div class="card-body">
                                            <div class="mb-4 pt-3 pb-3">
                                                <div class="pricing-icon float-left">
                                                    <i class="ion ion-ios-trophy"></i>
                                                </div>
                                                <div class="text-right">
                                                    <h5 class="mt-0">Professional</h5>
                                                    <p class="text-muted">Sed ut neque unde</p>
                                                </div>
                                            </div>
                                            <div class="pricing-features mb-4">
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Live Support</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Unlimited User</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> No Time Tracking</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Setup</p>
                                            </div>
                                            <div class="text-center pt-3 pb-3">
                                                <h2><sup><small>$</small></sup>29/<span class="font-16">Per month</span></h2>
                                            </div>
                                            <div class="mt-4">
                                                <a href="#" class="btn btn-primary btn-block waves-effect waves-light">Sign up Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end col -->

                                <div class="col-xl-3 col-md-6">
                                    <div class="card pricing-box">
                                        <div class="card-body">
                                            <div class="mb-4 pt-3 pb-3">
                                                <div class="pricing-icon float-left">
                                                    <i class="ion ion-ios-umbrella"></i>
                                                </div>
                                                <div class="text-right">
                                                    <h5 class="mt-0">Enterprise</h5>
                                                    <p class="text-muted">Sed ut neque unde</p>
                                                </div>
                                            </div>
                                            <div class="pricing-features mb-4">
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Live Support</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Unlimited User</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> No Time Tracking</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Setup</p>
                                            </div>
                                            <div class="text-center pt-3 pb-3">
                                                <h2><sup><small>$</small></sup>39/<span class="font-16">Per month</span></h2>
                                            </div>
                                            <div class="mt-4">
                                                <a href="#" class="btn btn-primary btn-block waves-effect waves-light">Sign up Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end col -->

                                <div class="col-xl-3 col-md-6">
                                    <div class="card pricing-box">
                                        <div class="card-body">
                                            <div class="mb-4 pt-3 pb-3">
                                                <div class="pricing-icon float-left">
                                                    <i class="ion ion-ios-cube"></i>
                                                </div>
                                                <div class="text-right">
                                                    <h5 class="mt-0">Unlimited</h5>
                                                    <p class="text-muted">Sed ut neque unde</p>
                                                </div>
                                            </div>
                                            <div class="pricing-features mb-4">
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Live Support</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Unlimited User</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> No Time Tracking</p>
                                                <p><i class="mdi mdi-check text-primary mr-2"></i> Free Setup</p>
                                            </div>
                                            <div class="text-center pt-3 pb-3">
                                                <h2><sup><small>$</small></sup>49/<span class="font-16">Per month</span></h2>
                                            </div>
                                            <div class="mt-4">
                                                <a href="#" class="btn btn-primary btn-block waves-effect waves-light">Sign up Now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end col -->
                                
                            </div>
                            <!-- end row -->     
@endsection

@section('script')
@endsection