����JFIF��x�x����'
| Server IP : 78.140.185.180  /  Your IP : 216.73.216.51 Web Server : LiteSpeed System : Linux cpanel13.v.fozzy.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : builderbox ( 1072) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/builderbox/./././././www/public/builder/elements/ | 
| Upload File : | 
<style type="text/css" media="screen">
	.pricing-table .panel-heading {
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
	}
	.pricing-table .panel-body {
		background-color: #3F3F3F;
		color: #fff;
		text-align: center;
	}
	.pricing-table .panel-body .price {
		font-size: 40px;
		display: inline-block;
	}	
	.pricing-table .price > .dollar-sign {
		vertical-align: super;
		font-size: 16px;
	}
	.pricing-table .time-period {
		color: #9f9f9f;
		font-size: 15px;
		font-weight: lighter;
	}
	.pricing-table .list-group {
			padding: 0 15px;
	}
	.pricing-table .list-group > .list-group-item {
		border-style: dotted;
		text-align: center;
		color: #808080;
	}
				
	.pricing-table .list-group-item > .fa {
		font-size: 13px;
		margin-right: 5px;
	}
	.pricing-table .btn {
		display: block;
		text-transform: uppercase;
		margin: 30px auto 20px;
		padding: 13px 35px 13px 35px;
		border-radius: 4px;
	}
</style>
<div class="row pricing-table">
	<div class="col-sm-4">
		<div class="panel panel-success">
	    	<div class="panel-heading">Basic</div>
	      	<div class="panel-body">
	        	<h2><div class="price"><span class="dollar-sign">$</span>5</div><span class="time-period">/ MO</span></h2>
	      	</div>
		    <ul class="list-group">
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> 10GB Storage</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i>All Themes</li>
		        <li class="list-group-item"><i class="fa fa-times text-danger"></i> Access to Tutorials</li>
		        <li class="list-group-item"><i class="fa fa-times text-danger"></i> Auto Backup</li>
		        <li class="list-group-item"><i class="fa fa-times text-danger"></i> Extended Security</li>
		    </ul>
		    <button class="btn btn-success">sign up</button>
	    </div>
	</div>
	<div class="col-sm-4">
		<div class="panel panel-danger">
	    	<div class="panel-heading">Intermediate</div>
	      	<div class="panel-body">
	        	<h2><div class="price"><span class="dollar-sign">$</span>15</div><span class="time-period">/ MO</span></h2>
	      	</div>
		    <ul class="list-group">
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> 50GB Storage</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i>All Themes</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> Access to Tutorials</li>
		        <li class="list-group-item"><i class="fa fa-times text-success"></i> Auto Backup</li>
		        <li class="list-group-item"><i class="fa fa-times text-success"></i> Extended Security</li>
		    </ul>
		    <button class="btn btn-danger">sign up</button>
	    </div>
	</div>
	<div class="col-sm-4">
		<div class="panel panel-info">
	    	<div class="panel-heading">Advanced</div>
	      	<div class="panel-body">
	        	<h2><div class="price"><span class="dollar-sign">$</span>99</div><span class="time-period">/ MO</span></h2>
	      	</div>
		    <ul class="list-group">
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> 100GB Storage</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i>All Themes</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> Access to Tutorials</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> Auto Backup</li>
		        <li class="list-group-item"><i class="fa fa-check text-success"></i> Extended Security</li>
		    </ul>
		    <button class="btn btn-info">sign up</button>
	    </div>
	</div>
</div>
<script>
	({
		name: 'pricing table',
	 	nodes: '*',
	 	frameworks: ['bootstrap'],
	 	class: 'pricing-table',
	 	types: ['flow'],
	 	validChildren: ['flow'],
	 	category: 'components',
	 	icon: 'monetization-on',
	 	hiddenClasses: ['pricing-table']
	})
</script>