Return to Snippet

Revision: 36047
at November 17, 2010 06:14 by Bluz


Initial Code
[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]

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

Initial Description
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.

Initial Title
Phenomenon wordpress theme - Pricing Table Sample Code

Initial Tags

                                

Initial Language
HTML