Pricing Table <!-- --> table {background-color:#fff;border:0px!important; width: 100%; text-align: left; border-spacing: 0; border-collapse: collapse; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } th, td { font-family: inherit; font-size: .875em; line-height: 1.45; color: #444; vertical-align: middle; padding: .7em; } th { font-weight: 600; } colgroup:nth-child(1) { width: 28%; border: 0 none; } colgroup:nth-child(2) { width: 18%; border: 1px solid #ccc; } colgroup:nth-child(3) { width: 18%; border: 1px solid #ccc; } colgroup:nth-child(4) { width: 18%; border: 1px solid #ccc;} /* Tablehead */ thead th { background:#44AEE8;text-align: center; font-weight: 400;} thead th:nth-child(1) { background: transparent; } thead th h2{font-size: 24px!important; color: #fff!important; } /* Tablebody */ tbody th { font-size: 13px; } tbody th span { font-weight: normal; font-size: 87.5%; color: #999; display: block; } tbody td { background: rgba(255, 255, 255, 0.42); text-align: center; border-right: 1px solid #ccc; } .fa-check{color: #43e243;font-size: 20px!important;} .fa-times{color:#ff3838;font-size: 20px!important;} /* Tablefooter */ tfoot th:nth-child(1){border-bottom: 0px!important;} tfoot td { text-align: center; padding: 2em 1em; } tfoot a { font-weight: bold; color: #fff!important; text-decoration: none; text-transform: uppercase; display: block; padding: 1.125em 2em; background: #44AEE8; border-radius: .5em;font-size: 13px; } tfoot a:hover{text-decoration: none;color:#fff!important;}
 

Basic

Advanced

Custom

  Purchase Purchase Purchase
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum