212 lines
5.5 KiB
HTML
212 lines
5.5 KiB
HTML
<section class="pricing-table-8 my-3" aria-label="pricing-table-8">
|
|
<div class="container py-4">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="text-center">
|
|
<div>
|
|
<h2>Pricing</h2>
|
|
<p class="lead">We offer flexible pricing options for freelancers and design teams.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row align-items-start g-0">
|
|
<div class="col-lg-3 text-center border mb-4 mb-lg-0">
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
|
|
<div class="">
|
|
<div>
|
|
<h2>Free</h2>
|
|
</div>
|
|
</div>
|
|
<div class="mb-5">
|
|
<div>
|
|
<p class="lead">Forever Free</p>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="d-flex justify-content-center">
|
|
<div>
|
|
<p>$</p>
|
|
</div>
|
|
<div>
|
|
<p class="display-1">0</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<a class="btn mb-4 btn-outline-primary" href="#" role="button">Start for free</a>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p> 1 GB of Space
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 text-center border mb-4 mb-lg-0">
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
|
|
<div class="">
|
|
<div>
|
|
<h2>Starter</h2>
|
|
</div>
|
|
</div>
|
|
<div class="mb-5">
|
|
<div>
|
|
<p class="lead">Basic</p>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="d-flex justify-content-center">
|
|
<div>
|
|
<p>$</p>
|
|
</div>
|
|
<div>
|
|
<p class="display-1">9</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<a class="btn btn-primary mb-4" href="#" role="button">Buy now</a>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>5 GB of Space
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>Unlimited Projects </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>1 Users </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 text-center border mb-4 mb-lg-0">
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
|
|
<div class="">
|
|
<div>
|
|
<h2>Pro</h2>
|
|
</div>
|
|
</div>
|
|
<div class="mb-5">
|
|
<div>
|
|
<p class="lead">Best value</p>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="d-flex justify-content-center">
|
|
<div>
|
|
<p>$</p>
|
|
</div>
|
|
<div>
|
|
<p class="display-1">29</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<a class="btn btn-primary mb-4" href="#" role="button">Buy now</a>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>20 GB of Space
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p> Unlimited Projects
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>5 Users
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 text-center border">
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
|
|
<div class="">
|
|
<div>
|
|
<h2>Agency</h2>
|
|
</div>
|
|
</div>
|
|
<div class="mb-5">
|
|
<div>
|
|
<p class="lead">Enterprise</p>
|
|
</div>
|
|
</div>
|
|
<div class="mb-4">
|
|
<div class="d-flex justify-content-center">
|
|
<div>
|
|
<p>$</p>
|
|
</div>
|
|
<div>
|
|
<p class="display-1">199</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<a class="btn btn-primary mb-4" href="#" role="button">Buy now</a>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>Unlimited Space</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p> Unlimited Projects
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p> Unlimited Users</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pt-4 px-md-4 border-bottom">
|
|
<div class="">
|
|
<div>
|
|
<p>Access to Cloud</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |