O'Reilly logo

Getting Started with Zurb Foundation 4 by Andrew D. Patterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Pricing tables

Are you ready to make money with your website? Do you have something to sell? Foundation has a pricing table component to help you with that.

Foundation sets a unique style for each of the following classes: title, price, description, bullet-item, and cta-button (call to action).

The setup is quite simple. Add the pricing-table class to an outer container for the pricing table itself with inner containers for each attribute. The presumption is that you'll use an unordered list, but that isn't necessary. Nested <div> elements work just fine.

You still need to include numeric formatting in your price. You also need to wrap your cta-button in an <a> element in order to provide a link when a user clicks on it. You can make the entire ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required