Gearing up something amazing for you…
Still waiting? Magic takes a moment! ✨
<div class="rbt-pricing-area rbt-bg-color-white rbt-section-gap">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title d-flex justify-content-between align-items-center p-0 mb--40 border-0">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Standard Pricing</span></h4>
<div class="pricing-billing-duration text-start text-md-end">
<ul>
<li class="nav-item"><button class="nav-link yearly-plan-btn" type="button">Yearly Plan</button></li>
<li class="nav-item"><button class="nav-link monthly-plan-btn active" type="button">Monthly Plan</button></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row g-5">
<!-- Start Single Pricing -->
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<div class="pricing-table rbt-scroll-trigger fade_in animation-order-1">
<div class="pricing-header">
<h3 class="title">Basic Plan</h3>
<span class="rbt-static-badge mb--32">Free for a Month</span>
<div class="price-wrap">
<div class="yearly-pricing" style="display: none;">
<span class="amount">$30.99</span>
<span class="duration">/yearly</span>
</div>
<div class="monthly-pricing" style="display: block;">
<span class="amount">$8.00</span>
<span class="duration">/monthly</span>
</div>
</div>
</div>
<div class="pricing-body">
<ul class="list-item">
<li><i class="fa-regular fa-check"></i> Unlimited Access Courses</li>
...
</ul>
</div>
<div class="pricing-btn">
<a href="#" class="rbt-btn exclusive-btn icon-reverse-left text-center w-100" target="_blank">
<span class="icon-left"><i class="fa-sharp fa-regular fa-arrow-right mr--4"></i></span>
<span>Join Course Plan</span>
<span class="icon-right"><i class="fa-regular fa-arrow-right ml--4"></i></span>
</a>
</div>
</div>
</div>
<!-- End Single Pricing -->
<!-- Start Single Pricing -->
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<div class="pricing-table rbt-scroll-trigger fade_in animation-order-2 active">
<div class="pricing-header">
<h3 class="title">Standard Plan</h3>
<span class="rbt-static-badge mb--32">Most Popular</span>
<div class="price-wrap">
<div class="yearly-pricing" style="display: none;">
<span class="amount">$100.99</span>
<span class="duration">/yearly</span>
</div>
<div class="monthly-pricing" style="display: block;">
<span class="amount">$20.00</span>
<span class="duration">/monthly</span>
</div>
</div>
</div>
<div class="pricing-body">
<ul class="list-item">
<li><i class="fa-regular fa-check"></i> Unlimited Access Courses</li>
...
</ul>
</div>
<div class="pricing-btn">
<a href="#" class="rbt-btn exclusive-btn icon-reverse-left text-center w-100" target="_blank">
<span class="icon-left"><i class="fa-sharp fa-regular fa-arrow-right mr--4"></i></span>
<span>Join Course Plan</span>
<span class="icon-right"><i class="fa-regular fa-arrow-right ml--4"></i></span>
</a>
</div>
</div>
</div>
<!-- End Single Pricing -->
<!-- Start Single Pricing -->
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<div class="pricing-table rbt-scroll-trigger fade_in animation-order-3">
<div class="pricing-header">
<h3 class="title">Exclusive Plan</h3>
<span class="rbt-static-badge mb--32">Free for a Month</span>
<div class="price-wrap">
<div class="yearly-pricing" style="display: none;">
<span class="amount">$99.99</span>
<span class="duration">/yearly</span>
</div>
<div class="monthly-pricing" style="display: block;">
<span class="amount">$39.00</span>
<span class="duration">/monthly</span>
</div>
</div>
</div>
<div class="pricing-body">
<ul class="list-item">
<li><i class="fa-regular fa-check"></i> Unlimited Access Courses</li>
...
</ul>
</div>
<div class="pricing-btn">
<a href="#" class="rbt-btn exclusive-btn icon-reverse-left text-center w-100" target="_blank">
<span class="icon-left"><i class="fa-sharp fa-regular fa-arrow-right mr--4"></i></span>
<span>Join Course Plan</span>
<span class="icon-right"><i class="fa-regular fa-arrow-right ml--4"></i></span>
</a>
</div>
</div>
</div>
<!-- End Single Pricing -->
</div>
</div>
</div>
<div class="rbt-pricing-area rbt-bg-color-gray-light rbt-section-gap">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title d-flex justify-content-between align-items-center p-0 mb--40 border-0">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Standard Pricing</span></h4>
<div class="pricing-billing-duration text-start text-md-end">
<ul>
<li class="nav-item"><button class="nav-link yearly-plan-btn" type="button">Yearly Plan</button></li>
<li class="nav-item"><button class="nav-link monthly-plan-btn active" type="button">Monthly Plan</button></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row g-5">
<!-- Start Single Pricing -->
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<div class="pricing-table style-2">
<div class="pricing-header">
<h3 class="title">Basic Plan</h3>
<span class="rbt-static-badge mb--32">Free for a Month</span>
<div class="price-wrap">
<div class="yearly-pricing" style="display: none;">
<span class="amount">$30.99</span>
<span class="duration">/yearly</span>
</div>
<div class="monthly-pricing" style="display: block;">
<span class="amount">$10.00</span>
<span class="duration">/monthly</span>
</div>
</div>
</div>
<div class="pricing-btn">
<a href="#" class="rbt-btn exclusive-btn icon-reverse-left text-center w-100" target="_blank">
<span class="icon-left"><i class="fa-sharp fa-regular fa-arrow-right mr--4"></i></span>
<span>Join Course Plan</span>
<span class="icon-right"><i class="fa-regular fa-arrow-right ml--4"></i></span>
</a>
</div>
<div class="pricing-body">
<ul class="list-item">
<li><i class="fa-regular fa-check"></i> Certificate After Completion</li>
<li class="off"><i class="fa-solid fa-xmark"></i> 24/7 Dedicated Support</li>
...
</ul>
</div>
</div>
</div>
<!-- End Single Pricing -->
<!-- Start Single Pricing -->
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<div class="pricing-table style-2 active">
<div class="pricing-header">
<div class="pricing-badge"><span>Popular</span></div>
<h3 class="title">Standard Plan</h3>
<span class="rbt-static-badge mb--32">Most Popular</span>
<div class="price-wrap">
<div class="yearly-pricing" style="display: none;">
<span class="amount">$100.99</span>
<span class="duration">/yearly</span>
</div>
<div class="monthly-pricing" style="display: block;">
<span class="amount">$20.00</span>
<span class="duration">/monthly</span>
</div>
</div>
</div>
<div class="pricing-btn">
<a href="#" class="rbt-btn exclusive-btn icon-reverse-left text-center w-100" target="_blank">
<span class="icon-left"><i class="fa-sharp fa-regular fa-arrow-right mr--4"></i></span>
<span>Join Course Plan</span>
<span class="icon-right"><i class="fa-regular fa-arrow-right ml--4"></i></span>
</a>
</div>
<div class="pricing-body">
<ul class="list-item">
<li><i class="fa-regular fa-check"></i> Unlimited Access Courses</li>
...
</ul>
</div>
</div>
</div>
<!-- End Single Pricing -->
<!-- Start Single Pricing -->
<div class="col-xl-4 col-lg-6 col-md-6 col-12">
<div class="pricing-table style-2">
<div class="pricing-header">
<h3 class="title">Exclusive Plan</h3>
<span class="rbt-static-badge mb--32">Free for a Month</span>
<div class="price-wrap">
<div class="yearly-pricing" style="display: none;">
<span class="amount">$99.99</span>
<span class="duration">/yearly</span>
</div>
<div class="monthly-pricing" style="display: block;">
<span class="amount">$39.00</span>
<span class="duration">/monthly</span>
</div>
</div>
</div>
<div class="pricing-btn">
<a href="#" class="rbt-btn exclusive-btn icon-reverse-left text-center w-100" target="_blank">
<span class="icon-left"><i class="fa-sharp fa-regular fa-arrow-right mr--4"></i></span>
<span>Join Course Plan</span>
<span class="icon-right"><i class="fa-regular fa-arrow-right ml--4"></i></span>
</a>
</div>
<div class="pricing-body">
<ul class="list-item">
<li><i class="fa-regular fa-check"></i> Certificate After Completion</li>
<li class="off"><i class="fa-solid fa-xmark"></i> 24/7 Dedicated Support</li>
...
</ul>
</div>
</div>
</div>
<!-- End Single Pricing -->
</div>
</div>
</div>
<div class="rbt-pricing-area rbt-bg-color-gray-light rbt-section-gap">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="rbt-component-section-title d-flex justify-content-between align-items-center p-0 mb--40 border-0">
<h4 class="rbt-title rbt-scroll-trigger fade_in animation-order-1"><span class="rbt-bold--text">Standard Pricing</span></h4>
</div>
</div>
</div>
<div class="col-lg-8 offset-lg-2">
<div class="advance-pricing">
<div class="inner">
<div class="row row--0">
<div class="col-lg-6 col-md-6 col-12">
<div class="pricing-left">
<h3 class="main-title">Active Plan Mode.</h3>
<p class="description">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Nemo, quisquam.</p>
<div class="price-wrapper">
<span class="price-amount">$129<sup>/mo</sup></span>
</div>
<div class="pricing-btn-group">
<button class="rbt-btn w-100">Purchase Now</button>
<button class="rbt-btn rbt-btn-border w-100">Upgrade</button>
</div>
<div class="rating">
<a href="#rating">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
<path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
</svg>
</a>
...
</div>
<small class="subtitle">rated 4.5/5 Stars in 1000+ reviews.</small>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="pricing-right position-relative">
<div class="pricing-offer">
<div class="single-list">
<h4 class="price-title">Advance Plans You can Get.</h4>
<ul class="plan-offer-list">
<li><i class="fa-regular fa-check"></i> 5 PPC Campaigns</li>
...
</ul>
</div>
<div class="single-list mt--40">
<h4 class="price-title">Basic Plans You can Get.</h4>
<ul class="plan-offer-list">
<li><i class="fa-regular fa-check"></i> App Development</li>
<li class="off"><i class="fa-solid fa-xmark"></i> 24/7 Dedicated Support</li>
...
</ul>
</div>
</div>
<div class="pricing-badge"><span>Popular</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>