Digital
Marketing
Skills

Join the club

Stop chasing that Next Project & Start
Living your life!

Get Best results.

Buy Now

Note: These cards will switch to a 3 column layout on tablet, 2 columns on mobile, and 1 column on small mobile. You can alter the overlap distance which will automatically change the shift distance on hover by editing the CSS variable at the top of the CSS in the Custom CSS toggle in the parent row. Be sure to leave the unit as vw for responsiveness:

:root {
–bb-overlap-card-2-shift: 15vw;
}

You can have as many or as few cards as you like by duplicating the inner sections and the layout will adjust accordingly. You can also place any content inside the inner sections to use the cards for different purposes.

Jane Brown

Sales Manager

Affogato prism coloring book locavore, sus swag neutra. Prism pok pok microdosing tattooed, raw denim raclette ramps disrupt vexillologist.

John White

HR Director

Affogato prism coloring book locavore, sus swag neutra. Prism pok pok microdosing tattooed, raw denim raclette ramps disrupt vexillologist.

Jess Gray

CMO

Affogato prism coloring book locavore, sus swag neutra. Prism pok pok microdosing tattooed, raw denim raclette ramps disrupt vexillologist.

James Pink

CFO

Affogato prism coloring book locavore, sus swag neutra. Prism pok pok microdosing tattooed, raw denim raclette ramps disrupt vexillologist.

Jen Green

COO

Affogato prism coloring book locavore, sus swag neutra. Prism pok pok microdosing tattooed, raw denim raclette ramps disrupt vexillologist.

Jack Black

CEO

Affogato prism coloring book locavore, sus swag neutra. Prism pok pok microdosing tattooed, raw denim raclette ramps disrupt vexillologist.

Note: Each skillbar is made up of 2 sections inside a section within the parent section. If you want more than 4 skillbars simply duplicate one of the bar# sections.

Editing the skillbars

The first section inside each bar# contains a Count Up block. Edit the Ending Number in this block (and the title) .
The second section inside each bar# contains a Spacer/Divider block. Edit the Divider Width to match the number in your Count Up block.

That’s all you need to do, but here’s some more info…

The background colour of the bar is controlled by the Spacer/Divider section background settings
The colour of the bar is controlled by the Spacer/Divider color