"Feature Table"
Bootstrap 4.0.0 Snippet by tieusuquay79

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <table class="plan table table-hover table-bordered table-striped text-center table-fixed"> <thead> <tr> <th colspan="6"> <h2>Các tính năng</h2> </th> <th colspan="3"> <h5>VIP BẠC</h5> </th> <th colspan="3"> <h5>VIP VÀNG</h5> </th> </tr> </thead> <tbody> <tr> <td colspan="6">ĐĂNG TIN SỰ KIỆN</td> <td colspan="3">Miễn phí</td> <td colspan="3">Miễn phí</td> </tr> <tr> <td colspan="6">Bán vé trực tuyến</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Quản lý thông tin các giao dịch và khách hàng</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Tùy chỉnh Form mua vé</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Gửi Email Marketing đến người mua vé</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Quản lý Check-in</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Hỗ trợ kỹ thuật</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Phí dịch vụ bán vé</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Hỗ trợ thanh toán Online khi bán vé</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Tặng gói truyền thông sự kiện tại Fanpage</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Quản lý Check-in khi tham dự sự kiện</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Tạo mã giảm giá cho các chương trình khuyến mãi</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> <tr> <td colspan="6">Quy mô sự kiện</td> <td colspan="3">✔</td> <td colspan="3">✔</td> </tr> </tbody> </table> <h6>Try MeetingResult Premium for 30 days free, no credit card required <a class="btn btn-primary btn-block btn-large" href="http://kmdig.dev/mr/app/free-trial/">FREE 30 Day Trial</a></h6> </div> </div>
//pricing new (featues table) table.plan td{ text-align: center; } table.plan tbody tr td:first-child { text-align: left; } .table > thead > tr > th, .table > thead > tr > td { border-bottom: 0; letter-spacing: 1px; vertical-align: top; padding: 8px; background: #c33; text-transform: none; color: #ffffff; } table.plan thead tr th:first-child { text-align: left; }

Related: See More


Questions / Comments: