pricing table style : demo 162

$ 10 per month

Standard

  • 50GB Disk Space
  • 50 Email Accounts
  • 50Gb Bandwidth
  • Maintenance
  • 15 Subdomains
$ 20 per month

Business

  • 50GB Disk Space
  • 50 Email Accounts
  • 50Gb Bandwidth
  • Maintenance
  • 15 Subdomains
$ 30 per month

Premium

  • 50GB Disk Space
  • 50 Email Accounts
  • 50Gb Bandwidth
  • Maintenance
  • 15 Subdomains

HTML

(Icons : Fontawesome & CSS Framwork: Bootstrap)
                        
$ 10 per month

Standard

  • 50GB Disk Space
  • 50 Email Accounts
  • 50Gb Bandwidth
  • Maintenance
  • 15 Subdomains
$ 20 per month

Business

  • 50GB Disk Space
  • 50 Email Accounts
  • 50Gb Bandwidth
  • Maintenance
  • 15 Subdomains

CSS

(Fonts required: Nunito Sans.)
                        .pricingTable{
                            background: #fff;
                            font-family: 'Nunito Sans', sans-serif;
                            text-align: center;
                            padding: 35px 0px;
                            margin: 0 20px;
                            border-radius: 180px;
                            border: 7px solid #9CA1A7;
                        }
                        .pricingTable .pricingTable-header{
                            margin: 0 0 25px;
                            border-bottom: 7px solid #9CA1A7;
                        }
                        .pricingTable .price-value{
                            color: #fff;
                            background: linear-gradient(to right,#E45E15,#F08D15);
                            width: 200px;
                            height: 200px;
                            padding: 50px 0;
                            border-radius: 50%;
                            border: 10px solid #9CA1A7;
                            box-shadow: 0 0 0 10px rgba(0,0,0,0.18) inset;
                            margin: 0 auto 13px;
                        }
                        .pricingTable .price-value .currency{
                            font-size: 45px;
                            line-height: 62px;
                            font-weight: 800;
                            vertical-align: top;
                            display: inline-block;
                        }
                        .pricingTable .price-value .amount{
                            font-size: 70px;
                            line-height: 60px;
                            font-weight: 800;
                            display: inline-block;
                        }
                        .pricingTable .price-value .duration{
                            font-size: 17px;
                            font-weight: 700;
                            text-transform: capitalize;
                            display: block;
                        }
                        .pricingTable .title{
                            color: #fff;
                            background: linear-gradient(to right,#E45E15,#F08D15);
                            font-size: 35px;
                            font-weight: 700;
                            letter-spacing: 1px;
                            text-transform: uppercase;
                            padding: 18px 10px 13px;
                            margin: 0 -20px;
                            border-radius: 10px;
                        }
                        .pricingTable .pricing-content{
                            text-align: left;
                            padding: 0 15px;
                            margin: 0 0 25px;
                            list-style: none;
                            display: inline-block;
                        }
                        .pricingTable .pricing-content li{
                            color: #333;
                            font-size: 16px;
                            font-weight: 700;
                            text-transform: uppercase;
                            padding: 0 0 0 20px;
                            margin: 0 0 13px;
                            position: relative;
                        }
                        .pricingTable .pricing-content li:last-child{ margin-bottom: 0; }
                        .pricingTable .pricing-content li:before{
                            content: "";
                            background: linear-gradient(to right,#E45E15,#F08D15);
                            width: 8px;
                            height: 8px;
                            border-radius: 50%;
                            position: absolute;
                            top: 6px;
                            left: 0;
                        }
                        .pricingTable .pricing-content li.disable:before{ background: #777; }
                        .pricingTable .pricingTable-signup a{
                            color: #fff;
                            background: linear-gradient(to right,#E45E15,#F08D15);
                            font-size: 25px;
                            font-weight: 700;
                            text-transform: uppercase;
                            width: 140px;
                            padding: 7px 10px 4px;
                            margin: 0 auto;
                            border-radius: 25px;
                            display: block;
                            transition: all 0.3s ease 0s;
                        }
                        .pricingTable .pricingTable-signup a:hover{
                            text-shadow: 0 7px rgba(0,0,0,0.5);
                            box-shadow: 0 5px 0 rgba(0,0,0,0.2);
                        }
                        .pricingTable.pink .price-value,
                        .pricingTable.pink .title,
                        .pricingTable.pink .pricing-content li:before,
                        .pricingTable.pink .pricingTable-signup a{
                            background: linear-gradient(to right,#DB2651,#CB3272);
                        }
                        .pricingTable.pink .pricing-content li.disable:before{ background: #777; }
                        @media only screen and (max-width: 990px){
                            .pricingTable{ margin-bottom: 40px; }
                        }
                    
License Terms