Monogram

Shop Page

🌐View Live 📷Free Photo Assets ⭐Open Source Icon

Recreate this to learn:

Hero image slider

Image hover transition

Dropdown menu

Menu hide/appear on scroll

and more!

Color Palette:

#1a2456
#ff8b68
#ff501c
#f0eded
#080b1b

Recommended Course:

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

Resources:

How To-Slideshow Change image on hover A Complete Guide to Grid A Complete Guide to Flexbox

Up for a challenge?

Build the slide-out panel when clicking the shopping cart in the menu.

Too easy?

Create a hero image slider that changes the image after X amount of seconds.

Too hard?

That's ok!
View other projects