Responsive Four Pricing Table Free Template
Download four pricing table free template - responsive widget template to get attention to your site. It is built using HTML5 and CSS3. Fully responsive and customizable template. Make your users clear about your plans with clean design.
⬇ Free downloadTry the live demo
Free for personal & commercial use · keeps a small “Designed by ThemeVault” footer link · no card needed
- HTML
- CSS
- JS
- Released Sep 2017
- v2.0 · Sep 2026
- 2 pages+ 1 HTML email
- v2.0updated Sep 2026
- 3,530views
- 1,162downloads
Four pricing table template designed with html5, css3 and bootstrap framework is well coded and 100% responsive. This template can be used by the price comparison web businesses like photographer, travel, web design agency, video producer, startup, company, businessman, architect, freelancer, event management organization, wedding ceremony agency or any kind of websites. The template design comes with colorful tabs, hover effects, tabular page which makes you pricing widget attractive and easy to use.
Version 2.0 makes every "Join Now!" button go somewhere real: signup.html, a working signup form (name, email, password) with the clicked plan pre-selected, validation and a confirmation panel, plus a ready-to-send HTML receipt email. The layout is now responsive at every width (v1 shipped with no responsive CSS at all), the font is self-hosted, and the plan names/prices no longer contradict each other (the old "Free" plan cost $50; it is now "Starter", and Premium has its own price instead of matching Basic's).
- signup.html — a working signup form: plan (pre-selected from the card you clicked), full name, email and password
- email-welcome.html — a ready-to-send HTML receipt/welcome email for the signup form. Table-based and inline-styled for Gmail, Outlook and Apple Mail, no images
- 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 (the success panel s
- Responsive layout at every width: v1 shipped with no @media rules at all
- "Most Popular" / "Best Value" badges on the Basic and Premium cards — v1 already marked them with a `featured-table` class that carried no CSS at all; this give
- The "Free" plan cost $50 in v1, a self-contradiction — renamed "Starter". Premium's $80 duplicated Basic's price — raised to $180.
- The 8 inline `style="background:#…"` attributes on the header/button pairs are now 4 CSS classes (one per plan), each declared once.
- Meta description added; the credit line shows the current year.
Pages
Features
| Template Type | Free |
|---|---|
| Compatible Browsers | Opera, Firefox, Google Chrome |
| Link hover effetcs | Yes |
| Coding | HTML 5, CSS 3 |
| Forms | Registration Form, Login Form |
| Additional Features | Favicon, Responsive Design |
What’s new
v2.0Sep 2026
- signup.html — a working signup form: plan (pre-selected from the card you clicked), full name, email and password, with validation and a success panel. Every "Join Now!" button now opens it with the right plan instead of going to "#".
- email-welcome.html — a ready-to-send HTML receipt/welcome email for the signup form. Table-based and inline-styled for Gmail, Outlook and Apple Mail, no images, {{placeholders}} for your mailer.
- 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 (the success panel shows a "Demo only" line — delete it when you go live). Details at the top of js/main.js.
- Responsive layout at every width: v1 shipped with no @media rules at all, so the cards had no defined behaviour below their intrinsic width. They now stack cleanly at tablet and phone, checked at 320-1440px.
- "Most Popular" / "Best Value" badges on the Basic and Premium cards — v1 already marked them with a `featured-table` class that carried no CSS at all; this gives it one.
- The "Free" plan cost $50 in v1, a self-contradiction — renamed "Starter". Premium's $80 duplicated Basic's price — raised to $180.
- The 8 inline `style="background:#…"` attributes on the header/button pairs are now 4 CSS classes (one per plan), each declared once.
- Meta description added; the credit line shows the current year.
- No framework in v1, none added: one small stylesheet, one dependency-free js/main.js. Josefin Sans self-hosted (woff2, the weights used); nothing fetched from Google.
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Download Details
- Published
- September 12, 2017
- Categories
- Site ElementsFree Responsive Website Templates
- Tags
- Free ModernHTMLPrice TablePrice Table DesignPrice TemplatePrice WidgetPricingPricing TemplateResponsive PriceTable TemplateTime WidgetWeb Elementsfree
Source
- HTML
- CSS
- JS
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Free for personal & commercial use with an attribution link to ThemeVault. Read the license.
Reviews
No reviews yet — be the first to review this template.
Every page
See all 3 pages at a glance
Each page is built and ready, including the email.
The home page on a phone, as it looks in the live demo.
In the download
What you get in the ZIP
Everything is plain files you can open in any editor. No build step and no installs.
- 12files
- 63 KBZIP size
- 3HTML pages
- 1images
Please note that the images in the template will be blurred in the downloaded package.
four-pricing-table-template/ ├── index.html ├── email-welcome.html └── signup.html
From download to live
No build tools, no installs
Download
Get the ZIP
Free, instant and no card needed. Unzip it anywhere.
Edit
Add your content
Change the text and photos in the HTML files with any code editor.
Publish
Upload and go
Upload the folder to any web host. It's plain HTML, so it runs anywhere.
Questions
About this template
Can I use Four Pricing Table Template for a client's website?
Yes. The free version is licensed for personal and commercial use, including client work, as long as the footer credit stays. Remove it for $9.00₹499 one-time, or with Pro.
Do I need to know how to code?
You'll need to edit the HTML text and swap the images, which any code editor can do.
Will I get updates?
Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.
Are the photos included?
The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.
Subscribe Us
Keep looking
All templatesView Similar Templates
From the blog
View Blog
- Web Development
- November 03, 2026
Astro vs Next.js for a Business or Marketing Website (2026)
We built the same restaurant website in Astro and in Next.js with an admin panel, then measured both. Where Astro wins, where Next.js wins, and how to choose.
- Wordpress
- Web Development
- November 03, 2026
HTML Template to WordPress: Convert It Yourself or Use a WordPress Version?
We turned our Bistrofeast HTML template into a WordPress theme by hand. Every step, the mistakes, how long it took, and when a WordPress version saves you days.
- Wordpress
- Web Development
- November 02, 2026
How to Install an Elementor Template Kit (2026 Guide)
We installed the same kit both ways on a clean WordPress site. Where each kind of kit goes, the steps people miss, and what to do when it looks wrong.