Posted By

Bluz on 11/17/10

Tagged

Versions (?)

Last Edited at 11/17/10 06:14am

Statistics

Viewed 615 times

Favorited by 1 user(s)

Related snippets

Phenomenon wordpress theme - Pricing Table Sample Code

/ Published in: HTML

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.

Highlighted TextExpand

[noformat]

<table class="pricing-table">
          <thead>
            <tr>
              <td class="colfirst" style="width: 250px;"><h3>The<br>Plans<br>Feauters:</h3></td>
              <td style="width: 150px;"><h3>Begginer</h3><br><span class="price">$25</td>
              <td style="width: 150px;"><h3>Advanced</h3><br><span class="price">$50</td>
              <td style="width: 150px;"><h3>Premium</h3><br><span class="price">$100</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="colfirst">Storage space</td>
              <td>1000 MB</td>
              <td>2000 MB</td>
              <td>5000 MB</td>
            </tr>
            <tr>
              <td class="colfirst">Time tracking</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">Unlimited views</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">Sharing</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">HD enabled</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">Time tracking</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">Unlimited views</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">Sharing</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">HD enabled</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/yes.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
              <td>[image_bl align="center"]http://wpthemes.bluzgraphics.com/phenomenon/wp-content/uploads/2010/11/no.png[/image_bl]</td>
            </tr>
            <tr>
              <td class="colfirst">Buy now</td>
              <td>[big-button color="red" link="#"]Order Now ![/big-button]</td>
              <td>[big-button color="green" link="#"]Order Now ![/big-button]</td>
              <td>[big-button color="blue" link="#"]Order Now ![/big-button]</td>
            </tr>
          </tbody>
        </table>

[/noformat]

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

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.