Pricing

There are two types of Price Table.

Starter
$ 29 /mo

Per User

Modern Responsive Layoits

Unlimited UI Components

Flexible, Simple License

Speedy AI Tooling

6 months free Support

Platinum
$ 49 /mo

Per User

Modern Responsive Layoits

Unlimited UI Components

Flexible, Simple License

Speedy AI Tooling

6 months free Support

Standard
$ 69 /mo

Per User

Modern Responsive Layoits

Unlimited UI Components

Flexible, Simple License

Speedy AI Tooling

6 months free Support

									
<div class="card rounded-4 border">
	<div class="card-body">
	
		<div class="text-center mb-4">
			<span class="badge badge-primary rounded-pill">Starter</span>
		</div>
		<div class="d-flex justify-content-center">
			<span class="fs-3 fw-medium mb-0 mt-2">$</span>
			<span class="price fw-medium display-2 mb-0">29</span>
			<span class="fs-4 align-self-end fw-normal text-muted">/mo</span>
		</div>
		<p class="text-center text-muted">Per User</p>
		
		<div class="d-flex flex-column gap-4 my-5 px-xl-4">
		
			<div class="d-flex align-items-center">
				<!-- Check -->
				<div class="gray-simple text-primary square--30 circle fs-5 me-2"><i class="bi bi-check"></i></div>
				<!-- Text -->
				<p class="fs-6 text-dark m-0">Modern Responsive Layoits</p>
			</div>
			
			<div class="d-flex align-items-center">
				<!-- Check -->
				<div class="gray-simple text-primary square--30 circle fs-5 me-2"><i class="bi bi-check"></i></div>
				<!-- Text -->
				<p class="fs-6 text-dark m-0">Unlimited UI Components</p>
			</div>
			
			<div class="d-flex align-items-center">
				<!-- Check -->
				<div class="gray-simple text-primary square--30 circle fs-5 me-2"><i class="bi bi-check"></i></div>
				<!-- Text -->
				<p class="fs-6 text-dark m-0">Flexible, Simple License</p>
			</div>
			
			<div class="d-flex align-items-center">
				<!-- Check -->
				<div class="gray-simple text-primary square--30 circle fs-5 me-2"><i class="bi bi-x"></i></div>
				<!-- Text -->
				<p class="fs-6 text-dark m-0">Speedy AI Tooling</p>
			</div>
			
			<div class="d-flex align-items-center">
				<!-- Check -->
				<div class="gray-simple text-primary square--30 circle fs-5 me-2"><i class="bi bi-x"></i></div>
				<!-- Text -->
				<p class="fs-6 text-dark m-0">6 months free Support</p>
			</div>
			
		</div>
		
		<div class="d-flex px-3">
			<button type="button" class="btn btn-light-primary fw-medium full-width rounded-pill">Get Stated</button>
		</div>
		
	</div>
</div>

Most Popular

Get Annual Package for Your Business & Entrepreneur

Websites in professional use templating systems. Commercial publishing platforms and content management.

Unlimited users
Modern plan features
Unlimited Apps
Multiple Layouts
Dedicated support
$179Per Year

Platinum

Get Annual Package for Student & Beginner

Websites in professional use templating systems. Commercial publishing platforms and content management.

Unlimited users
Modern plan features
Unlimited Apps
Multiple Layouts
Dedicated support
$89Per Year
									
<div class="row justify-content-center g-4">
	<div class="col-xl-6 col-lg-8 col-md-6 col-sm-12">
		<div class="card rounded-4 h-100">
			<div class="card-body">
				<div class="d-block mb-4">
					<p><span class="badge badge-danger rounded-pill">Most Popular</span></p>
					<h4 class="fw-semibold mb-1">Get Annual Package for Your Business & Entrepreneur</h4>
				</div>
				
				<div class="d-block mb-4">
					<p class="mb-0 fs-5 fw-light">Websites in professional use templating systems. Commercial publishing platforms and content management.</p>
				</div>
				
				<div class="d-block">
					<div class="d-flex align-items-center flex-wrap mb-4 gap-4">
						<div class="d-flex align-items-center justify-content-start gap-2">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Unlimited users</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Modern plan features</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Unlimited Apps</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Multiple Layouts</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Dedicated support</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="card-footer d-flex align-items-center justify-content-between">
				<div class="flex-shrink-0"><h5 class="d-flex align-items-center gap-3 fs-4 mb-0">$179<span class="text-md fw-medium text-muted-2 text-uppercase">Per Year</span></h5></div>
				<div class="flex-button"><button type="button" class="btn btn-md btn-primary fw-medium rounded-pill">Get Subscription</button></div>
			</div>
		</div>
	</div>
	
	<div class="col-xl-6 col-lg-8 col-md-6 col-sm-12">
		<div class="card rounded-4 h-100">
			<div class="card-body">
				<div class="d-block mb-4">
					<p><span class="badge badge-info rounded-pill">Platinum</span></p>
					<h4 class="fw-semibold mb-1">Get Annual Package for Student & Beginner</h4>
				</div>
				
				<div class="d-block mb-4">
					<p class="mb-0 fs-5 fw-light">Websites in professional use templating systems. Commercial publishing platforms and content management.</p>
				</div>
				
				<div class="d-block">
					<div class="d-flex align-items-center flex-wrap mb-4 gap-4">
						<div class="d-flex align-items-center justify-content-start gap-2">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Unlimited users</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Modern plan features</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Unlimited Apps</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Multiple Layouts</div>
							</div>
						</div>
						<div class="d-flex align-items-center justify-content-start gap-3">
							<div class="d-flex align-items-center gap-2">
								<div class="flex-shrink-0"><span class="square--30 circle bg-light-primary text-primary fs-6"><i class="bi bi-check"></i></span></div>
								<div class="text-lios">Dedicated support</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="card-footer d-flex align-items-center justify-content-between">
				<div class="flex-shrink-0"><h5 class="d-flex align-items-center gap-3 fs-4 mb-0">$89<span class="text-md fw-medium text-muted-2 text-uppercase">Per Year</span></h5></div>
				<div class="flex-button"><button type="button" class="btn btn-md btn-light-primary fw-medium rounded-pill">Start 14 Days Trial</button></div>
			</div>
		</div>
	</div>
</div>

Already working together?

log in to your account and connect with your teammates!.