152 lines
8.1 KiB
PHP
152 lines
8.1 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', 'Pricing')
|
|
|
|
@push('style')
|
|
<!-- CSS Libraries -->
|
|
@endpush
|
|
|
|
@section('main')
|
|
<div class="main-content">
|
|
<section class="section">
|
|
<div class="section-header">
|
|
<h1>Pricing</h1>
|
|
<div class="section-header-breadcrumb">
|
|
<div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
|
|
<div class="breadcrumb-item"><a href="#">Components</a></div>
|
|
<div class="breadcrumb-item">Pricing</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-body">
|
|
<h2 class="section-title">Pricing</h2>
|
|
<p class="section-lead">Price components are very important for SaaS projects or other projects.</p>
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 col-lg-4">
|
|
<div class="pricing">
|
|
<div class="pricing-title">
|
|
Developer
|
|
</div>
|
|
<div class="pricing-padding">
|
|
<div class="pricing-price">
|
|
<div>$19</div>
|
|
<div>per month</div>
|
|
</div>
|
|
<div class="pricing-details">
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">1 user agent</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">Core features</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">1GB storage</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">2 Custom domain</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon bg-danger text-white"><i class="fas fa-times"></i>
|
|
</div>
|
|
<div class="pricing-item-label">Live Support</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-cta">
|
|
<a href="#">Subscribe <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 col-lg-4">
|
|
<div class="pricing pricing-highlight">
|
|
<div class="pricing-title">
|
|
Small Team
|
|
</div>
|
|
<div class="pricing-padding">
|
|
<div class="pricing-price">
|
|
<div>$60</div>
|
|
<div>per month</div>
|
|
</div>
|
|
<div class="pricing-details">
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">5 user agent</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">Core features</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">10GB storage</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">10 Custom domain</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">24/7 Support</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-cta">
|
|
<a href="#">Subscribe <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4 col-lg-4">
|
|
<div class="pricing">
|
|
<div class="pricing-title">
|
|
Enterprise
|
|
</div>
|
|
<div class="pricing-padding">
|
|
<div class="pricing-price">
|
|
<div>$499</div>
|
|
<div>per month</div>
|
|
</div>
|
|
<div class="pricing-details">
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">Unlimited user agent</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">Core features</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">8TB storage</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">Unlimited custom domain</div>
|
|
</div>
|
|
<div class="pricing-item">
|
|
<div class="pricing-item-icon"><i class="fas fa-check"></i></div>
|
|
<div class="pricing-item-label">Lifetime Support</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-cta">
|
|
<a href="#">Subscribe <i class="fas fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<!-- JS Libraies -->
|
|
|
|
<!-- Page Specific JS File -->
|
|
@endpush
|