Profile Picture
Julian Galluzzo

Skills Card Section

a 5x3 grid of simple, multicolor cards containing an icon and text in each one. Good for skills, categories, etc.
Copy component
Download JSON
{"content":[{"id":"vuruqz","name":"section","parent":0,"children":["nzrqyw"],"settings":{},"label":"Skills"},{"id":"nzrqyw","name":"container","parent":"vuruqz","children":["kbzcxh","miyiyr"],"settings":[]},{"id":"kbzcxh","name":"block","parent":"nzrqyw","children":["tfjryv","zszhov","ybuzce"],"settings":{"_cssGlobalClasses":["uvrubm"]},"label":"Content Wrap"},{"id":"tfjryv","name":"text-basic","parent":"kbzcxh","children":[],"settings":{"text":"Skills","_cssGlobalClasses":["yvvyfb"]},"label":"Subheading"},{"id":"zszhov","name":"heading","parent":"kbzcxh","children":[],"settings":{"text":"Skills needed to thrive","_margin":{"bottom":"20"},"tag":"h2"}},{"id":"ybuzce","name":"text-basic","parent":"kbzcxh","children":[],"settings":{"text":"You know what's better than this here Lamborghini? KNOWLEDGE. And you're gonna gain a whole bunch of that throughout this course.","_typography":{"font-size":"20"},"_widthMax":"800"}},{"id":"miyiyr","name":"block","parent":"nzrqyw","children":["pxttbo","duyhcr","fvnjrp","blymlo","erhlqc","yzcsqd","swlwav","fzquug","nmgyim","mnkoby","srukjv","llwnfn","uhyjqh","uhxucj","sythta"],"settings":{"_cssGlobalClasses":["owwdzd"]},"label":"Skills Grid"},{"id":"pxttbo","name":"block","parent":"miyiyr","children":["djrzdp","vxnjuz"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"djrzdp","name":"div","parent":"pxttbo","children":["wjushj"],"settings":{"_cssGlobalClasses":["pssxdu"],"_justifyContent":"center","_alignItems":"center"},"label":"Icon Wrap"},{"id":"wjushj","name":"icon","parent":"djrzdp","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-flask"},"_cssGlobalClasses":["ffjqfj"]},"themeStyles":[]},{"id":"vxnjuz","name":"heading","parent":"pxttbo","children":[],"settings":{"text":"Science","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"duyhcr","name":"block","parent":"miyiyr","children":["uncywi","fknewi"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"uncywi","name":"div","parent":"duyhcr","children":["sqeccj"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#0055ff","rgb":"rgba(0, 85, 255, 0.16)","hsl":"hsla(220, 100%, 50%, 0.16)"}}},"label":"Icon Wrap"},{"id":"sqeccj","name":"icon","parent":"uncywi","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-tennisball"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#0055ff"}},"themeStyles":[]},{"id":"fknewi","name":"heading","parent":"duyhcr","children":[],"settings":{"text":"Baseball","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"fvnjrp","name":"block","parent":"miyiyr","children":["tucgxs","qvyxlu"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"tucgxs","name":"div","parent":"fvnjrp","children":["zegiry"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#00cc07","rgb":"rgba(0, 204, 7, 0.16)","hsl":"hsla(122, 100%, 40%, 0.16)"}}},"label":"Icon Wrap"},{"id":"zegiry","name":"icon","parent":"tucgxs","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-subway"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#00cc07"}},"themeStyles":[]},{"id":"qvyxlu","name":"heading","parent":"fvnjrp","children":[],"settings":{"text":"Trains","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"blymlo","name":"block","parent":"miyiyr","children":["giwqeg","txrfjb"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"giwqeg","name":"div","parent":"blymlo","children":["mvmsfg"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#ff006e","rgb":"rgba(255, 0, 110, 0.13)","hsl":"hsla(334, 100%, 50%, 0.13)"}}},"label":"Icon Wrap"},{"id":"mvmsfg","name":"icon","parent":"giwqeg","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-magnet"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#ff006e"}},"themeStyles":[]},{"id":"txrfjb","name":"heading","parent":"blymlo","children":[],"settings":{"text":"Magnets","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"erhlqc","name":"block","parent":"miyiyr","children":["qbqdsr","yemhch"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"qbqdsr","name":"div","parent":"erhlqc","children":["plgato"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#00b7ff","rgb":"rgba(0, 183, 255, 0.12)","hsl":"hsla(197, 100%, 50%, 0.12)"}}},"label":"Icon Wrap"},{"id":"plgato","name":"icon","parent":"qbqdsr","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-cut"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#00b7ff"}},"themeStyles":[]},{"id":"yemhch","name":"heading","parent":"erhlqc","children":[],"settings":{"text":"Scissors","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"yzcsqd","name":"block","parent":"miyiyr","children":["tszfxi","dzducn"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"tszfxi","name":"div","parent":"yzcsqd","children":["sdbfle"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#e6bf00","rgb":"rgba(230, 191, 0, 0.18)","hsl":"hsla(50, 100%, 45%, 0.18)"}}},"label":"Icon Wrap"},{"id":"sdbfle","name":"icon","parent":"tszfxi","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-cash"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#e6bf00"}},"themeStyles":[]},{"id":"dzducn","name":"heading","parent":"yzcsqd","children":[],"settings":{"text":"Finance","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"swlwav","name":"block","parent":"miyiyr","children":["iqvwit","wxxbke"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"iqvwit","name":"div","parent":"swlwav","children":["tnvfxv"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#a200ff","rgb":"rgba(162, 0, 255, 0.09)","hsl":"hsla(278, 100%, 50%, 0.09)"}}},"label":"Icon Wrap"},{"id":"tnvfxv","name":"icon","parent":"iqvwit","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-planet"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#a200ff"}},"themeStyles":[]},{"id":"wxxbke","name":"heading","parent":"swlwav","children":[],"settings":{"text":"Astronomy","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"fzquug","name":"block","parent":"miyiyr","children":["kcjstu","gtvlvw"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"kcjstu","name":"div","parent":"fzquug","children":["xpevyr"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#ffe100","rgb":"rgba(255, 225, 0, 0.23)","hsl":"hsla(53, 100%, 50%, 0.23)"}}},"label":"Icon Wrap"},{"id":"xpevyr","name":"icon","parent":"kcjstu","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-nutrition"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#ffe100"}},"themeStyles":[]},{"id":"gtvlvw","name":"heading","parent":"fzquug","children":[],"settings":{"text":"Agriculture","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"nmgyim","name":"block","parent":"miyiyr","children":["epfohd","mascrb"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"epfohd","name":"div","parent":"nmgyim","children":["zpqsay"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#2f00ff","rgb":"rgba(47, 0, 255, 0.11)","hsl":"hsla(251, 100%, 50%, 0.11)"}}},"label":"Icon Wrap"},{"id":"zpqsay","name":"icon","parent":"epfohd","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-megaphone"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#2f00ff"}},"themeStyles":[]},{"id":"mascrb","name":"heading","parent":"nmgyim","children":[],"settings":{"text":"Public Speaking","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"mnkoby","name":"block","parent":"miyiyr","children":["jrjwhr","qlsjqe"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"jrjwhr","name":"div","parent":"mnkoby","children":["gofqvl"],"settings":{"_cssGlobalClasses":["pssxdu"]},"label":"Icon Wrap"},{"id":"gofqvl","name":"icon","parent":"jrjwhr","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-help-buoy"},"_cssGlobalClasses":["ffjqfj"]},"themeStyles":[]},{"id":"qlsjqe","name":"heading","parent":"mnkoby","children":[],"settings":{"text":"Support","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"srukjv","name":"block","parent":"miyiyr","children":["exrzsv","werfzc"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"exrzsv","name":"div","parent":"srukjv","children":["ymqpaf"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#ff0066","rgb":"rgba(255, 0, 102, 0.15)","hsl":"hsla(336, 100%, 50%, 0.15)"}}},"label":"Icon Wrap"},{"id":"ymqpaf","name":"icon","parent":"exrzsv","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-basketball"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#ff0066"},"_margin":{"right":"0"}},"themeStyles":[]},{"id":"werfzc","name":"heading","parent":"srukjv","children":[],"settings":{"text":"Basketball","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"llwnfn","name":"block","parent":"miyiyr","children":["pbcxam","dqoiad"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"pbcxam","name":"div","parent":"llwnfn","children":["iamfoc"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#852600","rgb":"rgba(133, 38, 0, 0.13)","hsl":"hsla(17, 100%, 26%, 0.13)"}}},"label":"Icon Wrap"},{"id":"iamfoc","name":"icon","parent":"pbcxam","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-pizza"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#852600"}},"themeStyles":[]},{"id":"dqoiad","name":"heading","parent":"llwnfn","children":[],"settings":{"text":"Pizza Making","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"uhyjqh","name":"block","parent":"miyiyr","children":["pzilyl","tneiwj"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"pzilyl","name":"div","parent":"uhyjqh","children":["hmfoum"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#57bcff","rgb":"rgba(87, 188, 255, 0.11)","hsl":"hsla(204, 100%, 67%, 0.11)"}}},"label":"Icon Wrap"},{"id":"hmfoum","name":"icon","parent":"pzilyl","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-snow"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#57bcff"}},"themeStyles":[]},{"id":"tneiwj","name":"heading","parent":"uhyjqh","children":[],"settings":{"text":"Snow Removal","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"uhxucj","name":"block","parent":"miyiyr","children":["jacrgq","xkgozf"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"jacrgq","name":"div","parent":"uhxucj","children":["arjxse"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#6b6b6b","rgb":"rgba(107, 107, 107, 0.19)","hsl":"hsla(0, 0%, 42%, 0.19)"}}},"label":"Icon Wrap"},{"id":"arjxse","name":"icon","parent":"jacrgq","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-jet"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#6b6b6b"}},"themeStyles":[]},{"id":"xkgozf","name":"heading","parent":"uhxucj","children":[],"settings":{"text":"Fighter Jets","tag":"h3","_cssGlobalClasses":["nipcec"]}},{"id":"sythta","name":"block","parent":"miyiyr","children":["gstlzf","fwmnue"],"settings":{"_cssGlobalClasses":["odnsax"]},"label":"Skill"},{"id":"gstlzf","name":"div","parent":"sythta","children":["sxlhna"],"settings":{"_cssGlobalClasses":["pssxdu"],"_background":{"color":{"hex":"#ffa229","rgb":"rgba(255, 162, 41, 0.21)","hsl":"hsla(34, 100%, 58%, 0.21)"}}},"label":"Icon Wrap"},{"id":"sxlhna","name":"icon","parent":"gstlzf","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-mic"},"_cssGlobalClasses":["ffjqfj"],"iconColor":{"hex":"#ffa229"}},"themeStyles":[]},{"id":"fwmnue","name":"heading","parent":"sythta","children":[],"settings":{"text":"Singing","tag":"h3","_cssGlobalClasses":["nipcec"]}}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"uvrubm","name":"hero__content-wrap","settings":{"_alignItems":"center","_typography":{"text-align":"center"},"_margin":{"bottom":"75"}}},{"id":"yvvyfb","name":"subheading","settings":{"_typography":{"color":{"hex":"#f44336"},"font-weight":"600"},"_background":{"color":{"hex":"#f44336","rgb":"rgba(244, 67, 54, 0.1)","hsl":"hsla(4, 90%, 58%, 0.1)"}},"_padding":{"bottom":"3","top":"3","left":"12","right":"12"},"_margin":{"bottom":"20"},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}}},"modified":1745409256,"user_id":1},{"id":"owwdzd","name":"skills__grid","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr 1fr 1fr 1fr","_gridGap":"15","_gridTemplateColumns:mobile_landscape":"1fr 1fr"}},{"id":"odnsax","name":"skill","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"bottom":"20","top":"20","left":"20","right":"20"},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#e6e6e6","raw":"var(--border-base)"},"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetY":"5","blur":"0"},"color":{"hex":"#e6e6e6","raw":"var(--shadow-fake)"}},"_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"},"_background:hover":{"color":{"hex":"#f5f5f5"}},"_cssTransition":"0.2s"},"modified":1745232086,"user_id":1},{"id":"pssxdu","name":"skill__icon-wrap","settings":{"_padding":{"bottom":"8","top":"8","left":"30","right":"30"},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_background":{"color":{"hex":"#f44336","rgb":"rgba(244, 67, 54, 0.25)","hsl":"hsla(4, 90%, 58%, 0.25)"}},"_display":"flex","_justifyContent":"center","_alignItems":"center"}},{"id":"ffjqfj","name":"skill__icon","settings":{"iconSize":"35","iconColor":{"raw":"var(--brand-color)"}},"modified":1744888511,"user_id":1},{"id":"nipcec","name":"skill__heading","settings":{"_margin":{"top":"15"},"_typography":{"font-size":"18"}}}],"globalElements":[]}

Our notes on this component

This component comes from Memberstack’s 2025 Online Course Template!

If you want to build an online course, click here to get the full template + installation instructions.

The template works using;

  • WordPress 6.8.1
  • ACF (Advanced Custom Fields)
  • Memberstack

Here’s the video showing how you can install it, and how the template works!!

Similar components

Profile Picture
Joe Warren

Benefits Section

Benefits section with two cards
View now
Copy now
{"content":[{"id":"beplej","name":"section","parent":0,"children":["wqipdj"],"settings":{"_cssGlobalClasses":["qvmnzg"]}},{"id":"wqipdj","name":"container","parent":"beplej","children":["woozvx","koysxx"],"settings":[]},{"id":"woozvx","name":"block","parent":"wqipdj","children":["vthuyy","kztjce"],"settings":{"_cssGlobalClasses":["wmboww"]},"label":"Heading Block"},{"id":"vthuyy","name":"text-basic","parent":"woozvx","children":[],"settings":{"text":"Who It’s For","_cssGlobalClasses":["uxtbkd"],"tag":"div"}},{"id":"kztjce","name":"heading","parent":"woozvx","children":[],"settings":{"text":"Made for People Like You","_cssGlobalClasses":["zoooph"],"tag":"h2","_typography":{"text-align":"center"},"_typography:mobile_portrait":{"text-align":"left"}}},{"id":"koysxx","name":"block","parent":"wqipdj","children":["fgkkpn","nnkyfr"],"settings":{"_cssGlobalClasses":["dgoism"],"_gridTemplateColumns:tablet_portrait":"repeat(2, 1fr)","_gridGap:tablet_portrait":"20","_gridTemplateColumns:mobile_landscape":"1fr"},"label":"Grid"},{"id":"fgkkpn","name":"block","parent":"koysxx","children":["nvuqwz","zgjyyb","wwvnmi"],"settings":{"_cssGlobalClasses":["puyzum"]},"label":"Card"},{"id":"nvuqwz","name":"heading","parent":"fgkkpn","children":[],"settings":{"text":"This Is for You If...","_cssGlobalClasses":["nfcasa"]}},{"id":"zgjyyb","name":"block","parent":"fgkkpn","children":["oixzso","qtdufe","ubcbbs","zmwiqi"],"settings":{"_cssGlobalClasses":["acbkoi"],"tag":"ul"},"label":"List"},{"id":"oixzso","name":"block","parent":"zgjyyb","children":["jjzjrm"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"jjzjrm","name":"text","parent":"oixzso","children":[],"settings":{"text":"You’re an entrepreneur, solopreneur, or freelancer"}},{"id":"qtdufe","name":"block","parent":"zgjyyb","children":["mgecad"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"mgecad","name":"text","parent":"qtdufe","children":[],"settings":{"text":"You crave honest feedback and outside perspective"}},{"id":"ubcbbs","name":"block","parent":"zgjyyb","children":["fspmgl"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"fspmgl","name":"text","parent":"ubcbbs","children":[],"settings":{"text":"You want to help others while evolving yourself"}},{"id":"zmwiqi","name":"block","parent":"zgjyyb","children":["phpxog"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"phpxog","name":"text","parent":"zmwiqi","children":[],"settings":{"text":"You value real conversations over shallow networking"}},{"id":"wwvnmi","name":"image","parent":"fgkkpn","children":[],"settings":{"_cssGlobalClasses":["mzuwbn"],"image":{"id":25,"filename":"22-1.png","size":"large","full":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/22-1.png","url":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/22-1-1024x761.png"}}},{"id":"nnkyfr","name":"block","parent":"koysxx","children":["yzveog","jfruem","qfmgec"],"settings":{"_cssGlobalClasses":["puyzum","dyassw"]},"label":"Card"},{"id":"yzveog","name":"heading","parent":"nnkyfr","children":[],"settings":{"text":"This Is NOT for You If...","_cssGlobalClasses":["nfcasa"]}},{"id":"jfruem","name":"image","parent":"nnkyfr","children":[],"settings":{"_cssGlobalClasses":["mzuwbn"],"image":{"id":24,"filename":"23.png","size":"large","full":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/23.png","url":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/23-1024x763.png"}},"themeStyles":[]},{"id":"qfmgec","name":"block","parent":"nnkyfr","children":["ygdytd","qgmzeo","mjhmml","dkhoie"],"settings":{"_cssGlobalClasses":["acbkoi"],"tag":"ul"},"label":"List"},{"id":"ygdytd","name":"block","parent":"qfmgec","children":["huiaif"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"huiaif","name":"text","parent":"ygdytd","children":[],"settings":{"text":"You’re just looking to promote your business"}},{"id":"qgmzeo","name":"block","parent":"qfmgec","children":["fvwqly"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"fvwqly","name":"text","parent":"qgmzeo","children":[],"settings":{"text":"You can’t commit to regular attendance"}},{"id":"mjhmml","name":"block","parent":"qfmgec","children":["pcgyav"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"pcgyav","name":"text","parent":"mjhmml","children":[],"settings":{"text":"You’re not open to giving or receiving feedback"}},{"id":"dkhoie","name":"block","parent":"qfmgec","children":["pbkrmo"],"settings":{"_cssGlobalClasses":["uhrwfk"],"tag":"li"},"label":"Li"},{"id":"pbkrmo","name":"text","parent":"dkhoie","children":[],"settings":{"text":"You prefer passive learning to active participation"}}],"source":"bricksCopiedElements","sourceUrl":"https://blueviolet-mule-686662.hostingersite.com","version":"1.12.4","globalClasses":[{"id":"qvmnzg","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"},"_background":{"color":{"hex":"#f7f7f7"}}}},{"id":"wmboww","name":"heading--block","settings":{"_alignItems":"center","_margin":{"bottom":"70"},"_rowGap":"6","_alignItems:mobile_portrait":"flex-start"}},{"id":"uxtbkd","name":"eyebrow","settings":{"_typography":{"text-transform":"uppercase"}}},{"id":"zoooph","name":"h2","settings":{"_typography":{"font-size":"50","font-weight":"400"},"_cssCustom":".h2 span {\n font-weight: 700;\n font-style: italic;\n}"}},{"id":"dgoism","name":"grid--2","settings":{"_display":"grid","_gridTemplateColumns":"repeat(2,1fr)","_gridGap":"40","_gridTemplateColumns:tablet_portrait":"1fr"}},{"id":"puyzum","name":"target__card","settings":{"_border":{"radius":{"top":"40","right":"40","bottom":"40","left":"40"}},"_padding":{"top":"60","right":"45","bottom":"40","left":"45"},"_background":{"color":{"hex":"#ffdd81"}},"_rowGap":"20","_padding:tablet_portrait":{"left":"20","right":"20"}},"modified":1748618771,"user_id":1},{"id":"nfcasa","name":"h3","settings":{"_cssCustom":".h3 span {\n font-weight: 700;\n font-style: italic;\n}","_typography":{"font-weight":"400"}},"modified":1748618072,"user_id":1},{"id":"acbkoi","name":"card__list-wrapper","settings":{"_padding":{"left":"0"},"_rowGap":"6"},"modified":1748618072,"user_id":1},{"id":"uhrwfk","name":"card__li","settings":{"_padding":{"top":"8","right":"16","bottom":"8","left":"16"},"_border":{"radius":{"top":"26","right":"26","bottom":"26","left":"26"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#212121","id":"a6448a","name":"Color #6"}},"_background":{"color":{"hex":"#ffffff"}},"_padding:tablet_portrait":{"right":"8","left":"16"}},"modified":1748618072,"user_id":1},{"id":"mzuwbn","name":"card__image","settings":{"_heightMax:tablet_portrait":"20rem","_objectFit:tablet_portrait":"contain","_objectPosition:tablet_portrait":"0%"}},{"id":"dyassw","name":"card__alternate","settings":{"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#303030"}}}}],"globalElements":[]}
Profile Picture
Akshay Joshi

Sunzen kit – featured card with slider

Carousel displaying featured content blocks
View now
Copy now
{"id":972,"name":"global-community","title":"Global Community","date":"2025-05-28 21:22:30","date_formatted":"May 28, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/global-community\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"83fae1","name":"section","parent":0,"children":["45a0c4"],"settings":{"_cssGlobalClasses":["qflssy","fgcnrd"],"_background":{"color":{"hex":"#ffffff"}}},"label":"Global Community"},{"id":"45a0c4","name":"container","parent":"83fae1","children":["9aaaee","c93723","1eeee9"],"settings":{"_cssGlobalClasses":["jjcpci","bysuac"]}},{"id":"9aaaee","name":"heading","parent":"45a0c4","children":[],"settings":{"text":"Join a global community","tag":"h2","_cssGlobalClasses":["fuuwae"]}},{"id":"c93723","name":"slider-nested","parent":"45a0c4","children":["1ee96c","6e911b","ccdaf5"],"settings":{"pagination":true,"_cssGlobalClasses":["zzonlk"],"height":"auto","perPage":"3","perMove":"1","gap":"15","perPage:mobile_landscape":"2","perPage:mobile_portrait":"1"},"label":"global community Slider (Nestable)"},{"id":"1ee96c","name":"block","parent":"c93723","children":["3d6181","212a4c"],"settings":{"_cssGlobalClasses":["zvhcgd","qgbjbc"],"_background":{"image":{"id":869,"filename":"feature-card.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card.png"}}},"label":"Slide 1 - "},{"id":"3d6181","name":"heading","parent":"1ee96c","children":[],"settings":{"text":"New York City","_cssGlobalClasses":["wfkejh"],"tag":"h3"},"label":"City h3 Heading"},{"id":"212a4c","name":"text-basic","parent":"1ee96c","children":[],"settings":{"text":"UNITED STATES","_cssGlobalClasses":["bqkiqk"]},"label":"country"},{"id":"6e911b","name":"block","parent":"c93723","children":["3d4c7d","c1915d"],"settings":{"_cssGlobalClasses":["zvhcgd","mmailk"],"_background":{"image":{"id":869,"filename":"feature-card.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card.png"}}},"label":"Slide 2"},{"id":"3d4c7d","name":"heading","parent":"6e911b","children":[],"settings":{"text":"Chicago","_cssGlobalClasses":["wfkejh"],"tag":"h3"},"label":"City h3 Heading"},{"id":"c1915d","name":"text-basic","parent":"6e911b","children":[],"settings":{"text":"UNITED STATES","_cssGlobalClasses":["bqkiqk"]},"label":"country"},{"id":"ccdaf5","name":"block","parent":"c93723","children":["692361","53f53d"],"settings":{"_cssGlobalClasses":["zvhcgd","ulunxv"],"_background":{"image":{"id":869,"filename":"feature-card.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card.png"}}},"label":"Slide 3"},{"id":"692361","name":"heading","parent":"ccdaf5","children":[],"settings":{"text":"London","_cssGlobalClasses":["wfkejh"],"tag":"h3"},"label":"City h3 Heading"},{"id":"53f53d","name":"text-basic","parent":"ccdaf5","children":[],"settings":{"text":"UNITED KINGDOM","_cssGlobalClasses":["bqkiqk"]},"label":"country"},{"id":"1eeee9","name":"button","parent":"45a0c4","children":[],"settings":{"text":"View all","style":"primary","_cssGlobalClasses":["unqjse","fwtdtj"],"link":{"type":"external","url":"#"},"_margin:mobile_landscape":{"top":"80"},"_margin:mobile_portrait":{"top":"60"}}}],"templateType":"section","global_classes":[{"id":"qflssy","name":"sunzen-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"},"_rowGap":"64","_rowGap:mobile_portrait":"40"}},{"id":"jjcpci","name":"sunzen-default-container","settings":{"_width":"1248","_rowGap":"64","_rowGap:mobile_landscape":"30"}},{"id":"fwtdtj","name":"sunzen-primary-btn","settings":{"_background":{"color":{"hex":"#e9e591"}},"_border":{"radius":{"top":"1000","right":"1000","left":"1000","bottom":"1000"}},"_typography":{"color":{"hex":"#111111"},"font-weight":"700","font-size":"18","font-family":"Manrope"},"_padding":{"right":"32","left":"32","top":"5","bottom":"5"},"_padding:mobile_portrait":{"right":"24","left":"24"},"_typography:mobile_portrait":{"font-size":"16"},"_heightMin":"60px","_heightMin:mobile_portrait":"48px","_background:hover":{"color":{"hex":"#bab562"}}}},{"id":"fgcnrd","name":"sunzen-work-here__section","settings":{"_padding:mobile_portrait":{"bottom":"120"},"_padding:mobile_landscape":{"bottom":"140"}}},{"id":"bysuac","name":"sunzen__slider-wrapper","settings":{"_alignItems":"center"}},{"id":"fuuwae","name":"sunzen__h2","settings":{"_typography":{"font-size":"42","font-family":"Manrope","font-weight":"600","color":{"hex":"#111111"}},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"24"}}},{"id":"zzonlk","name":"sunzen__slider","settings":{"paginationBottom":"-55","paginationColorActive":{"hex":"#796d4f"},"paginationColor":{"hex":"#dcdacf"},"paginationHeight":"12","paginationWidth":"12","_cssCustom":".sunzen__slider.brxe-slider-nested .splide__pagination{\ndisplay:none;\n}","_cssCustom:mobile_landscape":".sunzen__slider.brxe-slider-nested .splide__pagination{\ndisplay:block;\n}"}},{"id":"wfkejh","name":"sunzen__h3","settings":{"_typography":{"font-size":"28","font-family":"Manrope","font-weight":"700","color":{"hex":"#111111"}},"_typography:mobile_landscape":{"font-size":"24"},"_typography:mobile_portrait":{"font-size":"20"}}},{"id":"zvhcgd","name":"sunzen__featured-card","settings":{"_padding":{"top":"32","left":"32","bottom":"48","right":"32"},"_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"}},"_gradient":[],"_justifyContent":"flex-end","_alignItems":"center","_alignSelf":"stretch","_heightMin":"400","_padding:tablet_portrait":{"left":"15","right":"15"},"_heightMin:tablet_portrait":"300"}},{"id":"qgbjbc","name":"sunzen__overlay-gradient-1","settings":{"_gradient":{"applyTo":"overlay","gradientType":"linear","colors":[{"id":"agjuxy","color":{"hex":"#d8cdea","rgb":"rgba(216, 205, 234, 0.25)","hsl":"hsla(263, 41%, 86%, 0.25)"}},{"id":"bhuibm","color":{"hex":"#d8cdea"}}]},"_overflow":"hidden"}},{"id":"bqkiqk","name":"sunzen__featured-card--small-txt","settings":{"_typography":{"font-size":"14","font-family":"Manrope","font-weight":"800","text-transform":"uppercase","letter-spacing":"2"},"_typography:mobile_portrait":{"font-size":"12"}}},{"id":"mmailk","name":"sunzen__overlay-gradient-2","settings":{"_gradient":{"applyTo":"overlay","gradientType":"linear","colors":[{"id":"ggopyx","color":{"hex":"#b8d2e6","rgb":"rgba(184, 210, 230, 0.25)","hsl":"hsla(206, 48%, 81%, 0.25)"}},{"id":"qyjian","color":{"hex":"#b8d2e6"}}]},"_overflow":"hidden"}},{"id":"ulunxv","name":"sunzen__overlay-gradient-3","settings":{"_gradient":{"applyTo":"overlay","gradientType":"linear","colors":[{"id":"oedazz","color":{"hex":"#a9b493","rgb":"rgba(169, 180, 147, 0.25)","hsl":"hsla(80, 18%, 64%, 0.25)"}},{"id":"hqaopa","color":{"hex":"#a9b493"}}]},"_overflow":"hidden"}},{"id":"unqjse","name":"sunzen__btn-black","settings":{"_background":{"color":{"hex":"#111111"}},"_typography":{"color":{"hex":"#ffffff"}},"_background:hover":{"color":{"hex":"#363534"}}},"modified":1748467181,"user_id":1}]}
Profile Picture
Akshay Joshi

Sunzen kit – Featured Card Slider

Featured item card within a slider
View now
Copy now
{"id":970,"name":"why-work-here","title":"Why Work here","date":"2025-05-28 21:22:08","date_formatted":"May 28, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/why-work-here\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"0a5ed4","name":"section","parent":0,"children":["ced5d5"],"settings":{"_cssGlobalClasses":["qflssy","fgcnrd"],"_background":{"color":{"hex":"#ffffff"}}},"label":"Why Work here"},{"id":"ced5d5","name":"container","parent":"0a5ed4","children":["1fa788","2bbb82"],"settings":{"_cssGlobalClasses":["jjcpci","bysuac"]}},{"id":"1fa788","name":"heading","parent":"ced5d5","children":[],"settings":{"text":"Why work here?","tag":"h2","_cssGlobalClasses":["fuuwae"]}},{"id":"2bbb82","name":"slider-nested","parent":"ced5d5","children":["f7a361","c5109d","cc4777"],"settings":{"pagination":true,"_cssGlobalClasses":["zzonlk"],"height":"auto","perPage":"3","perMove":"1","gap":"15","perPage:mobile_landscape":"2","perPage:mobile_portrait":"1"},"label":"Why work Slider (Nestable)"},{"id":"f7a361","name":"block","parent":"2bbb82","children":["df6f08","c6f450","69a783"],"settings":{"_cssGlobalClasses":["wvomfu"]},"label":"Slide 1 - "},{"id":"df6f08","name":"block","parent":"f7a361","children":["502de1"],"settings":{"_cssGlobalClasses":["juemqa"]},"label":"Logo"},{"id":"502de1","name":"svg","parent":"df6f08","children":[],"settings":{"_cssGlobalClasses":["wpvkxw"],"file":{"id":829,"filename":"Frame-7.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Frame-7.svg"}},"themeStyles":[]},{"id":"c6f450","name":"heading","parent":"f7a361","children":[],"settings":{"text":"Peaceful","tag":"custom","customTag":"span","_cssGlobalClasses":["dsvyjk"]}},{"id":"69a783","name":"text-basic","parent":"f7a361","children":[],"settings":{"text":"Create in a tranquil space designed to enhance focus and productivity, where every detail fosters a sense of calm and clarity.","_cssGlobalClasses":["lsrsau"]}},{"id":"c5109d","name":"block","parent":"2bbb82","children":["ab9d30","c2c1fb","54ff6a"],"settings":{"_cssGlobalClasses":["wvomfu"]},"label":"Slide 1"},{"id":"ab9d30","name":"block","parent":"c5109d","children":["cce5cd"],"settings":{"_cssGlobalClasses":["juemqa","ttxkeg"]},"label":"Logo"},{"id":"cce5cd","name":"svg","parent":"ab9d30","children":[],"settings":{"_cssGlobalClasses":["wpvkxw"],"file":{"id":836,"filename":"Frame-8.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Frame-8.svg"}},"themeStyles":[]},{"id":"c2c1fb","name":"heading","parent":"c5109d","children":[],"settings":{"text":"Balanced","tag":"custom","customTag":"span","_cssGlobalClasses":["dsvyjk"]}},{"id":"54ff6a","name":"text-basic","parent":"c5109d","children":[],"settings":{"text":"Work in a harmonious environment that promotes well-being and equilibrium, ensuring you feel centered and energized throughout the day.","_cssGlobalClasses":["lsrsau"]}},{"id":"cc4777","name":"block","parent":"2bbb82","children":["ca89a6","7a80f7","cc13ac"],"settings":{"_cssGlobalClasses":["wvomfu"]},"label":"Slide 1"},{"id":"ca89a6","name":"block","parent":"cc4777","children":["c1521a"],"settings":{"_cssGlobalClasses":["juemqa","weflmh"]},"label":"Logo"},{"id":"c1521a","name":"svg","parent":"ca89a6","children":[],"settings":{"_cssGlobalClasses":["wpvkxw"],"file":{"id":838,"filename":"Frame-9.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/Frame-9.svg"}},"themeStyles":[]},{"id":"7a80f7","name":"heading","parent":"cc4777","children":[],"settings":{"text":"Connection","tag":"custom","customTag":"span","_cssGlobalClasses":["dsvyjk"]}},{"id":"cc13ac","name":"text-basic","parent":"cc4777","children":[],"settings":{"text":"Engage with a supportive network of professionals, fostering connections and teamwork in an inclusive and vibrant environment.","_cssGlobalClasses":["lsrsau"]}}],"templateType":"section","global_classes":[{"id":"qflssy","name":"sunzen-default-section","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"},"_padding:mobile_landscape":{"top":"80","bottom":"80"},"_padding:mobile_portrait":{"top":"60","bottom":"60"},"_rowGap":"64","_rowGap:mobile_portrait":"40"}},{"id":"jjcpci","name":"sunzen-default-container","settings":{"_width":"1248","_rowGap":"64","_rowGap:mobile_landscape":"30"}},{"id":"fgcnrd","name":"sunzen-work-here__section","settings":{"_padding:mobile_portrait":{"bottom":"120"},"_padding:mobile_landscape":{"bottom":"140"}}},{"id":"bysuac","name":"sunzen__slider-wrapper","settings":{"_alignItems":"center"}},{"id":"juemqa","name":"sunzen-why-work__logo","settings":{"_width":"72","_height":"72","_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_background":{"color":{"hex":"#dcdacf"}},"_alignSelf":"flex-start","_alignItems":"center","_justifyContent":"center"}},{"id":"wpvkxw","name":"sunzen-why-work__svg","settings":{"_width":"24"}},{"id":"dsvyjk","name":"sunzen-why-work__heading","settings":{"_typography":{"font-family":"Manrope","font-weight":"700","color":{"hex":"#111111"},"font-size":"24"},"_typography:mobile_portrait":{"font-size":"18"}}},{"id":"fuuwae","name":"sunzen__h2","settings":{"_typography":{"font-size":"42","font-family":"Manrope","font-weight":"600","color":{"hex":"#111111"}},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"24"}}},{"id":"lsrsau","name":"sunzen__body-text","settings":{"_typography":{"font-size":"18","font-family":"Manrope","font-weight":"400","color":{"hex":"#111111"}},"_typography:mobile_portrait":{"font-size":"16"}}},{"id":"wvomfu","name":"sunzen-why-work__slide","settings":{"_background":{"color":{"hex":"#f8f8f5"}},"_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"}},"_padding":{"top":"32","left":"32","right":"32","bottom":"48"},"_alignItems":"flex-start","_rowGap":"20","_alignSelf":"stretch","_justifyContent":"flex-start","_padding:tablet_portrait":{"left":"20","right":"20"},"_padding:mobile_portrait":{"left":"32","right":"32"}}},{"id":"zzonlk","name":"sunzen__slider","settings":{"paginationBottom":"-55","paginationColorActive":{"hex":"#796d4f"},"paginationColor":{"hex":"#dcdacf"},"paginationHeight":"12","paginationWidth":"12","_cssCustom":".sunzen__slider.brxe-slider-nested .splide__pagination{\ndisplay:none;\n}","_cssCustom:mobile_landscape":".sunzen__slider.brxe-slider-nested .splide__pagination{\ndisplay:block;\n}"}},{"id":"ttxkeg","name":"sunzen__sky-bg","settings":{"_background":{"color":{"hex":"#b8d2e6"}}}},{"id":"weflmh","name":"sunzen__lavender-bg","settings":{"_background":{"color":{"hex":"#d8cdea"}}}}]}

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue