Now Loading:
Two Columns & A Microphone

Two Columns & A Microphone

Posted July 25, 2018
, by tickyboom
In episode three we are tackling an excellent modern design that is fun and beautiful to look at.
🦁 Sections

Here is what we will be learning from this video:

This design is two columns, one of which has a design that changes with a toggle, also overlapping buttons, one of which is a gradient fill. We got drop shadows that change on button hover. We got a gradient button. Oh, my! Can It Be Done With Beaver Builder?

  • Utilizing Beaver Builder Templates used with a toggle(By UABB)
  • Overlapping buttons
  • Drop shadow use and manipulation on hover
  • Button Design (Gradient, Drop shadow)
  • Using percentages in our margins

As usual, we hope this video inspires you to build some spicy layouts, and not be afraid of getting in there and making complex layouts!

Tools Used:

Thanks for reading, wanna share with your friends?

Get infrequent design email updates!