Bootstrap Pricing Table from Bootsnipp


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <div class="row-fluid">
  2. <div class="container-fluid">
  3. <div class="row-fluid">
  4. <div class="row">
  5. <div class="span12">
  6.  
  7. <table class="table table-condensed table-hover">
  8. <tr>
  9. <th> </th>
  10. <th>Fluid 512</th>
  11. <th>Fluid 1024</th>
  12. <th>Fluid 2048</th>
  13. <th>Fluid 4096</th>
  14. </tr>
  15. </thead>
  16. <tr>
  17. <td>Ram</td>
  18. <td>512MB</td>
  19. <td>1024MB</td>
  20. <td>2048MB</td>
  21. <td>4096MB</td>
  22. </tr>
  23. <tr>
  24. <td>Disk Space</td>
  25. <td>25GB</td>
  26. <td>50GB</td>
  27. <td>100GB</td>
  28. <td>200GB</td>
  29. </tr>
  30. <tr>
  31. <td>CPU Cores</td>
  32. <td>1</td>
  33. <td>2</td>
  34. <td>4</td>
  35. <td>6</td>
  36. </tr>
  37. <tr>
  38. <td>Swap</td>
  39. <td>512MB</td>
  40. <td>1024MB</td>
  41. <td>1024MB</td>
  42. <td>2048MB</td>
  43. </tr>
  44. <tr>
  45. <td>Bandwidth</td>
  46. <td>200GB</td>
  47. <td>400GB</td>
  48. <td>800GB</td>
  49. <td>1600GB</td>
  50. </tr>
  51. <tr>
  52. <td> </td>
  53. <td> </td>
  54. <td> </td>
  55. <td> </td>
  56. <td> </td>
  57. </tr>
  58. <tr>
  59. <td>Monthly</td>
  60. <td>$16.95/month</td>
  61. <td>$32.95/month</td>
  62. <td>$64.95/month</td>
  63. <td>$128.95/month</td>
  64. </tr>
  65. <tr>
  66. <td>Quarterly</td>
  67. <td>$16.44/month</td>
  68. <td>$31.96/month</td>
  69. <td>$63.00/month</td>
  70. <td>$125.08/month</td>
  71. </tr>
  72. <tr>
  73. <td>Yearly</td>
  74. <td>$15.26/month</td>
  75. <td>$29.66/month</td>
  76. <td>$58.46/month</td>
  77. <td>$116.06/month</td>
  78. </tr>
  79. <tr>
  80. <td> </td>
  81. <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td>
  82. <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td>
  83. <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td>
  84. <td><a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-white"></i> Order »</a></td>
  85. </tr>
  86. </tbody>
  87. </table>
  88.  
  89. </div>
  90. </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.