Podia

Pricing page (Previous design)

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Pricing layout
  • Color choices
  • Accordions
  • Hover effects
  • and more!

Color Palette:

#fdfbf9

#ffffff

#4b2aad

#a86501

#027ca1

#1a1715

Resources:

Accessible Popover in CSS & JavaScriptA Complete Guide to FlexboxAccessible accordions

Up for a challenge?

Add the popover/tooltip that appear on hover throughout the table.

Too easy?

Recreate the table pricing layout and make it mobile friendly.

Too hard?

That's ok!
View other projects

Reference image