"Pricing Table"
Bootstrap 3.3.0 Snippet by KatieLee

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="span3"> <div class="well"> <h2 class="text-warning">線上信用卡購點</h2> <p><span class="label label-success">POPULAR</span></p> <p>本站採用國際認證標準 SSL 128bit 安全加密機制,所有信用卡資料將加密傳輸到收款銀行,提供您安全無虞的儲點環境,給您最完善的保障。一經使用信用卡消費儲點,刷卡金額則為消費點數,並直接轉入會員帳號,屬於立即消費點數,則刷卡後不得再退刷。</p> <div class="row"> <div class="col-md-6"> <p align=right>幣值:新台幣</p> <table class="table table-list-search"> <tr> <th>購點金額</th> <td>300</td> <td>500</td> <td>1000</td> <td>2000</td> <td>3000</td> <td>5000</td> </tr> <tr> <th>可用儲點</th> <td>310</td> <td>550</td> <td>1150</td> <td>2320</td> <td>3550</td> <td>6000</td> </tr> </table> </div> </div> <hr> <p><a class="btn btn-success btn-large" href="#"><i class="icon-ok"></i> 立即購</a></p> </div> </div> <div class="span3"> <div class="well"> <h2 class="text-info">線上Web ATM購點</h2> <p><span class="label label-info">BUDGET</span></p> <p>消費者使用此項服務付款時,需自行擁有晶片讀卡機及晶片金融片,否則無法使用,本項服務經由紅揚科技平台故轉帳後點數直接轉入會員帳號。</p> <div class="row"> <div class="col-md-6"> <p align=right>幣值:新台幣</p> <table class="table table-list-search"> <tr> <th>購點金額</th> <td>300</td> <td>500</td> <td>1000</td> <td>2000</td> <td>3000</td> <td>5000</td> <td>10000</td> </tr> <tr> <th>可用儲點</th> <td>320</td> <td>575</td> <td>1170</td> <td>2420</td> <td>3700</td> <td>6250</td> <td>12800</td> </tr> </table> </div> </div> <hr> <p><a class="btn btn-success btn-large" href="#"><i class="icon-ok"></i> 立即購</a></p> </div> </div> </div> </div>

Related: See More


Questions / Comments: