114 lines
3.8 KiB
HTML
114 lines
3.8 KiB
HTML
<section class="pricing-table-13 my-3" aria-label="pricing-table-13">
|
|
<div class="container pb-5">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<div class="mb-4">
|
|
<span editable="inline" class="small mt-4 d-block">LOREM IPSUM</span>
|
|
<h2 editable="inline" class="display-2 mb-0">
|
|
<b>Pricing</b>
|
|
</h2>
|
|
<p editable="inline"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id
|
|
<br> ligula malesuada placerat sit amet quis enim.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4 text-center">
|
|
<div class="col-lg-4 col-md-6 text-dark my-2">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="my-0 " editable="inline">Free</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
<span class="display-4" editable="inline">
|
|
<b>$0</b>
|
|
</span>
|
|
<span editable="inline" class="lead">/mo</span>
|
|
</h5>
|
|
|
|
<div class="card-text my-4 ">
|
|
<div editable="rich">
|
|
<ul class="list-unstyled">
|
|
|
|
<li editable="inline">10 users included</li>
|
|
<li editable="inline">2 GB of storage</li>
|
|
<li editable="inline">Email support</li>
|
|
<li editable="inline">Help center access</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-grid ">
|
|
<a href="#" class="btn btn-lg btn-outline-primary">Sign up for free</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 text-dark my-2">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="my-0" editable="inline">Pro</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
<span class="display-4" editable="inline">
|
|
<b>$15</b>
|
|
</span>
|
|
<span editable="inline" class="lead">/mo</span>
|
|
</h5>
|
|
|
|
<div class="card-text my-4 ">
|
|
<div editable="rich">
|
|
<ul class="list-unstyled">
|
|
|
|
<li editable="inline" class="">20 users included</li>
|
|
<li editable="inline" class="">10 GB of storage</li>
|
|
<li editable="inline" class="">Priority email support</li>
|
|
<li editable="inline" class="">Help center access</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="d-grid ">
|
|
<a href="#" class="btn btn-lg btn-primary">Contact us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 text-dark my-2">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="my-0" editable="inline">Enterprise</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
<span class="display-4" editable="inline">
|
|
<b>$29</b>
|
|
</span>
|
|
<span editable="inline" class="lead">/mo</span>
|
|
</h5>
|
|
|
|
<div class="card-text my-4 ">
|
|
<div editable="rich">
|
|
<ul class="list-unstyled">
|
|
|
|
<li editable="inline" class="">30 users included</li>
|
|
<li editable="inline" class="">15 GB of storage</li>
|
|
<li editable="inline" class="">Phone and email support</li>
|
|
<li editable="inline" class="">Help center access</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="d-grid ">
|
|
<a href="#" class="btn btn-lg btn-primary">Contact us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |