| Server IP : 78.140.185.180 / Your IP : 216.73.216.170 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 : /proc/thread-self/root/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>