Bonsai

Pricing page (previous design)

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

Pricing layout
Toggle switches
Dropdowns
Accordions
and more!

Color Palette:

#00b289

#4c4d5f

#fff

#f8db62

Recommended Course:

Frontend Masters offers a completely free "Getting Started With CSS" course.

Resources:

Creating a dropdown menu Accessible accordions How To Create a Toggle Switch Multi-Level Sticky Footer

Up for a challenge?

Add the toggle functionality between monthly and yearly pricing.

Too easy?

Recreate the dropdowns in the main menu and their internal hover actions.

Too hard?

That's ok!
View other projects

Reference image