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 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-2"><i class="far fa-check-circle"></i></span>
        <span>Only free courses </span>
      </li>
  <li class="mb-1">
    <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
    <span><span class="fw-bold text-dark">Free
      </span>learning paths </span>
  </li>
  <li class="mb-1">
    <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
    <span><span class="fw-bold text-dark">5GB
      </span>storage</span>
  </li>
  <li class="mb-1">
    <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
    <span>Analytics </span>
  </li>
  <li class="mb-1">
    <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
    <span>Free mobile app</span>
  </li>
  <li class="mb-1">
    <span class="text-success me-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/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-2"><i class="far fa-check-circle"></i></span>
            <span>Offline viewing </span>
          </li>
          <li class="mb-1">
            <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
            <span><span class="fw-bold text-dark">Offline
              </span>projects </span>
          </li>
          <li class="mb-1">
            <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
            <span><span class="fw-bold text-dark">Unlimited
              </span>storage</span>
          </li>
          <li class="mb-1">
            <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
            <span>Custom domain support </span>
          </li>
          <li class="mb-1">

            <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
            <span>Bulk editing </span>
          </li>
          <li class="mb-1">
            <span class="text-success me-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/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-2"><i class="far fa-check-circle"></i></span>
       <span>Workshop </span>

     </li>
     <li class="mb-1">
       <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
       <span><span class="fw-bold text-dark">Dedicated
         </span>hardware </span>
     </li>
     <li class="mb-1">
       <span class="text-success me-2"><i class="far fa-check-circle"></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-2"><i class="far fa-check-circle"></i></span>
    <span>Advanced analytics </span>
  </li>
  <li class="mb-1">
    <span class="text-success me-2"><i class="far fa-check-circle"></i></span>
    <span>3rd party integrations</span>
  </li>
  <li class="mb-1">
    <span class="text-success me-2"><i class="far fa-check-circle"></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 Geeks UI Pro.

Pay Monthly Pay Yearly

Free

$
0
Start designing
  • 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
Try free for 30 days
  • 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 Geeks 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-2"></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-2"></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-2"></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-2"></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-2"></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-2"></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-2"></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-2"></i>
                 <span>Admin dashboard pages </span>
               </li>
               <li class="d-flex align-items-center">
                 <i class="fe fe-check  text-success me-2"></i>
                 <span>Support 24/7 hours </span>
               </li>
             </ul>
           </div>
         </div>
       </div>
     </div>
     </div>
   </div>
 </div>