Lobe

Tour page

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Hover animations
  • Video overlay
  • Minimal layout
  • Multi-column footer
  • and more!

Color Palette:

#04ddb2

#333

#fff

#767676

Recommended Course:

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

Resources:

Beginner’s Guide to Web AnimationVideo image overlay (example)Multi-Level Sticky Footer

Up for a challenge?

Add the opaque background to the navigation menu/bar.

Too easy?

Build the hamburger menu and animation that appears when on smaller screens.

Too hard?

That's ok!
View other projects

Reference image