Advanced Search

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.

Expand | Embed | Plain Text

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