VvebOIDC/public/themes/solutry/sections/pricing-table.html

114 lines
4.4 KiB
HTML

<html data-vvvebjs-editor><head><base src="../"><link href="../css/style.bundle.css" rel="stylesheet"><link href="../css/screenshots.css" rel="stylesheet"><style>[data-reveal] {
opacity: 1;
transform: translate(0);
}</style><link href="../css/screenshots.css" rel="stylesheet"></head><body><section title="Pricing table 3" class="pricing-table-3" aria-label="pricing-table-3">
<div class="container">
<div class="row justify-content-center pb-2">
<div class="col-md-7 heading-section text-center">
<h2 class="text-center display-6 mb-1 fw-bold">Choose your plan</h2>
<p class="lead text-center text-muted mb-4">14-day free trial no credit card required.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="price-col shadow-sm border rounded-3" data-aos="fade-up">
<div class="img">
<img src="demo/img/illustrations.co/104-dumbbell.svg" alt="104-dumbbell" loading="lazy" class="img-fluid" />
</div>
<div class="text-center p-4">
<span class="excerpt d-block">Personal</span>
<span class="price">
<sup>$</sup>
<span class="number">49</span>
<sub>/mos</sub>
</span>
<ul class="pricing-text mb-5">
<li>
<span class="la la-check me-2"></span>5 Dog Walk
</li>
<li>
<span class="la la-check me-2"></span>3 Vet Visit
</li>
<li>
<span class="la la-check me-2"></span>3 Pet Spa
</li>
<li>
<span class="la la-check me-2"></span>Free Support
</li>
</ul>
<a href="/page/pricing" class="btn btn-primary">
<span>Get Started</span>
<i class="la la-long-arrow-alt-right ms-1"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="price-col shadow-sm border rounded-3" data-aos="fade-up" data-aos-delay="200">
<div class="img">
<img src="demo/img/illustrations.co/107-healthy.svg" alt="107-healthy" loading="lazy" class="img-fluid" />
</div>
<div class="text-center p-4">
<span class="excerpt d-block">Business</span>
<span class="price">
<sup>$</sup>
<span class="number">79</span>
<sub>/mos</sub>
</span>
<ul class="pricing-text mb-5">
<li>
<span class="la la-check me-2"></span>5 Dog Walk
</li>
<li>
<span class="la la-check me-2"></span>3 Vet Visit
</li>
<li>
<span class="la la-check me-2"></span>3 Pet Spa
</li>
<li>
<span class="la la-check me-2"></span>Free Support
</li>
</ul>
<a href="/page/pricing" class="btn btn-primary">
<span>Get Started</span>
<i class="la la-long-arrow-alt-right ms-1"></i>
</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="price-col shadow-sm border rounded-3" data-aos="fade-up" data-aos-delay="400">
<div class="img">
<img src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg" alt="126-namaste-no-hand-shake" loading="lazy" class="img-fluid" />
</div>
<div class="text-center p-4">
<span class="excerpt d-block">Ultimate</span>
<span class="price">
<sup>$</sup>
<span class="number">109</span>
<sub>/mos</sub>
</span>
<ul class="pricing-text mb-5">
<li>
<span class="la la-check me-2"></span>5 Dog Walk
</li>
<li>
<span class="la la-check me-2"></span>3 Vet Visit
</li>
<li>
<span class="la la-check me-2"></span>3 Pet Spa
</li>
<li>
<span class="la la-check me-2"></span>Free Support
</li>
</ul>
<a href="/page/pricing" class="btn btn-primary">
<span>Get Started</span>
<i class="la la-long-arrow-alt-right ms-1"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section></body></html>