Pricing #1
Event tickets
The price will increase as the conference approaches. Grab your ticket today. Number of tickets is limited.
All Access
$9.00*
$29
200 Seats Remaining
- 1 Day Access
- Breakfast, Lunch & party
- Live video online Access
- Speaker Meet and Greets
- Get a Certificate
- Assigned Inbound Expert
VIP
$49.00*
$129
67 Seats Remaining
- 3 Day Access
- Breakfast, Lunch & party
- Live video online Access
- Speaker Meet and Greets
- Get a Certificate
- Assigned Inbound Expert
VIP + VIP Plus
$89.00*
$199
234 Seats Remaining
- 3 Day Access
- Breakfast, Lunch & party
- Live video online Access
- Speaker Meet and Greets
- Get a Certificate
- Assigned Inbound Expert
* Additional 5% VAT charge applies to individuals, companies VAT non-payers, and companies in the country.
<!--Event tickets start-->
<section class="py-xl-9 py-5 bg-gray-100">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="text-center mb-xl-9 mb-5">
<h2 class="mb-3">Event tickets</h2>
<p class="mb-0 lead px-xl-7">The price will increase as
the conference approaches. Grab your ticket today.
Number of tickets is limited.</p>
</div>
</div>
</div>
<!-- Pricing Style 3 -->
<div class="table-responsive-lg">
<div class="row flex-nowrap me-5 me-lg-0">
<div class="col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card bg-gray-200 border-0 p-2 mb-5 mb-xl-0">
<div class="card-body bg-white shadow rounded-2">
<div class="mb-5">
<h3 class="h6 mb-3">All Access</h3>
<h2 class="d-flex align-items-center">
<span class="text-dark">$9.00*</span>
<del
class="text-body-tertiary ms-1">$29</del>
</h2>
</div>
<div class="mb-5">
<span class="small">200 Seats
Remaining</span>
<div class="progress mt-2"
role="progressbar"
aria-label="Event Ticket"
aria-valuenow="75" aria-valuemin="0"
aria-valuemax="100" style="height: 8px">
<div class="progress-bar bg-primary bg-opacity-50"
style="width: 70%"></div>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">1 Day Access</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Breakfast, Lunch &
party</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Live video online
Access</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
<span class="ms-3">Speaker Meet and
Greets</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
<span class="ms-3">Get a
Certificate</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
<span class="ms-3">Assigned Inbound
Expert</span>
</li>
</ul>
<div class="d-grid mt-5">
<a href="#"
class="btn btn-outline-primary">Register
Now</a>
</div>
</div>
</div>
<!--card-->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!--card-->
<div
class="card bg-primary-subtle border-0 p-2 mb-5 mb-xl-0">
<div class="card-body bg-white shadow rounded-2">
<div class="mb-5">
<h3 class="h6 mb-3">VIP</h3>
<h2 class="d-flex align-items-center">
<span class="text-dark">$49.00*</span>
<del
class="text-body-tertiary ms-1">$129</del>
</h2>
</div>
<div class="mb-5">
<span class="small">67 Seats
Remaining</span>
<div class="progress mt-2"
role="progressbar"
aria-label="Basic example"
aria-valuenow="75" aria-valuemin="0"
aria-valuemax="100" style="height: 8px">
<div class="progress-bar bg-primary bg-opacity-50"
style="width: 90%"></div>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">3 Day Access</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Breakfast, Lunch &
party</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Live video online
Access</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Speaker Meet and
Greets</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Get a
Certificate</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
<span class="ms-3">Assigned Inbound
Expert</span>
</li>
</ul>
<div class="d-grid mt-5">
<a href="#"
class="btn btn-primary">Register</a>
</div>
</div>
</div>
<!--card-->
</div>
<div class="col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card bg-gray-200 border-0 p-2 mb-xl-0">
<div class="card-body bg-white shadow rounded-2">
<div class="mb-5">
<h3 class="h6 mb-3">VIP + VIP Plus</h3>
<h2 class="d-flex align-items-center">
<span class="text-dark">$89.00*</span>
<del
class="text-body-tertiary ms-1">$199</del>
</h2>
</div>
<div class="mb-5">
<span class="small">234 Seats
Remaining</span>
<div class="progress mt-2"
role="progressbar"
aria-label="Basic example"
aria-valuenow="75" aria-valuemin="0"
aria-valuemax="100" style="height: 8px">
<div class="progress-bar bg-primary bg-opacity-50"
style="width: 70%"></div>
</div>
</div>
<ul class="list-unstyled">
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">3 Day Access</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Breakfast, Lunch &
party</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Live video online
Access</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Speaker Meet and
Greets</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Get a
Certificate</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Assigned Inbound
Expert</span>
</li>
</ul>
<div class="d-grid mt-5">
<a href="#"
class="btn btn-outline-primary">Get the
VIP plus tickets</a>
</div>
</div>
</div>
<!--card-->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="text-center mt-5">
<small>* Additional 5% VAT charge applies to
individuals, companies VAT non-payers, and companies
in the country.</small>
</div>
</div>
</div>
</div>
</section>
<!--Event tickets end-->Pricing #2
Monthly
Yearly
free
30 Days Trial
Free
For new web developers ready to create their first site.
* No credit card required.
- Browse Website with ads
- Build static sites
- 1 space
- 10 MB storage
- 75 MB data / month
- 500 requests / month
- Subdomain
- SSL certificate
$
5.99
/month
$
19.99
/year
$
5.99
/month
$
19.99
/year
Pro
For those running multiple spaces with more traffic.
- Browse Website with ads
- Build static sites
- 10 space
- 3 GB storage
- 15 GB data / month
- 200 000 requests / month
- Subdomain
- SSL certificate
- Access to HTML video
- Priority support
- Analytics
$
15.99
/month
$
39.99
/year
$
15.99
/month
$
39.99
/year
Premium
Build more sites and grow your online presence.
- Browse Website with ads
- Build static sites
- 20 spaces
- 10 GB storage
- 200 GB data / month
- 500 000 requests / month
- Subdomain
- SSL certificate
- Access to HTML video
- Priority support
- Analytics
<!--pricing-->
<section class="pt-4 ">
<div class="container price-wrapper">
<div class="row">
<div class="col-12 z-1">
<div class="mb-5">
<div class="price-switcher-wrapper switcher">
<p class="mb-0 pe-3">Monthly</p>
<div class="price-switchers">
<div
class="price-switcher price-switcher-active">
</div>
<div class="price-switcher"></div>
<div class="switcher-button bg-primary"></div>
</div>
<p class="mb-0 ps-3">Yearly</p>
</div>
</div>
</div>
</div>
<div class="table-responsive-xl">
<div class="row flex-nowrap pb-4 me-5 me-lg-0">
<div class="col-xl-4 col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card bg-dark border-0">
<div class="card-body text-white">
<span
class="badge text-bg-warning text-uppercase mb-6 d-block py-2">free</span>
<h1 class="text-white mb-4 h2">30 Days Trial
</h1>
<div class="mb-6">
<h2 class="h3 text-white">Free</h2>
<p>For new web developers ready to create
their first site.</p>
<p class="mb-0 small">* No credit card
required.</p>
</div>
<ul class="list-unstyled mb-0">
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Browse Website with
ads</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Build static
sites</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">1 space</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">10 MB storage</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">75 MB data /
month</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">500 requests /
month</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Subdomain</span>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-body"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">SSL
certificate</span>
</li>
</ul>
<div class="d-grid mt-6">
<a href="#" class="btn btn-primary">Get
started now free trial</a>
</div>
</div>
</div>
<!--card-->
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card pricing">
<div class="card-body">
<h2 class="mb-4 d-flex align-items-center">
<div class="price-text">
<div class="price price-show">
<span>$</span>
<span>5.99</span>
<span
class="price-duration fs-6 text-body mt-auto mb-2">/month</span>
</div>
<div
class="price price-hide price-hidden">
<span>$</span>
<span>19.99</span>
<span
class="price-duration fs-6 text-body mt-auto mb-2">/year</span>
</div>
</div>
</h2>
<div class="mb-6">
<h3>Pro</h3>
<p class="mb-0">For those running multiple
spaces with more traffic.</p>
</div>
<ul class="list-unstyled mb-0">
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Browse Website with
ads</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Build static
sites</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span
class="fw-bold text-dark">10</span>
space
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span class="text-dark fw-bold">3
GB</span>
storage
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span class="text-dark fw-bold">15
GB</span>
data / month
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span class="fw-bold text-dark">200
000</span>
requests / month
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Subdomain</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">SSL
certificate</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Access to HTML
video</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Priority
support</span>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Analytics</span>
</li>
</ul>
<div class="d-grid mt-6">
<a href="#" class="btn btn-primary">$5.99
/month</a>
</div>
</div>
</div>
<!--card-->
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card pricing">
<div class="card-body">
<h2 class="mb-4 d-flex align-items-center">
<div class="price-text">
<div class="price price-show">
<span>$</span>
<span>15.99</span>
<span
class="price-duration fs-6 text-body mt-auto mb-2">/month</span>
</div>
<div
class="price price-hide price-hidden">
<span>$</span>
<span>39.99</span>
<span
class="price-duration fs-6 text-body mt-auto mb-2">/year</span>
</div>
</div>
</h2>
<div class="mb-6">
<h3>Premium</h3>
<p class="mb-0">Build more sites and grow
your online presence.</p>
</div>
<ul class="list-unstyled mb-0">
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Browse Website with
ads</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Build static
sites</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span
class="text-dark fw-bold">20</span>
spaces
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span class="text-dark fw-bold">10
GB</span>
storage
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span class="text-dark fw-bold">200
GB</span>
data / month
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">
<span class="fw-bold text-dark">500
000</span>
requests / month
</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Subdomain</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">SSL
certificate</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Access to HTML
video</span>
</li>
<li class="mb-2">
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Priority
support</span>
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span class="ms-3">Analytics</span>
</li>
</ul>
<div class="d-grid mt-6">
<a href="#" class="btn btn-primary">$15.99
/month</a>
</div>
</div>
</div>
<!--card-->
</div>
</div>
</div>
</div>
</section>
<!--pricing-->Pricing #3
$49.99 / month
Starter
Ideal for developers actively developing before going to prod.
$99.99 / month
Business
most popularIdeal for developer teams in production, seeking pay-per-use pricing.
$199.99 / month
Enterprise
Ideal businesses with large workloads in production, seeking discounted rates and advanced support.
<!--plans-->
<section class="mb-xl-9 my-4">
<div class="container">
<!-- Pricing Style 2 -->
<div class="table-responsive-lg">
<div class="row flex-nowrap pb-4 me-5 me-lg-0">
<div class="col-xl-4 col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card">
<div class="card-body">
<div class="mb-5">
<h3 class="mb-4 d-flex align-items-center">
<span class="text-dark">$49.99</span>
<span
class="text-body-tertiary ms-2 fs-6 fw-normal">/
month</span>
</h3>
</div>
<div class="mb-6">
<h3 class="h4">Starter</h3>
<p class="mb-0">Ideal for developers
actively developing before going to
prod.</p>
</div>
<div class="d-grid">
<a href="#"
class="btn btn-outline-primary">Free
Trial for 14 Days</a>
</div>
</div>
</div>
<!--card-->
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card bg-primary text-white border-primary">
<div class="card-body">
<div class="mb-5">
<h3 class="mb-4 d-flex align-items-center">
<span class="text-white">$99.99</span>
<span
class="text-white ms-2 fs-6 fw-normal">/
month</span>
</h3>
</div>
<div class="mb-6">
<div class="d-flex align-items-center mb-2">
<h3 class="h4 mb-0 text-white">Business
</h3>
<span
class="ms-2 badge bg-warning-subtle text-warning-emphasis text-uppercase">most
popular</span>
</div>
<p class="mb-0">Ideal for developer teams in
production, seeking pay-per-use pricing.
</p>
</div>
<div class="d-grid">
<a href="#" class="btn btn-white">Sign
Up</a>
</div>
</div>
</div>
<!--card-->
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-12">
<!--card-->
<div class="card">
<div class="card-body">
<div class="mb-5">
<h3 class="mb-4 d-flex align-items-center">
<span class="text-dark">$199.99</span>
<span
class="text-body-tertiary ms-2 fs-6 fw-normal">/
month</span>
</h3>
</div>
<div class="mb-6">
<h3 class="h4">Enterprise</h3>
<p>Ideal businesses with large workloads in
production, seeking discounted rates and
advanced support.</p>
</div>
<div class="d-grid">
<a href="#"
class="btn btn-outline-warning">Contact
Us</a>
</div>
</div>
</div>
<!--card-->
</div>
</div>
</div>
</div>
</section>
<!--plans-->Pricing #4
Pricing
Plan to unlock a new level of productivity
Fair and simple pricing making content editing and generation accessible to everyone.
Monthly
Yearly
Free
Everything you need to supercharge your productivity.
$0 /month
What’s included
- Calculator, Quicklinks, Snippets, Window Management, and many more core features
- More than 1000 Extensions
- Custom Extensions
- Developer Tools
Pro
Unlock a new level of your personal productivity.
$
5.99
/month
$
19.99
/year
$
5.99
/month
$
19.99
/year
$96 billed annually
What’s included
- Everything in Free
- Block AI Features
- Cloud Sync
- Developer Tools
- Custom Themes
- Unlimited Clipboard History
- More Coming Soon
<!--pricing-->
<section class="container py-lg-8 py-5 price-wrapper">
<div class="row justify-content-center mb-8">
<div class="col-xl-6 col-lg-10 col-12">
<div class="text-center d-flex flex-column gap-5">
<div class="d-flex justify-content-center">
<span class="bg-primary bg-opacity-10 text-primary border-primary border px-3 py-2 fs-6 rounded-pill lh-1 align-items-center d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1717_21198)">
<path
d="M6 10.1253C6.076 11.0793 6.83 11.8223 8.182 11.9103V12.6143H8.782V11.9053C10.182 11.8073 11 11.0593 11 9.97326C11 8.98626 10.374 8.47726 9.255 8.21326L8.782 8.10126V6.18426C9.382 6.25226 9.764 6.58026 9.856 7.03426H10.908C10.832 6.11526 10.044 5.39626 8.782 5.31826V4.61426H8.182V5.33326C6.987 5.45026 6.172 6.16926 6.172 7.18626C6.172 8.08626 6.778 8.65826 7.785 8.89326L8.182 8.99126V11.0253C7.567 10.9323 7.16 10.5953 7.068 10.1253H6ZM8.177 7.95926C7.587 7.82226 7.267 7.54326 7.267 7.12326C7.267 6.65326 7.612 6.30126 8.182 6.19826V7.95826L8.177 7.95926ZM8.869 9.15226C9.586 9.31826 9.917 9.58726 9.917 10.0623C9.917 10.6043 9.505 10.9763 8.782 11.0443V9.13226L8.869 9.15226Z"
fill="#8B3DFF" />
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#8B3DFF" />
<path
d="M8.5 14.1143C7.04131 14.1143 5.64236 13.5348 4.61091 12.5033C3.57946 11.4719 3 10.0729 3 8.61426C3 7.15557 3.57946 5.75662 4.61091 4.72517C5.64236 3.69372 7.04131 3.11426 8.5 3.11426C9.95869 3.11426 11.3576 3.69372 12.3891 4.72517C13.4205 5.75662 14 7.15557 14 8.61426C14 10.0729 13.4205 11.4719 12.3891 12.5033C11.3576 13.5348 9.95869 14.1143 8.5 14.1143ZM8.5 14.6143C9.28793 14.6143 10.0681 14.4591 10.7961 14.1575C11.5241 13.856 12.1855 13.4141 12.7426 12.8569C13.2998 12.2997 13.7417 11.6383 14.0433 10.9104C14.3448 10.1824 14.5 9.40219 14.5 8.61426C14.5 7.82633 14.3448 7.04611 14.0433 6.31816C13.7417 5.5902 13.2998 4.92877 12.7426 4.37162C12.1855 3.81447 11.5241 3.37251 10.7961 3.07098C10.0681 2.76945 9.28793 2.61426 8.5 2.61426C6.9087 2.61426 5.38258 3.2464 4.25736 4.37162C3.13214 5.49684 2.5 7.02296 2.5 8.61426C2.5 10.2056 3.13214 11.7317 4.25736 12.8569C5.38258 13.9821 6.9087 14.6143 8.5 14.6143Z"
fill="#8B3DFF" />
</g>
<defs>
<clipPath id="clip0_1717_21198">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
<span class="ms-1 text-uppercase ls-md fw-semibold">Pricing</span>
</span>
</div>
<div class="d-flex flex-column gap-3 mx-lg-8">
<h1 class="mb-0">Plan to unlock a new level of productivity</h1>
<p class="mb-0">Fair and simple pricing making content editing and generation accessible to everyone.</p>
</div>
<div class="mb-5">
<div class="price-switcher-wrapper switcher">
<p class="mb-0 pe-3">Monthly</p>
<div class="price-switchers">
<div class="price-switcher price-switcher-active"></div>
<div class="price-switcher"></div>
<div class="switcher-button bg-primary"></div>
</div>
<p class="mb-0 ps-3">Yearly</p>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 col-12">
<div class="row align-items-center g-md-0 gy-4">
<div class="col-md-6 col-12">
<div class="card bg-light pricing rounded-end-md-0">
<div class="card-body d-flex flex-column gap-4">
<div>
<h3>Free</h3>
<p class="mb-0">Everything you need to supercharge your productivity.</p>
</div>
<h2 class="mb-0 d-flex align-items-center">
<span>$0</span>
<span class="price-duration fs-6 text-body ms-2">/month</span>
</h2>
<hr class="my-0" />
<div>
<h5 class="mb-3">What’s included</h5>
<ul class="list-unstyled flex-column d-flex gap-2">
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#64748B" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#64748B" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Calculator, Quicklinks, Snippets, Window Management, and many more core features</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#64748B" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#64748B" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">More than 1000 Extensions</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#64748B" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#64748B" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Custom Extensions</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#64748B" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#64748B" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Developer Tools</span>
</li>
</ul>
</div>
<div class="d-grid">
<a href="#" class="btn btn-outline-secondary text-dark">Start with Free</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-12">
<div class="card bg-primary text-white pricing border-primary">
<div class="card-body d-flex flex-column gap-4 text-white-stable">
<div>
<h3 class="text-white-stable">Pro</h3>
<p class="mb-0 text-white-50">Unlock a new level of your personal productivity.</p>
</div>
<h2 class="d-flex align-items-center text-white-stable">
<div class="price-text">
<div class="price price-show d-flex align-items-center">
<span>$</span>
<span>5.99</span>
<span class="price-duration fs-6 ms-3">/month</span>
</div>
<div class="price price-hide price-hidden d-flex align-items-center">
<span>$</span>
<span>19.99</span>
<span class="price-duration fs-6 ms-3">/year</span>
</div>
</div>
</h2>
<div class="my-2">
<div class="border-top position-relative z-1 d-flex justify-content-center border-white">
<div class="lh-lg mt-n3 position-absolute top-0 z-2 bg-primary px-3">$96 billed annually</div>
</div>
</div>
<div class="text-white-stable">
<h5 class="mb-3 text-white-stable">What’s included</h5>
<ul class="list-unstyled flex-column d-flex gap-2">
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Everything in Free</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Block AI Features</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Cloud Sync</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Developer Tools</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Custom Themes</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">Unlimited Clipboard History</span>
</li>
<li class="d-flex align-items-start">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
<g clip-path="url(#clip0_1710_19550)">
<path
d="M8.5 15.6143C6.64348 15.6143 4.86301 14.8768 3.55025 13.564C2.2375 12.2513 1.5 10.4708 1.5 8.61426C1.5 6.75774 2.2375 4.97726 3.55025 3.66451C4.86301 2.35176 6.64348 1.61426 8.5 1.61426C10.3565 1.61426 12.137 2.35176 13.4497 3.66451C14.7625 4.97726 15.5 6.75774 15.5 8.61426C15.5 10.4708 14.7625 12.2513 13.4497 13.564C12.137 14.8768 10.3565 15.6143 8.5 15.6143ZM8.5 16.6143C10.6217 16.6143 12.6566 15.7714 14.1569 14.2711C15.6571 12.7708 16.5 10.736 16.5 8.61426C16.5 6.49253 15.6571 4.45769 14.1569 2.9574C12.6566 1.45711 10.6217 0.614258 8.5 0.614258C6.37827 0.614258 4.34344 1.45711 2.84315 2.9574C1.34285 4.45769 0.5 6.49253 0.5 8.61426C0.5 10.736 1.34285 12.7708 2.84315 14.2711C4.34344 15.7714 6.37827 16.6143 8.5 16.6143Z"
fill="#ffffff" />
<path
d="M11.4699 5.58405C11.4627 5.59095 11.456 5.5983 11.4499 5.60605L7.97685 10.0311L5.88385 7.93705C5.74168 7.80457 5.55363 7.73245 5.35933 7.73588C5.16503 7.7393 4.97964 7.81802 4.84223 7.95543C4.70482 8.09284 4.6261 8.27823 4.62268 8.47253C4.61925 8.66683 4.69137 8.85488 4.82385 8.99705L7.46985 11.6441C7.54113 11.7152 7.62601 11.7713 7.71943 11.8089C7.81285 11.8465 7.9129 11.865 8.0136 11.8631C8.11429 11.8612 8.21359 11.8391 8.30555 11.798C8.39751 11.757 8.48025 11.6978 8.54885 11.6241L12.5409 6.63405C12.6768 6.49138 12.7511 6.30095 12.7477 6.10392C12.7444 5.90689 12.6636 5.7191 12.5229 5.58114C12.3822 5.44319 12.1928 5.36616 11.9958 5.3667C11.7987 5.36725 11.6098 5.44532 11.4699 5.58405Z"
fill="#ffffff" />
</g>
<defs>
<clipPath id="clip0_1710_19550">
<rect width="16" height="16" fill="white" transform="translate(0.5 0.614258)" />
</clipPath>
</defs>
</svg>
</span>
<span class="ms-2">More Coming Soon</span>
</li>
</ul>
</div>
<div class="d-grid">
<a href="#" class="btn btn-dark">Sleact Plan</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--pricing-->Pricing #5
Compare plan details
Start building your site for free. Upgrade to unlock more features.
|
Site plans
|
Starter
Try for free 14 Days
|
Business
Sign Up Now
|
Enterprise
Contact us
|
|---|---|---|---|
| Bandwidth | 1 GB | 10 GB | 100 GB |
| Visitors | 1,000 | 10,000 | 100,000 |
| Web pages | 5 pages | 20 pages | 30 pages |
| Image optimization | |||
| Storage | 3 GB | 10 GB | 200 GB |
| Data / month | 5 pages | 20 pages | Unlimited |
| Requests / month | 500 | 20,000 | 5,00,000 |
| Subdomain | |||
| SSL certificate | |||
| Access to HTML video | |||
| Priority support | |||
| Analytics |
<!--compare plan-->
<section class="mb-xl-9 py-4">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-12">
<div class="text-center mb-7">
<h2>Compare plan details</h2>
<p class="mb-0">Start building your site for free.
Upgrade to unlock more features.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-12">
<!-- Striped rows -->
<div class="table-responsive">
<table
class="table table-striped text-nowrap table-lg table-borderless">
<thead>
<tr>
<th scope="col">
<div
class="fs-5 text-dark fw-semibold mb-3">
Site plans</div>
</th>
<th scope="col">
<div class="fs-5 text-dark fw-semibold">
Starter</div>
<span class="text-primary">Try for free
14 Days</span>
</th>
<th scope="col">
<div class="fs-5 text-dark fw-semibold">
Business</div>
<span class="text-primary">Sign Up
Now</span>
</th>
<th scope="col">
<div class="fs-5 text-dark fw-semibold">
Enterprise</div>
<span class="text-primary">Contact
us</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bandwidth</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">1 GB</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">10 GB</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">100 GB</span>
</td>
</tr>
<tr>
<td>
<span class="me-2">Visitors</span>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-question-circle-fill text-gray"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">1,000</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">10,000</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">100,000</span>
</td>
</tr>
<tr>
<td>Web pages</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">5 pages</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-danger"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">20 pages</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">30 pages</span>
</td>
</tr>
<tr>
<td>Image optimization</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-gary"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
</tr>
<tr>
<td>Storage</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">3 GB</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">10 GB</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">200 GB</span>
</td>
</tr>
<tr>
<td>Data / month</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">5 pages</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">20 pages</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">Unlimited</span>
</td>
</tr>
<tr>
<td>Requests / month</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">500</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">20,000</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
<span class="ms-2">5,00,000</span>
</td>
</tr>
<tr>
<td>Subdomain</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
</tr>
<tr>
<td>SSL certificate</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-gary"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
</tr>
<tr>
<td>Access to HTML video</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-gary"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
</tr>
<tr>
<td>Priority support</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-gary"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
</tr>
<tr>
<td>Analytics</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-x-circle-fill text-gary"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
<td>
<span>
<svg xmlns="http://www.w3.org/2000/svg"
width="14" height="14"
fill="currentColor"
class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>
<!--compare plan-->Pricing #6
Take a look at how we’re different
Below is a comparison table that highlights the key points that set [Agency Name] apart from other SEO agencies:
SEO Agencies |
Other SEO Agencies | |
| Customized Strategies |
Tailored SEO plans for each client
|
Often use one-size-fits-all approaches
|
| Data-Driven Approach |
Decisions based on real insights and analytics
|
Limited use of data and analytics
|
| Transparent Reporting |
Detailed, easy-to-understand reports
|
Often provide vague or complex reports
|
| Industry Expertise |
Team with extensive experience in various industries
|
Generalized knowledge without specific expertise
|
| Cutting-Edge Techniques |
Continuously updated with the latest SEO practices
|
Use outdated methods and strategies
|
| Holistic SEO Services |
Comprehensive range including technical audits, content creation, and link building
|
Creative and forward-thinking strategies
|
| Innovative Solutions |
Creative and forward-thinking strategies
|
Stuck in traditional methods
|
| Book a consultation |
<section class="py-xl-8 py-lg-7 py-5">
<!--Logo section start-->
<div class="container">
<div class="row mb-6">
<div class="col-12 offset-xl-3 col-xl-6">
<div class="text-center">
<h2>Take a look at how we’re different</h2>
<p class="mb-0">
Below is a comparison table that highlights the key points that set
<span class="text-primary fw-semibold">[Agency Name]</span>
apart from other SEO agencies:
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="table-responsive-xl">
<table class="table table-lg table-centered">
<tbody>
<tr>
<td></td>
<td class="bg-success bg-opacity-10 rounded-top-3 d-flex justify-content-center py-4">
<div class="d-md-flex align-items-center gap-3">
<img src="../assets/images/logo/logo.svg" alt="" class="lh-1 text-inverse" data-bs-theme="dark" />
<p class="fs-5 text-dark fw-semibold mb-0 mt-1">SEO Agencies</p>
</div>
</td>
<td class="text-center py-4" style="width: 380px">Other SEO Agencies</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Customized Strategies</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Tailored SEO plans for each client</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Often use one-size-fits-all approaches</span>
</div>
</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Data-Driven Approach</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Decisions based on real insights and analytics</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Limited use of data and analytics</span>
</div>
</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Transparent Reporting</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Detailed, easy-to-understand reports</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Often provide vague or complex reports</span>
</div>
</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Industry Expertise</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Team with extensive experience in various industries</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Generalized knowledge without specific expertise</span>
</div>
</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Cutting-Edge Techniques</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Continuously updated with the latest SEO practices</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Use outdated methods and strategies</span>
</div>
</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Holistic SEO Services</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Comprehensive range including technical audits, content creation, and link building</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Creative and forward-thinking strategies</span>
</div>
</td>
</tr>
<tr>
<td class="text-dark fw-bold py-4" style="width: 380px">Innovative Solutions</td>
<td class="bg-success bg-opacity-10 py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="currentColor"
class="bi bi-check2 text-success"
viewBox="0 0 16 16">
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0" />
</svg>
</span>
<span class="ms-1 text-dark">Creative and forward-thinking strategies</span>
</div>
</td>
<td class="py-4 px-md-6" style="width: 380px">
<div class="d-flex gap-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x text-danger" viewBox="0 0 16 16">
<path
d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708" />
</svg>
</span>
<span class="ms-1 text-dark">Stuck in traditional methods</span>
</div>
</td>
</tr>
<tr>
<td class="py-4 border-bottom-0"></td>
<td class="border-bottom-0 text-center py-4 bg-success bg-opacity-10 rounded-bottom-3">
<a href="#" class="btn btn-warning">Book a consultation</a>
</td>
<td class="py-4 border-bottom-0"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>Pricing #7
Pricing Plans
Choose the perfect plan for your needs
Free
Basic access to essential AI tools
$0
forever- 5 AI generations per day
- Basic text generation
- Simple image creation
- Standard response time
- Community support
Most Popular
Pro
Advanced features for professionals
$29
per month- Unlimited AI generations
- Advanced text & image tools
- Audio & video generation
- Priority processing
- Email support
- API access
Enterprise
Custom solutions for teams
Custom
pricing- Unlimited AI generations
- All Pro features
- Custom model training
- Dedicated account manager
- 24/7 priority support
- Advanced security & compliance
- Custom integrations
<section class="py-xl-9 py-lg-7 py-5 bg-gray-900" data-bs-theme="dark">
<div class="container pb-xl-5">
<div class="row">
<div class="col-12">
<div class="text-center mb-xl-7 mb-5 d-flex flex-column gap-2">
<h2 class="mb-0"><span class="gradient-text">Pricing Plans</span></h2>
<p class="mb-0 lead">Choose the perfect plan for your needs</p>
</div>
</div>
</div>
<div class="row gy-5 gy-xl-0">
<div class="col-xl-4 col-md-6 col-12">
<div class="card bg-gray-950">
<div class="card-body d-flex flex-column gap-6 p-5">
<div class="d-flex flex-column gap-3">
<div class="d-flex flex-column gap-1">
<h3 class="mb-0">Free</h3>
<p class="mb-0">Basic access to essential AI tools</p>
</div>
<div class="d-flex flex-row align-items-center gap-2">
<h3 class="fs-1 fw-bold mb-0">$0</h3>
<span>forever</span>
</div>
<ul class="list-unstyled mb-0 d-flex flex-column gap-2">
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>5 AI generations per day</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Basic text generation</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Simple image creation</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Standard response time</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Community support</span>
</li>
</ul>
</div>
<div>
<a href="#!" class="btn btn-dark">Get Started</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12">
<div class="card position-relative bg-gray-950 border-gradient-mix-color">
<div class="card-body d-flex flex-column gap-6 p-5 z-2">
<div class="d-flex flex-column gap-3">
<div class="position-absolute top-0 end-0 translate-middle">
<span class="badge bg-primary rounded-pill fw-medium border border-dark border-2">Most Popular</span>
</div>
<div class="d-flex flex-column gap-1">
<h3 class="mb-0">Pro</h3>
<p class="mb-0">Advanced features for professionals</p>
</div>
<div class="d-flex flex-row align-items-center gap-2">
<h3 class="fs-1 fw-bold mb-0">$29</h3>
<span>per month</span>
</div>
<ul class="list-unstyled mb-0 d-flex flex-column gap-2">
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Unlimited AI generations</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Advanced text & image tools</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Audio & video generation</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Priority processing</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Email support</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>API access</span>
</li>
</ul>
</div>
<div>
<a href="#!" class="btn btn-primary">Start Free Trial</a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 col-12">
<div class="card bg-gray-950">
<div class="card-body d-flex flex-column gap-6 p-5">
<div class="d-flex flex-column gap-3">
<div class="d-flex flex-column gap-1">
<h3 class="mb-0">Enterprise</h3>
<p class="mb-0">Custom solutions for teams</p>
</div>
<div class="d-flex flex-row gap-2">
<h3 class="fs-1 fw-bold mb-0">Custom</h3>
<span class="mt-auto">pricing</span>
</div>
<ul class="list-unstyled mb-0 d-flex flex-column gap-2">
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Unlimited AI generations</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>All Pro features</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Custom model training</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Dedicated account manager</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>24/7 priority support</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Advanced security & compliance</span>
</li>
<li class="d-flex flex-row gap-2 align-items-center">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#4997e58d)">
<path
d="M5.83333 9.99992L9.99999 14.1666L18.3333 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
<path
d="M1.66667 9.99992L5.83334 14.1666M10 9.99992L14.1667 5.83325"
stroke="#6FDB93"
stroke-width="1.5"
stroke-linecap="round"
stroke-linejoin="round"></path>
</g>
<defs>
<clipPath>
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span>Custom integrations</span>
</li>
</ul>
</div>
<div>
<a href="#!" class="btn btn-dark">Get Started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>