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 |
|
|
|