"donate page 3"
Bootstrap 3.3.0 Snippet by kedarparab

<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 ----------> <p class="form-header2">Pay By:</p> <div style="width: 100%; height: 100%;" > <table style="width: inherit;"> <tr> <td> <div class="icons"> <img src="image.jpg" style="width:100px;height:100px;"> <p>Credit Card</p> </div> </td> <td> <div class="icons"> <img src="image.jpg" style="width:100px;height:100px;"> <p>Credit Card</p> </div> </td> <td> <div class="icons"> <img src="image.jpg" style="width:100px;height:100px;"> <p>Credit Card</p> </div> </td> </tr> </table> <table style="width: inherit;"> <tr> <td> <div class="icons"> <img src="image.jpg" style="width:100px;height:100px;"> <p>Credit Card</p> </div> </td> <td> <div class="icons"> <img src="image.jpg" style="width:100px;height:100px;"> <p>Credit Card</p> </div> </td> <td> <div class="icons"> <img src="image.jpg" style="width:100px;height:100px;"> <p>Credit Card</p> </div> </td> </tr> </table> </div>
/* Global */ * { box-sizing: border-box; } body, html { height: 100%; min-height: 100%; } body { font-family: 'Roboto', sans-serif; margin: 0; background-color: #ffffff; color:blue; } .form-header { height: 60px; padding: 30px 30px 0; background-color:#dddddd; } .form-header2 { height: 40px; background-color:#ffffff; } .form-body { height: 100%; padding: 30px 30px 20px; width:100%; } /* Title */ .title { font-size: 18px; margin: 0; color:blue; } /* Text */ .text { font-size: 12px; margin: 0; color: #5e6977; padding-bottom:10px; } .col-3 { width: 20%; height:20px; } .col-4 { width: 10%; height:20px; } /* Card Number */ .card-number { margin-bottom: 10px; padding-right: 1%; border: 1px solid #000000; border-radius: 2px; height:40px; padding-left:5px; } .button { width:100% !important; height:100px; border:none; background-color:#dddddd; font-size:x-large; } /* donate page 3 */ .icons { border:none; text-align:center; }

Related: See More


Questions / Comments: