Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: CSS3 demos: Other: Here

CSS Clean Pricing Table Template

Author: Jon Muller

This is a clean, pure HTML and CSS pricing table template that works beautifully across desktop and mobile browsers alike. It uses CSS Flexbox to give it the following often requested features:

  • Easily entered on the page
  • Equal height pricing tables, even if some tables contain different length content
  • Last item within each pricing table (such as the pricing button) always positioned at the very bottom, regardless of pricing table height.
  • Fully responsive, mobile friendly.

The Pricing Tables use SimpleLineIcons for the icons.

Demo:

  • Plan 1
  • Dimensions: 24.8W x 47.3H
  • Material: Nylon w/ Breathable Glass Fiber
  • Weight: 55 lbs
  • Max Weight: 330 lbs
  • Tilt Degrees: 135
  • Tilt Degrees: 135
  • Head Rest: Yes
  • Check Out
  • Plan 2
  • Dimensions: 24.8W x 47.3H
  • Material: Nylon w/ Breathable Glass Fiber
  • Weight: 55 lbs
  • Max Weight: 330 lbs
  • Head Rest: Yes
  • Arm Rest:
  • Lumbar Support:
  • Warranty: 30 Days Money Back
  • Check Out
  • Plan 3
  • Dimensions: 24.8W x 47.3H
  • Material: Nylon w/ Breathable Glass Fiber
  • Weight: 55 lbs
  • Max Weight: 330 lbs
  • Head Rest: Yes
  • Arm Rest:
  • Lumbar Support:
  • Warranty: 30 Days Money Back
  • Check Out

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 01/09/2018

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive