pricing table style : demo 160

Standard

$10
  • 50GB Disk Space
  • 50 Email Accounts
  • Maintenance
  • 15 Subdomains

Business

$20
  • 50GB Disk Space
  • 50 Email Accounts
  • Maintenance
  • 15 Subdomains

Premium

$30
  • 50GB Disk Space
  • 50 Email Accounts
  • Maintenance
  • 15 Subdomains

HTML

(Icons : Fontawesome & CSS Framwork: Bootstrap)
                        

Standard

$10
  • 50GB Disk Space
  • 50 Email Accounts
  • Maintenance
  • 15 Subdomains

Business

$20
  • 50GB Disk Space
  • 50 Email Accounts
  • Maintenance
  • 15 Subdomains

CSS

(Fonts required: Sora.)
                        .pricingTable{
                            background: #fff;
                            font-family: 'Sora', sans-serif;
                            text-align: center;
                            padding: 0 0 15px;
                            margin-top: 25px;
                            box-shadow: 10px 20px 10px rgba(0,0,0,0.1),-10px 0 10px rgba(0,0,0,0.1);
                        }
                        .pricingTable .pricingTable-header{
                            color: #fff;
                            background-color: #12BDC4;
                            padding: 45px 15px 45px 20px;
                            margin: -25px 0 25px;
                            border-radius: 0 20px 0 0;
                            box-shadow: 4px -4px 0 0 rgba(255,255,255,0.5) inset,-5px 5px 10px rgba(0,0,0,0.2);
                            display: inline-block;
                            position: relative;
                        }
                        .pricingTable .pricingTable-header:before{
                            content: '';
                            background: linear-gradient(to right bottom,transparent 45%, #05878c 50%);
                            height: 25px;
                            width: 15px;
                            position: absolute;
                            left: -15px;
                            top: 0;
                        }
                        .pricingTable .title{
                            font-size: 25px;
                            font-weight: 700;
                            text-transform: uppercase;
                            margin: 0 0 25px;
                        }
                        .pricingTable .price-value{
                            font-size: 80px;
                            font-weight: 700;
                            line-height: 80px;
                        }
                        .pricingTable .pricing-content{
                            background-color: #12BDC4;
                            padding: 20px 0 0;
                            margin: 0 0 15px;
                            list-style: none;
                        }
                        .pricingTable .pricing-content li{
                            color: #fff;
                            font-size: 15px;
                            font-weight: 500;
                            line-height: 22px;
                            padding: 12px;
                        }
                        .pricingTable .pricing-content li:nth-child(even){ background-color: rgba(0,0,0,0.2); }
                        .pricingTable .pricingTable-signup a{
                            color: #12BDC4;
                            font-size: 28px;
                            font-weight: 600;
                            text-transform: uppercase;
                            transition: all 0.3s ease 0s;
                        }
                        .pricingTable .pricingTable-signup a:hover{ text-shadow: 3px 3px 0 rgba(0,0,0,0.3); }
                        .pricingTable.green .pricingTable-header,
                        .pricingTable.green .pricing-content{
                            background-color: #76C712;
                        }
                        .pricingTable.green .pricingTable-header:before{
                            background: linear-gradient(to right bottom,transparent 45%, #57910b 50%);
                        }
                        .pricingTable.green .pricingTable-signup a{ color: #76C712; }
                        @media only screen and (max-width: 990px){
                            .pricingTable{ margin-bottom: 50px; }
                        }
                    
License Terms