Bricks Builder: Building the Sharefable Website with my Bricks stack

00:00 – Intro and Setup Explanation

05:55 – Homepage Hero

07:30 – Tweak ACSS Colors

09:30 – Logo Slider

12:00 – Stacking Cards

19:00 – Feature Cards

22:00 Card Hover Effect

26:50 – Testimonial Section

30:30 – Styling Testimonial with nthchild

37:17 – Add fade in/out effect to Logo Slider

41:25 – Header and Mega Menu

51:50 – Footer

56:00 – Adjust Primary Colors in ACSS

58:50 – Solutions CPT Single Template

01:04:00 – Add logo slider as template

01:06:00 – Resource Archive

01:13:00 – Testimonial Archive

Greetings! In this video I recorded a demo of me building and designing the https://www.sharefable.com/ website. There are timestamps below that take you to each section. I used ACSS and some Frames & Bricksmaven templates, because that is how I build – I don’t build every section from scratch if I already have a template that takes me 80% of the way there. I made some CPTs before recording to speed up the video and I organized my media into folders for easy queries.

If you enjoyed this, let me know. If you didn’t like it, let me know what you didn’t like so I can improve! Brendan

Get (in)frequent news

I’ll level with you – if your inbox is anything like mine, you will appreciate how I will never email you. Sign up if you want to get early access/discounts for new courses, cool tools, and other freebies.

I am a heading

If you’re curious, this is Website Ipsum. It was specifically developed for the use on development websites. Other than being less confusing than other Ipsum’s, Website Ipsum is also formatted in patterns more similar to how real copy is formatted on the web today.