Pricing Tables

If you’re making a rockin’ marketing site for a subscription-based product, you are likely in need of a pricing table. These fill 100% of their container and are made from a simple unordered list.

  • Standard Room
  • From $99.99
  • 3 Nights
  • 600 Square Feet
  • $50 Food and Beverage Credit
  • $50 Slot Credit
  • Book Now
  • Suite
  • From $199.99
  • 3 Nights
  • 1100 Square Feet
  • $150 Food and Beverage Credit
  • $150 Slot Credit
  • Book Now
  • King Suite
  • From $299.99
  • 3 Nights
  • 2000 Square Feet
  • $300 Food and Beverage Credit
  • $300 Slot Credit
  • Book Now

Building pricing tables with our predefined classes is quite easy. You’ll start with an

and add a class of .pricing-table to it. From there, you just need to add list items inside that represent each piece of the table.

Available HTML class options:

<li class="title">: Creates the styles for a title.

<li class="price">: Add a price that stands out.

<li class="description">: If you need to descript the plan, add this.

<li class="bullet-item">: To call out features, use this list item.

<li class="cta-button">: To add a button inside a list item, use this.

  • Suite
  • From $199.99
  • 3 Nights
  • 1100 Square Feet
  • $150 Food and Beverage Credit
  • $150 Slot Credit
  • Book Now