Phenomenon wordpress theme - Pricing Table Sample Code


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

Copy this hole code. Then go to your wordpress dashboard, create a new page and paste this code (while using the HTML editor ofcourse). Before you publish it make sure your page is using the "full-width" page template.


Copy this code and paste it in your HTML
  1. [noformat]
  2.  
  3. <table class="pricing-table">
  4. <tr>
  5. <td class="colfirst" style="width: 250px;"><h3>The<br>Plans<br>Feauters:</h3></td>
  6. <td style="width: 150px;"><h3>Begginer</h3><br><span class="price">$25</td>
  7. <td style="width: 150px;"><h3>Advanced</h3><br><span class="price">$50</td>
  8. <td style="width: 150px;"><h3>Premium</h3><br><span class="price">$100</td>
  9. </tr>
  10. </thead>
  11. <tr>
  12. <td class="colfirst">Storage space</td>
  13. <td>1000 MB</td>
  14. <td>2000 MB</td>
  15. <td>5000 MB</td>
  16. </tr>
  17. <tr>
  18. <td class="colfirst">Time tracking</td>
  19. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  20. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  21. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  22. </tr>
  23. <tr>
  24. <td class="colfirst">Unlimited views</td>
  25. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  26. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  27. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  28. </tr>
  29. <tr>
  30. <td class="colfirst">Sharing</td>
  31. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  32. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  33. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  34. </tr>
  35. <tr>
  36. <td class="colfirst">HD enabled</td>
  37. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  38. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  39. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  40. </tr>
  41. <tr>
  42. <td class="colfirst">Time tracking</td>
  43. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  44. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  45. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  46. </tr>
  47. <tr>
  48. <td class="colfirst">Unlimited views</td>
  49. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  50. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  51. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  52. </tr>
  53. <tr>
  54. <td class="colfirst">Sharing</td>
  55. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  56. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  57. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  58. </tr>
  59. <tr>
  60. <td class="colfirst">HD enabled</td>
  61. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
  62. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  63. <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
  64. </tr>
  65. <tr>
  66. <td class="colfirst">Buy now</td>
  67. <td>[big-button color="red" link="#"]Order Now ![/big-button]</td>
  68. <td>[big-button color="green" link="#"]Order Now ![/big-button]</td>
  69. <td>[big-button color="blue" link="#"]Order Now ![/big-button]</td>
  70. </tr>
  71. </tbody>
  72. </table>
  73.  
  74. [/noformat]

URL: http://wpthemes.bluzgraphics.com/phenomenon/pricing/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.