This is a simple responsive pricing page built with HTML, CSS (Tailwind), and JavaScript.
It includes three pricing plans with a toggle option for switching between Monthly and Yearly billing.
Responsive pricing grid layout
Three pricing tiers (Basic, Pro, Enterprise)
Toggle switch to switch between monthly and yearly pricing
"Most Popular" highlight badge for the Pro plan
Smooth hover effects and transitions using Tailwind
On page load, the default pricing (e.g., monthly) is displayed.
Users can toggle the switch to update all pricing values to yearly or monthly.
The Pro plan is highlighted as the most popular option.
Each plan includes a feature list and call-to-action button.
HTML5
CSS3 / Tailwind CSS
JavaScript (Vanilla)
fontawesome icons