@extends('layouts.app') @section('styles') {{-- Style Here --}} @vite(['resources/scss/light/assets/forms/switches.scss']) @vite(['resources/scss/light/plugins/pricing-table/css/component.scss']) @vite(['resources/scss/dark/assets/forms/switches.scss']) @vite(['resources/scss/dark/plugins/pricing-table/css/component.scss']) @endsection @section('content')

Toggle

Monthly Yearly
45% Off

Basic

Most Popular

$ 9.50

$ 5.50

Per month

  • 100MB Storage
  • 1 Guests + 2.50 per extra seat
  • 100 Automations/mo
  • 1 Domains
  • 6 Month Update
  • 48 Hours Support
Get Started
45% Off

Plus

Recommended

$ 19.50

$ 9.50

Per month

  • Unlimited
  • 5 Guests + 2 per extra seat
  • 1000 Automations/mo
  • 5 Domains
  • 1 Year Update
  • 24 Hours Support
Get Started
45% Off

Business

Best Value

$ 29.50

$ 19.50

Per month

  • Unlimited
  • 10 Guests + 5 per extra seat
  • 20k Automations/mo
  • 10 Domains
  • 2 Year Update
  • Priority Support
Get Started 
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Billing Cycle  -->
<div class="billing-cycle-radios mt-5">
<div class="radio billed-yearly-radio">
    <div class="d-flex justify-content-center">
        <span class="txt-monthly">Monthly</span>
        <label class="switch s-icons s-outline  s-outline-success">
            <input type="checkbox" id="radio-6">
            <span class="slider round"></span>
        </label>
        <span class="txt-yearly">Yearly <span class="badge badge-pill badge-primary">20% Off</span></span>
    </div>
</div>
</div>

<!-- Pricing Plans Container -->
<div class="pricing-plans-container mt-5 d-md-flex d-block">
<!-- Plan -->
<div class="pricing-plan mb-5">
    <h3>Cloud Hosting</h3>
    <p class="margin-top-10">cPanel/WHM included. Intel Xeon E3 with guaranteed 2GB RAM.</p>
    <div class="pricing-plan-label billed-monthly-label"><strong>$25</strong>/ monthly</div>
    <div class="pricing-plan-label billed-yearly-label"><strong>$290</strong>/ yearly</div>
    <div class="pricing-plan-features mb-4">
        <strong>Cloud Hosting Features</strong>
        <ul>
            <li>Single Domain</li>
            <li>50 GB SSD</li>
            <li>1 TB Premium Bandwidth</li>
        </ul>
    </div>
    <a href="javascript:void(0);" class="button btn btn-primary btn-block margin-top-20">Buy Now</a>
</div>
<!-- Plan -->
<div class="pricing-plan mb-5 mt-md-0 recommended">
    <div class="recommended-badge">Most Popular</div>
    <h3>VPS Hosting</h3>
    <p class="margin-top-10">cPanel/WHM included. Intel Xeon E5 with guaranteed 4GB RAM.</p>
    <div class="pricing-plan-label billed-monthly-label"><strong>$70</strong>/ monthly</div>
    <div class="pricing-plan-label billed-yearly-label"><strong>$670</strong>/ yearly</div>
    <div class="pricing-plan-features mb-4">
        <strong>VPS Hosting Features</strong>
        <ul>
            <li>5 Domains</li>
            <li>100 GB SSD</li>
            <li>2 TB Premium Bandwidth</li>
        </ul>
    </div>
    <a href="javascript:void(0);" class="button btn btn-default btn-block margin-top-20">Buy Now</a>
</div>
<!-- Plan -->
<div class="pricing-plan mb-5">
    <h3>Business Hosting</h3>
    <p class="margin-top-10">cPanel/WHM included. Intel Xeon E5 with guaranteed 8GB RAM.</p>
    <div class="pricing-plan-label billed-monthly-label"><strong>$115</strong>/ monthly</div>
    <div class="pricing-plan-label billed-yearly-label"><strong>$1100</strong>/ yearly</div>
    <div class="pricing-plan-features mb-4">
        <strong>Business Hosting Features</strong>
        <ul>
            <li>Unlimited Domains</li>
            <li>1 TB SSD</li>
            <li>5 TB Premium Bandwidth</li>
        </ul>
    </div>
    <a href="javascript:void(0);" class="button btn btn-primary btn-block margin-top-20">Buy Now</a>
</div>
</div>
</div>
</div>
</div>

Basic

Beginner Savers

For people who are starting out in the water saving business

$19/ month
  • Free water saving e-book
  • Free access to forums
  • Beginners tips

Advanced Savers

For experienced water savers who'd like to push their limits

$29/ month
  • Free water saving e-book
  • Free access to forums
  • Advanced saving tips

Pro Savers

For all the professionals who'd like to educate others, too

$79/ month
  • Access to all books
  • Unlimited board topics
  • Beginners tips
<div class="row">
<div class="col-lg-12">
    <section class="pricing-section bg-7 mt-5">
        <div class="pricing pricing--norbu">
            <div class="pricing__item">
                <h3 class="pricing__title">Beginner Savers</h3>
                <p class="pricing__sentence">For people who are starting out in the water saving business</p>
                <div class="pricing__price"><span class="pricing__currency">$</span>19<span class="pricing__period">/ month</span></div>
                <ul class="pricing__feature-list text-center">
                    <li class="pricing__feature"><svg> ... </svg> Free water saving e-book</li>
                    <li class="pricing__feature"><svg> ... </svg> Free access to forums</li>
                    <li class="pricing__feature"><svg> ... </svg> Beginners tips</li>
                </ul>
                <button class="pricing__action mx-auto mb-4">Buy</button>
            </div>
            <div class="pricing__item pricing__item--featured">
                <h3 class="pricing__title">Advanced Savers</h3>
                <p class="pricing__sentence">For experienced water savers who'd like to push their limits</p>
                <div class="pricing__price"><span class="pricing__currency">$</span>29<span class="pricing__period">/ month</span></div>
                <ul class="pricing__feature-list text-center">
                    <li class="pricing__feature"><svg> ... </svg> Free water saving e-book</li>
                    <li class="pricing__feature"><svg> ... </svg> Free access to forums</li>
                    <li class="pricing__feature"><svg> ... </svg> Advanced saving tips</li>
                </ul>
                <button class="pricing__action mx-auto mb-4">Buy</button>
            </div>
            <div class="pricing__item">
                <h3 class="pricing__title">Pro Savers</h3>
                <p class="pricing__sentence">For all the professionals who'd like to educate others, too</p>
                <div class="pricing__price"><span class="pricing__currency">$</span>79<span class="pricing__period">/ month</span></div>
                <ul class="pricing__feature-list text-center">
                    <li class="pricing__feature"><svg> ... </svg> Access to all books</li>
                    <li class="pricing__feature"><svg> ... </svg> Unlimited board topics</li>
                    <li class="pricing__feature"><svg> ... </svg> Beginners tips</li>
                </ul>
                <button class="pricing__action mx-auto mb-4">Buy</button>
            </div>
        </div>
    </section>    
</div>
</div>
@endsection @section('scripts') {{-- Scripts Here --}} @endsection