Registration Page V10

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A trial sign-up for a made-up project planning tool, with account fields on the left and a plan panel on the right. A monthly or yearly switch reprices three plans per seat, a seat stepper sets the team size, and the summary shows the line, the total after the trial and the yearly saving. A trial note gives the real end date, 14 days from today.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 343 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Monthly / yearly segmented radios with a 20% yearly discount
• Plan radio cards reprice per seat as the billing period changes
• Seat stepper limited to 1–50 with disabled end buttons
• Total announced politely; yearly saving shown
• Trial end date calculated from today
• Success message restates plan, seats, date and price