Pricing
We have plans and prices is perfect for business owners. Its easy to edit and customize.
Pricing Table
Simple pricing that scales with your business
Reference giving information on its origins, as well as a random Lipsum generator.
Monthly
Yearly
Starter
To start your learning to day you will get only free Course access.
$
0
/Yearly
All core features, including:
- Only free courses
- Free learning paths
- 5GB storage
- Analytics
- Free mobile app
- Access to support forums
Individual
Access all premium courses, workshops, and mobile apps. Renewed monthly.
$
99
/Yearly
Everything in Starter, plus:
- Offline viewing
- Offline projects
- Unlimited storage
- Custom domain support
- Bulk editing
- 12 / 5 support
Team
Upto 10 member access everything. Save $78 per year! Renewed yearly.
$
199
/Yearly
Everything in Individual, plus:
- Workshop
- Dedicated hardware
- 99.9% uptime guarantee
- Advanced analytics
- 3rd party integrations
- 24 / 7 support
<div class="py-lg-13 py-8 bg-primary">
<div class="container">
<div class="row align-items-center">
<!-- User info -->
<div class="offset-xl-2 col-xl-8 col-lg-12 col-md-12 col-12">
<div class="text-center mb-6 px-md-6">
<h1 class="text-white display-3 fw-semi-bold ">
Simple pricing that scales with your business
</h1>
<p class="text-white lead mb-8">
Reference giving information on its origins, as well as a random Lipsum generator.
</p>
<!-- Switch Toggle -->
<div id="pricing-switch" class="d-flex justify-content-center align-items-center">
<span class="text-white me-2">Monthly</span>
<span class="form-check form-switch form-switch-price">
<input type="checkbox" class="form-check-input" id="customSwitch1" checked="">
<label class="form-check-label" for="customSwitch1"></label>
</span>
<span class="text-white ms-2">Yearly</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Content -->
<div class="mt-n8">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-12">
<!-- Card -->
<div class="card border-0 mb-3">
<!-- Card Body -->
<div class="p-5 text-center">
<img src="../assets/images/svg/price-icon-1.svg" alt="" class="mb-5">
<div class="mb-5">
<h2 class="fw-bold">Starter</h2>
<p class="mb-0 ">To start your learning to day you will get only <span
class="text-dark fw-medium">free
Course</span> access.
</p>
</div>
<div class="d-flex justify-content-center mb-4">
<span class="h3 mb-0 fw-bold">$</span>
<div class="price-card--price-number toggle-price-content odometer"
data-price-monthly="0" data-price-yearly="0">0</div>
<span class=" align-self-end mb-1 ms-2 toggle-price-content"
data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
</div>
<div class="d-grid">
<a href="#" class="btn btn-outline-primary">Get
Started for Free</a>
</div>
</div>
<hr class="m-0">
<div class="p-5">
<h4 class="fw-bold mb-4">All core features, including:</h4>
<!-- List -->
<ul class="list-unstyled mb-0">
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Only free courses </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span><span class="fw-bold text-dark">Free
</span>learning paths </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span><span class="fw-bold text-dark">5GB
</span>storage</span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Analytics </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Free mobile app</span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Access to support forums</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<!-- Card -->
<div class="card border-0 mb-3 mb-lg-0">
<!-- Card Body -->
<div class="p-5 text-center">
<img src="../assets/images/svg/price-icon-2.svg" alt="" class="mb-5">
<div class="mb-5">
<h2 class="fw-bold">Individual</h2>
<p class="mb-0 ">Access all <span class="text-dark fw-medium">premium
courses,
workshops, and mobile apps.</span> Renewed monthly.
</p>
</div>
<div class="d-flex justify-content-center mb-4">
<span class="h3 mb-0 fw-bold">$</span>
<div class="price-card--price-number toggle-price-content odometer"
data-price-monthly="39" data-price-yearly="99">99</div>
<span class=" align-self-end mb-1 ms-2 toggle-price-content"
data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
</div>
<div class="d-grid">
<a href="#" class="btn btn-primary ">Get Month
Access</a>
</div>
</div>
<hr class="m-0">
<div class="p-5">
<h4 class="fw-bold mb-4">Everything in Starter, plus:</h4>
<ul class="list-unstyled mb-0">
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Offline viewing </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span><span class="fw-bold text-dark">Offline
</span>projects </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span><span class="fw-bold text-dark">Unlimited
</span>storage</span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Custom domain support </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Bulk editing </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>12 / 5 support</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-12">
<!-- Card -->
<div class="card border-0 mb-3 mb-lg-0">
<!-- Card Body -->
<div class="p-5 text-center">
<img src="../assets/images/svg/price-icon-3.svg" alt="" class="mb-5">
<div class="mb-5">
<h2 class="fw-bold">Team</h2>
<p class="mb-0 ">Upto 10 member access everything. Save <span
class="text-primary fw-medium">$78
</span>per year! Renewed yearly.
</p>
</div>
<div class="d-flex justify-content-center mb-4">
<span class="h3 mb-0 fw-bold">$</span>
<div class="price-card--price-number toggle-price-content odometer"
data-price-monthly="99" data-price-yearly="199">199</div>
<span class=" align-self-end mb-1 ms-2 toggle-price-content"
data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
</div>
<div class="d-grid">
<a href="#" class="btn btn-outline-primary">Get
Team Monthly Access</a>
</div>
</div>
<hr class="m-0">
<div class="p-5">
<h4 class="fw-bold mb-4">Everything in Individual, plus:</h4>
<!-- List -->
<ul class="list-unstyled mb-0">
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Workshop </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span><span class="fw-bold text-dark">Dedicated
</span>hardware </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span><span class="fw-bold text-dark">99.9%
uptime </span>guarantee </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>Advanced analytics </span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>3rd party integrations</span>
</li>
<li class="mb-1">
<span class="text-success me-1"><i class="mdi mdi-check-circle-outline fs-4"></i></span>
<span>24 / 7 support</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>Pricing Table #2
Simple plans for everyone
Everything you need to design like a professional. Boost you and your team s creativity and supercharge your productivity with Ajoru UI Pro.
Pay
Monthly
Pay Yearly
Free
$
0
- 20+ high quality design
- Instant access to 2 icon library
- 24+ Free initial components
- 300+ beautiful design pages
- Admin dashboard pages
- Support 24/7 hours
Pro
$
49
/mo
- 120+ high quality designs
- Instant access to 2 icon library
- 24+ Free initial components
- 300+ beautiful design pages
- Admin dashboard pages
- Support 24/7 hours
<div class="row">
<div class="offset-xl-2 col-xl-8 offset-lg-1 col-lg-10 col-md-12 col-12">
<!-- pricing -->
<div class="mb-8 text-center">
<h2 class="display-4 mb-3 fw-bold">Simple plans for everyone</h2>
<p class="lead mb-4">Everything you need to design like a
professional. Boost you and your team s
creativity and supercharge your productivity with Ajoru UI Pro.</p>
<!-- Switch Toggle -->
<div id="pricing-switch-second" class="d-flex justify-content-center align-items-center">
<span class="fs-4 fw-semi-bold me-2">Pay
Monthly</span>
<span class="form-check form-switch form-switch-price">
<input type="checkbox" class="form-check-input" id="customSwitch1" checked />
<label class="form-check-label" for="customSwitch1"></label>
</span>
<span class="fs-4 fw-semi-bold ms-2"> Pay Yearly</span>
</div>
</div>
<div class="row">
<!-- col -->
<div class="col-lg-6 col-md-6 col-12">
<!-- Card -->
<div class="card shadow-none border mb-3">
<!-- Card body -->
<div class="p-5">
<div class="mb-5">
<h4 class="fw-bold text-uppercase ls-md mb-4">Free</h4>
<div class="d-flex mb-4">
<span class="h3 mb-0 fw-bold">$</span>
<div class="price-card--price-number
toggle-price-content-second odometer fs-1"
data-price-monthly="0"
data-price-yearly="0">
0
</div>
</div>
</div>
<!-- button -->
<a href="#" class="btn btn-outline-primary btn-block">Start
designing</a>
<div class="px-2 mt-6">
<!-- List -->
<ul class="list-unstyled mb-0
">
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>20+ high quality design </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>Instant access to 2 icon library </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>24+ Free initial components </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-x me-2"></i>
<span>300+ beautiful design pages </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-x me-2"></i>
<span>Admin dashboard pages </span>
</li>
<li class="d-flex align-items-center">
<i class="fe fe-x me-2"></i>
<span>Support 24/7 hours </span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<!-- Card -->
<div class="card shadow-none border mb-3">
<!-- Card body -->
<div class="p-5">
<div class="mb-5">
<h4 class="fw-bold text-uppercase ls-md mb-4">Pro</h4>
<div class="d-flex mb-4">
<span class="h3 mb-0 fw-bold">$</span>
<div class="price-card--price-number
toggle-price-content-second odometer fs-1"
data-price-monthly="39"
data-price-yearly="49">
49
</div>
<span class="align-self-end mb-1 ms-2
toggle-price-content-second" data-price-monthly="/mo"
data-price-yearly="/y">/mo</span>
</div>
</div>
<!-- button -->
<a href="#" class="btn btn-primary btn-block">Try free for
30 days</a>
<div class="px-2 mt-6">
<!-- List -->
<ul class="list-unstyled mb-0
">
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>120+ high quality designs </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>Instant access to 2 icon library </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>24+ Free initial components </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>300+ beautiful design pages </span>
</li>
<li class="mb-3 d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>Admin dashboard pages </span>
</li>
<li class="d-flex align-items-center">
<i class="fe fe-check text-success me-1"></i>
<span>Support 24/7 hours </span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>