Responsive Standard Pricing Table Widget Template

  • 🗓 Released Sep 2017
  • v2.0Updated Sep 2026
  • 👁 2,995 views
  • HTMLCSSJS

Entirely built in HTML5 & CSS3 pricing table is compatible with all devices and can be used by the education sites, wedding planner, business, products manufacturing, event management, producers, architectural firm, e-commerce sites and much more. The template contains three pricing tables with detailed content space. Download now and make it yours.

Version 2.0 makes "Order now" lead somewhere real: a working request form (signup.html) with its own confirmation email, the plan preselected from whichever card you click. The price/CTA reveal was hover-only in v1, so it was unreachable on a phone or tablet — it now also opens on tap and keyboard. Real plan-description copy replaces the placeholder text.

Features

Template Type:

Free

Compatible Browsers:

Opera, Firefox, Google Chrome

Link hover effetcs:

Yes

Coding:

HTML 5, CSS 3

Forms:

Contact Form

Additional Features:

Favicon, Responsive Design

What’s new

  1. v2.0Sep 2026
    • signup.html — a working "Get Started" request form. The plan is preselected from whichever card's "Order now" you click; name, email and a project-details field, with real validation and a success panel.
    • email-welcome.html — a ready-to-send confirmation email for the request.
    • Connect the form to your server: add data-endpoint="https://your-site.com/api/…" and it is POSTed there. Without it the form runs as a demo (shows a "Demo only" line — delete it when you go live). Details at the top of js/main.js.
    • The price/CTA reveal was hover-only, so "Order now" was unreachable on a phone or tablet — nothing there ever hovers. Now also opens on tap, click and keyboard (Enter/Space, Escape to close).
    • All three "Order now" buttons went to "#". Now they lead to the request form.
    • Four <h1> tags on one page (the page title plus all three card titles) — card titles are now <h3>, one h1 per page. Looks identical; only the tag and the document outline changed.
    • The 9 lines of lorem-ipsum placeholder text are replaced with real plan descriptions.
    • No jQuery, no framework in v1 — unchanged, still none. Josefin Sans is now self-hosted (only the weights the page actually renders); nothing is fetched from Google.

Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.


Reviews

No reviews yet — be the first to review this template.


View Similar Templates

Free
Free
Free
Free
Free
Free
Free
Free
Free

View Blog

Standard Pricing Table Widget

Free+ footer credit link

⬇ Free Download

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.