Developed by Codescandy

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
Get Started for Free

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
Get Month Access

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
Get Team Monthly Access

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 font-weight-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">
                                                                           <span class="text-white mr-1">Monthly</span>
                                                                           <span class="custom-control custom-switch  custom-switch-info">
                                                                           <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
                                                                           <label class="custom-control-label" for="customSwitch1"></label>
                                                                           </span>
                                                                           <span class="text-white">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/price-icon-1.svg" alt="" class="mb-5">
                                                                           <div class="mb-5">
                                                                              <h2 class="font-weight-bold">Starter</h2>
                                                                              <p class="mb-0 ">To start your learning to day you will get only <span
                                                                                 class="text-dark font-weight-medium">free Course</span> access.
                                                                              </p>
                                                                           </div>
                                                                           <div class="d-flex justify-content-center mb-4">
                                                                              <span class="h3 mb-0 font-weight-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 ml-2 toggle-price-content"
                                                                                 data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
                                                                           </div>
                                                                           <a href="#" class="btn btn-outline-primary btn-block ">Get Started for Free</a>
                                                                        </div>
                                                                        <hr class="m-0">
                                                                        <div class="p-5">
                                                                           <h4 class="font-weight-bold mb-4">All core features, including:</h4>
                                                                           <!-- List -->
                                                                           <ul class="list-unstyled mb-0">
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Only free courses </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span><span class="font-weight-bold text-dark">Free </span>learning paths </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span><span class="font-weight-bold text-dark">5GB </span>storage</span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Analytics </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Free mobile app</span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></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/price-icon-2.svg" alt="" class="mb-5">
                                                                           <div class="mb-5">
                                                                              <h2 class="font-weight-bold">Individual</h2>
                                                                              <p class="mb-0 ">Access all <span class="text-dark font-weight-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 font-weight-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 ml-2 toggle-price-content"
                                                                                 data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
                                                                           </div>
                                                                           <a href="#" class="btn btn-primary btn-block ">Get Month Access</a>
                                                                        </div>
                                                                        <hr class="m-0">
                                                                        <div class="p-5">
                                                                           <h4 class="font-weight-bold mb-4">Everything in Starter, plus:</h4>
                                                                           <ul class="list-unstyled mb-0">
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Offline viewing </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span><span class="font-weight-bold text-dark">Offline </span>projects </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span><span class="font-weight-bold text-dark">Unlimited </span>storage</span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Custom domain support </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Bulk editing </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></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/price-icon-3.svg" alt="" class="mb-5">
                                                                           <div class="mb-5">
                                                                              <h2 class="font-weight-bold">Team</h2>
                                                                              <p class="mb-0 ">Upto 10 member access everything. Save <span
                                                                                 class="text-primary font-weight-medium">$78 </span>per year! Renewed yearly.
                                                                              </p>
                                                                           </div>
                                                                           <div class="d-flex justify-content-center mb-4">
                                                                              <span class="h3 mb-0 font-weight-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 ml-2 toggle-price-content"
                                                                                 data-price-monthly="/Monthly" data-price-yearly="/Yearly">/Yearly</span>
                                                                           </div>
                                                                           <a href="#" class="btn btn-outline-primary btn-block ">Get Team Monthly Access</a>
                                                                        </div>
                                                                        <hr class="m-0">
                                                                        <div class="p-5">
                                                                           <h4 class="font-weight-bold mb-4">Everything in Individual, plus:</h4>
                                                                           <!-- List -->
                                                                           <ul class="list-unstyled mb-0">
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Workshop </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span><span class="font-weight-bold text-dark">Dedicated </span>hardware </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span><span class="font-weight-bold text-dark">99.9% uptime </span>guarantee </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>Advanced analytics </span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>3rd party integrations</span>
                                                                              </li>
                                                                              <li class="mb-1">
                                                                                 <span class="text-success mr-2"><i class="far fa-check-circle"></i></span>
                                                                                 <span>24 / 7 support</span>
                                                                              </li>
                                                                           </ul>
                                                                        </div>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                         </div>