Posted By

Bluz on 11/17/10


Tagged

phenomenon


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

Bluz


Phenomenon wordpress theme - Pricing Table Sample Code


 / Published in: HTML
 

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

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.

  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]

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: Bluz on November 17, 2010

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.

Posted By: Bluz on November 17, 2010

Oh and make sure you click on the "Plain Text" link in the top right corner of this snippt before you copy it.

You need to login to post a comment.