@extends('layouts.app') @section('content')
cPanel/WHM included. Intel Xeon E3 with guaranteed 2GB RAM.
cPanel/WHM included. Intel Xeon E5 with guaranteed 4GB RAM.
cPanel/WHM included. Intel Xeon E5 with guaranteed 8GB RAM.
<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>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
<div class="container"> <div id="pricingWrapper" class="row"> <div class="col-md-6 col-lg-4"> <div class="card stacked mt-5"> <div class="card-header pt-0"> <span class="card-price">$49</span> <h3 class="card-title mt-3 mb-1">Freelancer</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> <div class="card-body"> <ul class="list-group list-group-minimal mb-3"> <li class="list-group-item d-flex justify-content-between align-items-center">Support forum </li> <li class="list-group-item d-flex justify-content-between align-items-center">Free hosting </li> <li class="list-group-item d-flex justify-content-between align-items-center">2 hours of support </li> <li class="list-group-item d-flex justify-content-between align-items-center">5GB of storage space </li> </ul> <a href="" class="btn btn-block btn-primary">Buy Now</a> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card stacked mt-5"> <div class="card-header pt-0"> <span class="card-price">$89</span> <h3 class="card-title mt-3 mb-1">Small business</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> <div class="card-body"> <ul class="list-group list-group-minimal mb-3"> <li class="list-group-item d-flex justify-content-between align-items-center">Unlimited calls </li> <li class="list-group-item d-flex justify-content-between align-items-center">Free hosting </li> <li class="list-group-item d-flex justify-content-between align-items-center">10 hours of support </li> <li class="list-group-item d-flex justify-content-between align-items-center">100GB of storage space </li> </ul> <a href="" class="btn btn-block btn-primary">Buy Now</a> </div> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card stacked mt-5"> <div class="card-header pt-0"> <span class="card-price">$129</span> <h3 class="card-title mt-3 mb-1">Larger business</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> <div class="card-body"> <ul class="list-group list-group-minimal mb-3"> <li class="list-group-item d-flex justify-content-between align-items-center">Unlimited calls </li> <li class="list-group-item d-flex justify-content-between align-items-center">Free hosting </li> <li class="list-group-item d-flex justify-content-between align-items-center">Unlimited hours of support </li> <li class="list-group-item d-flex justify-content-between align-items-center">1TB of storage space </li> </ul> <a href="" class="btn btn-block btn-primary">Buy Now</a> </div> </div> </div> </div> </div>
For people who are starting out in the water saving business
For experienced water savers who'd like to push their limits
For all the professionals who'd like to educate others, too
<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>