Starbucks

Rewards page.

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

Sticky/fixed header
Tabbed sections
Color choices
Layout practice
and more!

Color Palette:

#1e3932

#008248

#d4e9e2

#f1f8f6

#f3f1e7

#000000

Recommended Course:

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

Resources:

How To Create a Hero Image Create a Fixed Header on Scroll Create Toggleable Tabs Create a Skip to Content link

Up for a challenge?

Add the "Skip to Main Content" button when pressing the tab key after the page loads.

Too easy?

Animate the bottom border moving left/right when selecting a new tab.

Too hard?

That's ok!
View other projects

Reference image