Accessible Blog Cards | Free Bricks Builder Component | Bricks Board

{"content":[{"id":"qhvjcc","name":"section","parent":0,"children":["sllpus"],"settings":{"_cssGlobalClasses":["qbqcae"]}},{"id":"sllpus","name":"container","parent":"qhvjcc","children":["nfypjy","visapc"],"settings":[]},{"id":"nfypjy","name":"heading","parent":"sllpus","children":[],"settings":{"text":"Skincare tips & insights","_cssGlobalClasses":["mshpmd"]}},{"id":"visapc","name":"block","parent":"sllpus","children":["bzkbam","iagymd","ovyfpi"],"settings":{"_cssGlobalClasses":["boynqq"],"tag":"ul"},"label":"Blogs"},{"id":"bzkbam","name":"block","parent":"visapc","children":["ibpdyk","cfpjum"],"settings":{"_cssGlobalClasses":["vunuls"],"tag":"li"},"label":"Card"},{"id":"ibpdyk","name":"block","parent":"bzkbam","children":["zedged"],"settings":{"_cssGlobalClasses":["auevnl"]},"label":"Image Wrap"},{"id":"zedged","name":"image","parent":"ibpdyk","children":[],"settings":{"_cssGlobalClasses":["ppecxf"],"image":{"id":246,"filename":"Rectangle-37.png","size":"full","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-37.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-37.png"}},"themeStyles":[]},{"id":"cfpjum","name":"block","parent":"bzkbam","children":["nvzlqt","zxduxx"],"settings":{"_cssGlobalClasses":["zpwgfi"]},"label":"Content"},{"id":"nvzlqt","name":"heading","parent":"cfpjum","children":[],"settings":{"text":"The ultimate guide to winter skincare","_cssGlobalClasses":["xzmdgr"],"_padding":{"right":"0"},"link":{"type":"external","url":"#"}}},{"id":"zxduxx","name":"block","parent":"cfpjum","children":["dzoybv","gxapnm"],"settings":{"_cssGlobalClasses":["epptwa"]},"label":"Date"},{"id":"dzoybv","name":"svg","parent":"zxduxx","children":[],"settings":{"_cssGlobalClasses":["iaiabl"],"file":{"id":245,"filename":"calendar-days.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/calendar-days.svg"}},"themeStyles":[]},{"id":"gxapnm","name":"text-basic","parent":"zxduxx","children":[],"settings":{"text":"November 3, 2024"}},{"id":"iagymd","name":"block","parent":"visapc","children":["clyuhf","egeref"],"settings":{"_cssGlobalClasses":["vunuls"],"tag":"li"},"label":"Card"},{"id":"clyuhf","name":"block","parent":"iagymd","children":["yrrhxd"],"settings":{"_cssGlobalClasses":["auevnl"]},"label":"Image Wrap"},{"id":"yrrhxd","name":"image","parent":"clyuhf","children":[],"settings":{"_cssGlobalClasses":["ppecxf"],"image":{"id":247,"filename":"Rectangle-38.png","size":"full","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-38.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-38.png"}},"themeStyles":[]},{"id":"egeref","name":"block","parent":"iagymd","children":["xcmqye","dnusaa"],"settings":{"_cssGlobalClasses":["zpwgfi"]},"label":"Content"},{"id":"xcmqye","name":"heading","parent":"egeref","children":[],"settings":{"text":"Top 5 anti-aging ingredients you need to know","_cssGlobalClasses":["xzmdgr"],"_padding":{"right":"0"},"link":{"type":"external","url":"#"}}},{"id":"dnusaa","name":"block","parent":"egeref","children":["mlygmj","dmsgyi"],"settings":{"_cssGlobalClasses":["epptwa"]},"label":"Date"},{"id":"mlygmj","name":"svg","parent":"dnusaa","children":[],"settings":{"_cssGlobalClasses":["iaiabl"],"file":{"id":245,"filename":"calendar-days.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/calendar-days.svg"}},"themeStyles":[]},{"id":"dmsgyi","name":"text-basic","parent":"dnusaa","children":[],"settings":{"text":"November 3, 2024"}},{"id":"ovyfpi","name":"block","parent":"visapc","children":["mxjoog","dkatvg"],"settings":{"_cssGlobalClasses":["vunuls"],"tag":"li"},"label":"Card"},{"id":"mxjoog","name":"block","parent":"ovyfpi","children":["wijqgj"],"settings":{"_cssGlobalClasses":["auevnl"]},"label":"Image Wrap"},{"id":"wijqgj","name":"image","parent":"mxjoog","children":[],"settings":{"_cssGlobalClasses":["ppecxf"],"image":{"id":248,"filename":"Rectangle-39.png","size":"full","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-39.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Rectangle-39.png"}},"themeStyles":[]},{"id":"dkatvg","name":"block","parent":"ovyfpi","children":["ddmukm","hxnxyj"],"settings":{"_cssGlobalClasses":["zpwgfi"]},"label":"Content"},{"id":"ddmukm","name":"heading","parent":"dkatvg","children":[],"settings":{"text":"Common skincare myths – debunked!","_cssGlobalClasses":["xzmdgr"],"_padding":{"right":"0"},"link":{"type":"external","url":"#"}}},{"id":"hxnxyj","name":"block","parent":"dkatvg","children":["smvvgj","bvpnjp"],"settings":{"_cssGlobalClasses":["epptwa"]},"label":"Date"},{"id":"smvvgj","name":"svg","parent":"hxnxyj","children":[],"settings":{"_cssGlobalClasses":["iaiabl"],"file":{"id":245,"filename":"calendar-days.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/calendar-days.svg"}},"themeStyles":[]},{"id":"bvpnjp","name":"text-basic","parent":"hxnxyj","children":[],"settings":{"text":"November 3, 2024"}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"mshpmd","name":"blogs__h2","settings":{"_margin":{"left":"auto","right":"auto"}}},{"id":"boynqq","name":"blogs","settings":{"_margin":{"top":"72"},"_display":"grid","_gridTemplateColumns":"repeat(3,1fr)","_gridGap":"16","_padding":{"left":"0"},"_gridTemplateColumns:mobile_landscape":"1fr","_gridGap:mobile_landscape":"32"},"modified":1744896592,"user_id":1},{"id":"vunuls","name":"blogs__card","settings":{"_rowGap":"10","_cssCustom":".blogs__card:first-child {\n border-radius: 100px 0 0 0;\n overflow: clip;\n}\n\n.blogs__card {\n position: relative;\n}\n\n.blogs__card .blogs__image-wrap {\n overflow: clip;\n}\n\n.blogs__card img {\n transition: transform 0.3s ease;\n}\n\n.blogs__card:hover img {\n transform: rotate(2deg) scale(1.05) !important;\n}\n\n.blogs__card h3 a::before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 1;\n}\n\n.blogs__card:focus-within {\n box-shadow: 0 0 0 2px #512729; \n}\n\n.blogs__card:focus-within :focus {\n box-shadow: none;\n outline: none;\n}","_flexWrap:mobile_landscape":"nowrap"},"modified":1744896592,"user_id":1},{"id":"auevnl","name":"blogs__image-wrap","settings":{"_heightMax:mobile_landscape":"400"},"modified":1744896592,"user_id":1},{"id":"ppecxf","name":"blogs__image","settings":{"_height":"100%","_width":"100%","_objectFit:mobile_landscape":"cover"},"modified":1744896592,"user_id":1},{"id":"zpwgfi","name":"blogs__content","settings":{"_rowGap":"5","_height":"100%","_justifyContent":"space-between"}},{"id":"xzmdgr","name":"blogs__title","settings":{"_typography":{"font-size":"18"},"_typography:tablet_portrait":{"font-size":"16"}},"modified":1744896592,"user_id":1},{"id":"epptwa","name":"blogs__date","settings":{"_direction":"row","_columnGap":"10"}},{"id":"iaiabl","name":"blogs__date-svg","settings":[]}],"globalElements":[]}

Similar components

Metric Kit – Case Study Section

Case study showcase with customizable cards and call to action

Copy now

{"id":405,"name":"metric-case-study","title":"Metric Case Study","date":"2025-04-22 20:10:41","date_formatted":"April 22, 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\/metric-case-study\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"d67be6","name":"section","parent":0,"children":["6f6f9a","0f59dd"],"settings":{"_cssGlobalClasses":["vneohb","ffnojv"]},"label":"Case Study"},{"id":"6f6f9a","name":"container","parent":"d67be6","children":["750b43","e50d2c"],"settings":{"_cssGlobalClasses":["qresdr","lrviip"]},"label":"Container First"},{"id":"750b43","name":"container","parent":"6f6f9a","children":["490696","ed5b33"],"settings":{"_cssGlobalClasses":["mywtou"]},"label":"Heading Container"},{"id":"490696","name":"heading","parent":"750b43","children":[],"settings":{"text":"Case study","_cssGlobalClasses":["jxomuc"],"tag":"h2"}},{"id":"ed5b33","name":"image","parent":"750b43","children":[],"settings":{"_cssGlobalClasses":["qriiwo"],"image":{"id":235,"filename":"Logo-Container.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container.svg"}}},{"id":"e50d2c","name":"container","parent":"6f6f9a","children":["ab2500","476777"],"settings":{"_cssGlobalClasses":["pmbrlo"]},"label":"Container -2col"},{"id":"ab2500","name":"block","parent":"e50d2c","children":["164eae","647788","002b61"],"settings":{"_cssGlobalClasses":["qhqcaw"]},"label":"Column"},{"id":"164eae","name":"block","parent":"ab2500","children":["4c6318","4de7da"],"settings":{"_cssGlobalClasses":["oxqkqj"],"_padding:mobile_landscape":{"top":"0"}}},{"id":"4c6318","name":"heading","parent":"164eae","children":[],"settings":{"text":"The challenge","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"4de7da","name":"text-basic","parent":"164eae","children":[],"settings":{"text":"Wise was spending $80k\/month on LinkedIn ads with stagnant results and unclear ROI.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"647788","name":"block","parent":"ab2500","children":["01b409","8dc4f7"],"settings":{"_cssGlobalClasses":["oxqkqj"]}},{"id":"01b409","name":"heading","parent":"647788","children":[],"settings":{"text":"Our solution","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"8dc4f7","name":"text-basic","parent":"647788","children":[],"settings":{"text":"We completely rebuild their campaign architecture focused on intent signals and industry-specific targeting.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"002b61","name":"block","parent":"ab2500","children":["96057e","a3268e"],"settings":{"_cssGlobalClasses":["oxqkqj"]}},{"id":"96057e","name":"heading","parent":"002b61","children":[],"settings":{"text":"Project information","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"a3268e","name":"block","parent":"002b61","children":["84b07b","68dd44","388648"],"settings":{"_cssGlobalClasses":["goeaue"]}},{"id":"84b07b","name":"button","parent":"a3268e","children":[],"settings":{"text":"6 months","_cssGlobalClasses":["zcgmho"],"link":{"type":"external","url":"#"}}},{"id":"68dd44","name":"button","parent":"a3268e","children":[],"settings":{"text":"$100k\/month","_cssGlobalClasses":["zcgmho"],"link":{"type":"external","url":"#"}}},{"id":"388648","name":"button","parent":"a3268e","children":[],"settings":{"text":"LinkedIn + Meta","_cssGlobalClasses":["zcgmho"],"link":{"type":"external","url":"#"}}},{"id":"476777","name":"block","parent":"e50d2c","children":["1c3422","5cc8bc"],"settings":{"_cssGlobalClasses":["lgldit"]},"label":"Column"},{"id":"1c3422","name":"block","parent":"476777","children":["c8bf86","193760","8e5d82","aea331"],"settings":{"_cssGlobalClasses":["oxqkqj"],"_padding:mobile_landscape":{"top":"0"},"_padding:mobile_portrait":{"top":"32"}}},{"id":"c8bf86","name":"heading","parent":"1c3422","children":[],"settings":{"text":"Results","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"193760","name":"text-basic","parent":"1c3422","children":[],"settings":{"text":"47% reduction in CAC","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"8e5d82","name":"text-basic","parent":"1c3422","children":[],"settings":{"text":"312% increase in qualified leads","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"aea331","name":"text-basic","parent":"1c3422","children":[],"settings":{"text":"2.8x ROAS within 90 days","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"5cc8bc","name":"block","parent":"476777","children":["7b1102","78b201"],"settings":{"_cssGlobalClasses":["oxqkqj"],"_border:mobile_landscape":{"width":{"bottom":"0"}}}},{"id":"7b1102","name":"block","parent":"5cc8bc","children":["203a5a","874533"],"settings":{"_cssGlobalClasses":["pwidhq"]}},{"id":"203a5a","name":"image","parent":"7b1102","children":[],"settings":{"_cssGlobalClasses":["odtzmx"],"image":{"id":249,"filename":"Testimonial-Image.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Testimonial-Image.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Testimonial-Image.png"}},"themeStyles":[]},{"id":"874533","name":"heading","parent":"7b1102","children":[],"settings":{"text":"Kristo K\u00e4\u00e4rmann, CEO at Wise","_cssGlobalClasses":["xidqdh"],"tag":"custom","customTag":"span"},"label":"Title"},{"id":"78b201","name":"text-basic","parent":"5cc8bc","children":[],"settings":{"text":"Metric transformed our paid social from a cost center to a predictable revenue engine. They actually understand the fintech space and how to target decision-makers.","_cssGlobalClasses":["pmslul"]},"label":"Description"},{"id":"0f59dd","name":"container","parent":"d67be6","children":["2d82d9","08e9bd","6d276d"],"settings":{"_direction":"row","_cssGlobalClasses":["edrcar","qresdr","cnggnt"]},"label":"Container - 3col"},{"id":"2d82d9","name":"block","parent":"0f59dd","children":["88c900","2ec5d0","3db02d"],"settings":{"_cssGlobalClasses":["wezzkl"],"_padding":{"left":"0"},"_padding:mobile_landscape":{"top":"0"}},"label":"Column"},{"id":"88c900","name":"image","parent":"2d82d9","children":[],"settings":{"_cssGlobalClasses":["ocdlbn"],"image":{"id":258,"filename":"Logo-Container-1.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container-1.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container-1.svg"}},"themeStyles":[]},{"id":"2ec5d0","name":"heading","parent":"2d82d9","children":[],"settings":{"text":"How Figma reduced CAC by 48% while scaling demo requests to 3,000+ monthly","_cssGlobalClasses":["aobkzj"]}},{"id":"3db02d","name":"button","parent":"2d82d9","children":[],"settings":{"text":"Read case study","_cssGlobalClasses":["emdgog"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"}}},{"id":"08e9bd","name":"block","parent":"0f59dd","children":["c43b3c","f4e902","fa60d0"],"settings":{"_cssGlobalClasses":["wezzkl"]},"label":"Column"},{"id":"c43b3c","name":"image","parent":"08e9bd","children":[],"settings":{"_cssGlobalClasses":["ocdlbn"],"image":{"id":263,"filename":"Logo-Container-2.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container-2.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container-2.svg"}},"themeStyles":[]},{"id":"f4e902","name":"heading","parent":"08e9bd","children":[],"settings":{"text":"Scaling Slack's B2B campaigns to reach 10,000+ qualified IT decision-makers monthly","_cssGlobalClasses":["aobkzj"]}},{"id":"fa60d0","name":"button","parent":"08e9bd","children":[],"settings":{"_cssGlobalClasses":["emdgog"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"}}},{"id":"6d276d","name":"block","parent":"0f59dd","children":["a0d897","4b978f","1b8dd7"],"settings":{"_cssGlobalClasses":["wezzkl"],"_border":{"width":{"right":"0"},"style":"solid"},"_padding":{"right":"0"}},"label":"Column"},{"id":"a0d897","name":"image","parent":"6d276d","children":[],"settings":{"_cssGlobalClasses":["ocdlbn"],"image":{"id":264,"filename":"Logo-Container-3.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container-3.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/04\/Logo-Container-3.svg"}},"themeStyles":[]},{"id":"4b978f","name":"heading","parent":"6d276d","children":[],"settings":{"text":"Growing Linear's product-led growth through paid social: From $0 to $300k MRR","_cssGlobalClasses":["aobkzj"]}},{"id":"1b8dd7","name":"button","parent":"6d276d","children":[],"settings":{"_cssGlobalClasses":["emdgog"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"}}}],"templateType":"section","global_classes":[{"id":"vneohb","name":"metric-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"}}},{"id":"qresdr","name":"metric-default-container","settings":{"_width":"1728"}},{"id":"edrcar","name":"metric-our-approach_3col-container","settings":{"_alignItems":"stretch"}},{"id":"ffnojv","name":"metric-case-study","settings":{"_padding:mobile_portrait":{"left":"0","right":"0"},"_rowGap":"90"}},{"id":"lrviip","name":"metric-case-study__container-first","settings":{"_background":{"color":{"hex":"#171717"}},"_padding":{"top":"6%","right":"6%","bottom":"6%","left":"6%"},"_rowGap":"96","_rowGap:mobile_portrait":"60","_padding:mobile_portrait":{"top":"5%","right":"5%","bottom":"5%","left":"5%"}}},{"id":"cnggnt","name":"metric-case-study__3col-container","settings":{"_padding:mobile_portrait":{"left":"5%","right":"5%"}}},{"id":"mywtou","name":"metric-case-study__heading-container","settings":{"_direction":"row","_flexWrap":"nowrap","_justifyContent":"space-between","_alignItems":"center","_width":"100%"}},{"id":"pmbrlo","name":"metric-case-study__2col-container","settings":{"_width":"100%","_alignItems":"stretch","_direction:mobile_landscape":"column","_direction":"row"}},{"id":"jxomuc","name":"metric-h2-white","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"48","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"32"}}},{"id":"qriiwo","name":"metric-case-study__heading-image","settings":{"_width":"140","_width:mobile_portrait":"87"}},{"id":"qhqcaw","name":"metric-case-study__left-col","settings":{"_padding":{"right":"48"},"_border":{"width":{"right":"1"},"style":"solid","color":{"hex":"#414141"}},"_rowGap":"40","_width":"50%","_width:mobile_landscape":"100%","_padding:mobile_landscape":{"bottom":"48","right":"0"},"_rowGap:mobile_landscape":"0","_border:mobile_landscape":{"width":{"right":"0"}},"_border:mobile_portrait":{"width":{"bottom":"1"},"style":"solid","color":{"hex":"#414141"}},"_padding:mobile_portrait":{"bottom":"0"}}},{"id":"lgldit","name":"metric-case-study__right-col","settings":{"_rowGap":"40","_width":"50%","_width:mobile_landscape":"100%","_padding:mobile_landscape":{"left":"0"},"_padding":{"left":"48"},"_rowGap:mobile_landscape":"0"}},{"id":"oxqkqj","name":"metric-case-study__block","settings":{"_rowGap":"24","_border:mobile_landscape":{"width":{"bottom":"1"},"style":"solid","color":{"hex":"#414141"}},"_padding:mobile_landscape":{"bottom":"48","top":"48"},"_padding:mobile_portrait":{"bottom":"32","top":"32"},"_border:mobile_portrait":{"width":{"bottom":"0"}}}},{"id":"xidqdh","name":"metric-case-study__title","settings":{"_typography":{"color":{"hex":"#909090"},"font-size":"20","font-weight":"400"},"_typography:tablet_portrait":{"font-size":"16"},"_typography:mobile_landscape":{"font-size":"20"},"_typography:mobile_portrait":{"font-size":"16"}}},{"id":"pmslul","name":"metric-case-study__desc","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(23px, 1.6vw, 32px);","font-weight":"400","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"23"},"_typography:mobile_landscape":{"font-size":"28"},"_typography:mobile_portrait":{"font-size":"24"}}},{"id":"zcgmho","name":"metric-case-study__btn","settings":{"_typography":{"font-size":"16","color":{"hex":"#ffffff"},"font-weight":"500"},"_padding":{"top":"8","bottom":"8","left":"24","right":"24"},"_heightMin":"48","_background":{"color":{"hex":"#232323"}},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_background:hover":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.73)","hsl":"hsla(0, 0%, 0%, 0.73)"}}}},{"id":"pwidhq","name":"metric-case-study__inner-block","settings":{"_direction":"row","_flexWrap":"nowrap","_alignItems":"center","_columnGap":"15"}},{"id":"odtzmx","name":"metric-case-study__photo","settings":{"_width":"56","_border":{"radius":{"right":"50%","bottom":"50%","left":"50%","top":"50%"}}}},{"id":"aobkzj","name":"metric-case-study__col-heading","settings":{"_typography":{"font-size":"clamp(23px, 1.6vw, 32px);","font-weight":"400"},"_typography:mobile_landscape":{"font-size":"28"},"_typography:mobile_portrait":{"font-size":"24"}},"modified":1744919275,"user_id":1},{"id":"emdgog","name":"metric-arrow-btn","settings":{"_padding":{"left":"0","right":"0","top":"0","bottom":"0"},"_typography":{"font-size":"20","font-weight":"500"},"iconTypography":{"font-size":"30"},"iconGap":"20","_typography:mobile_portrait":{"font-size":"16"}},"modified":1744919275,"user_id":1},{"id":"ocdlbn","name":"metric-case-study__3col-image","settings":{"_objectFit":"cover","_heightMax":"285","_heightMin":"200","_heightMax:mobile_landscape":"100%","_width:mobile_landscape":"100%"}},{"id":"goeaue","name":"metric-case-study__block-btn","settings":{"_columnGap":"15","_direction":"row","_rowGap:tablet_portrait":"15","_flexWrap":"wrap","_rowGap":"15"}},{"id":"wezzkl","name":"metric-case-study__3col","settings":{"_rowGap":"40","_padding":{"top":"0","right":"5%","left":"5%","bottom":"50"},"_border":{"width":{"top":"0","left":"0","right":"1","bottom":"1"},"style":"solid","color":{"hex":"#e1e1e1"}},"_padding:tablet_portrait":{"top":"0","right":"20","left":"20","bottom":"25"},"_padding:mobile_landscape":{"top":"48","bottom":"48","left":"0","right":"0"},"_border:mobile_landscape":{"width":{"right":"0","bottom":"1"},"style":"solid"},"_padding:mobile_portrait":{"top":"32","bottom":"32"}}}]}

Features Section

Responsive section with cards; perfect for demonstrating product/service features and benefits

Copy now

{"content":[{"id":"kkgfbg","name":"section","parent":0,"children":["nbovxx","krazjg"],"settings":{"_cssGlobalClasses":["qbqcae","iweoxy"],"_position":"relative"}},{"id":"nbovxx","name":"container","parent":"kkgfbg","children":["wcwthb","jyegsh"],"settings":{}},{"id":"wcwthb","name":"block","parent":"nbovxx","children":["bvmbaq","syibtr","mguafc"],"settings":{"_cssGlobalClasses":["pskwfz"]},"label":"Heading Wrapper"},{"id":"bvmbaq","name":"svg","parent":"wcwthb","children":[],"settings":{"_cssGlobalClasses":["kwpgbn"],"file":{"id":173,"filename":"star.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/star.svg"}}},{"id":"syibtr","name":"block","parent":"wcwthb","children":["agqzzk","mhrvbm"],"settings":{"_cssGlobalClasses":["qpwfzh"]}},{"id":"agqzzk","name":"heading","parent":"syibtr","children":[],"settings":{"text":"The ultimate guide to radiant beauty","_cssGlobalClasses":["fojzpc"],"tag":"h2"}},{"id":"mhrvbm","name":"text-basic","parent":"syibtr","children":[],"settings":{"text":"At Skinn Care, we believe that healthy skin starts with pure, effective ingredients. Our journey began with a simple mission","tag":"p","_cssGlobalClasses":["zxbfcy"]}},{"id":"mguafc","name":"button","parent":"wcwthb","children":[],"settings":{"text":"Learn More","style":"primary","_cssGlobalClasses":["owsull"],"icon":{"library":"svg","svg":{"id":177,"filename":"Vector4.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Vector4.svg"}},"link":{"type":"external","url":"#"}}},{"id":"jyegsh","name":"block","parent":"nbovxx","children":["zzgvur","pgmgay","qsvkmg"],"settings":{"_cssGlobalClasses":["xmctng"]},"label":"Grid"},{"id":"zzgvur","name":"block","parent":"jyegsh","children":["qlgqbo","yqxxsg","notqrv"],"settings":{"_cssGlobalClasses":["jmloeu"],"_background":{"color":{"hex":"#ffefd7"}}},"label":"Card"},{"id":"qlgqbo","name":"svg","parent":"zzgvur","children":[],"settings":{"_cssGlobalClasses":["rrzdkc"],"file":{"id":179,"filename":"vials.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/vials.svg"}},"themeStyles":{}},{"id":"yqxxsg","name":"heading","parent":"zzgvur","children":[],"settings":{"text":"Clean ingredients","_cssGlobalClasses":["zhjkdo"]}},{"id":"notqrv","name":"text-basic","parent":"zzgvur","children":[],"settings":{"text":"We prioritize high-quality, natural ingredients that are safe and effective for your skin.","_cssGlobalClasses":["yxrhic"],"tag":"p"}},{"id":"pgmgay","name":"block","parent":"jyegsh","children":["fhwvhg","rabtbi","zhaazj"],"settings":{"_cssGlobalClasses":["jmloeu"],"_background":{"color":{"hex":"#fee0d9"}}},"label":"Card"},{"id":"fhwvhg","name":"svg","parent":"pgmgay","children":[],"settings":{"_cssGlobalClasses":["rrzdkc"],"file":{"id":178,"filename":"eye-dropper.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/eye-dropper.svg"}},"themeStyles":{}},{"id":"rabtbi","name":"heading","parent":"pgmgay","children":[],"settings":{"text":"Sustainable beauty","_cssGlobalClasses":["zhjkdo"]}},{"id":"zhaazj","name":"text-basic","parent":"pgmgay","children":[],"settings":{"text":"Our eco-conscious approach ensures that our products are kind to the environment and your skin.","_cssGlobalClasses":["yxrhic"],"tag":"p"}},{"id":"qsvkmg","name":"block","parent":"jyegsh","children":["sisgqq","yxscxb","ehklcj"],"settings":{"_cssGlobalClasses":["jmloeu"],"_background":{"color":{"hex":"#fcf3ee"}}},"label":"Card"},{"id":"sisgqq","name":"svg","parent":"qsvkmg","children":[],"settings":{"_cssGlobalClasses":["rrzdkc"],"file":{"id":180,"filename":"shield-check.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/shield-check.svg"}},"themeStyles":{}},{"id":"yxscxb","name":"heading","parent":"qsvkmg","children":[],"settings":{"text":"Dermatologist-approved","_cssGlobalClasses":["zhjkdo"]}},{"id":"ehklcj","name":"text-basic","parent":"qsvkmg","children":[],"settings":{"text":"Each formula is rigorously tested for purity and efficacy, so you can trust what goes on your skin.","_cssGlobalClasses":["yxrhic"],"tag":"p"}},{"id":"krazjg","name":"svg","parent":"kkgfbg","children":[],"settings":{"_cssGlobalClasses":["zgxzvi"],"file":{"id":172,"filename":"Backgroundvector2.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Backgroundvector2.svg"}},"themeStyles":{}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"}}},{"id":"iweoxy","name":"background--cream-light","settings":{"_background":{"color":{"hex":"#fff9f6"}}}},{"id":"pskwfz","name":"features__heading-wrapper","settings":{"_alignItems":"center","_rowGap":"30","_widthMax":"50%","_margin":{"left":"auto","right":"auto"},"_widthMax:mobile_landscape":"75%","_zIndex":"1"}},{"id":"kwpgbn","name":"svg-star","settings":{}},{"id":"qpwfzh","name":"features__heading-inner-wrap","settings":{"_alignItems":"center","_rowGap":"10"}},{"id":"fojzpc","name":"features__h2","settings":{"_typography":{"text-align":"center"}}},{"id":"zxbfcy","name":"features__heading-text","settings":{"_typography":{"text-align":"center"}}},{"id":"owsull","name":"button-secondary","settings":{"_border":{"radius":{"right":"20"}},"_padding":{"right":"40","left":"40","bottom":"12","top":"12"},"_typography":{"color":{"hex":"#ff835a"},"font-size":"16","font-weight":"700"},"_background":{"color":{"hex":"#512729"}},"_background:hover":{"color":{"hex":"#ff835a"}},"_typography:hover":{"color":{"hex":"#512729"}},"_border:hover":{"radius":{"right":"0","top":"20","left":"20","bottom":"20"}},"_cssTransition":"all 0.3s ease-in-out","_cursor":"pointer"},"modified":1744569792,"user_id":1},{"id":"xmctng","name":"features__grid","settings":{"_margin":{"top":"78"},"_display":"grid","_gridTemplateColumns":"repeat(3,1fr)","_gridGap":"32","_zIndex":"1","_gridGap:tablet_portrait":"20","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"jmloeu","name":"features-card","settings":{"_rowGap":"10","_border":{"radius":{"top":"200","right":"200","bottom":"200","left":"200"}},"_padding":{"top":"150","bottom":"150","left":"25","right":"25"},"_alignItems":"center","_padding:tablet_portrait":{"right":"16","left":"16","bottom":"100","top":"100"},"_padding:mobile_landscape":{"bottom":"50","top":"50","right":"75","left":"75"}}},{"id":"rrzdkc","name":"features-card__svg","settings":{"_margin":{"bottom":"25"},"_margin:mobile_landscape":{"bottom":"16"}}},{"id":"zhjkdo","name":"features-card__heading","settings":{"_typography":{"text-align":"center"}}},{"id":"yxrhic","name":"features-card__text","settings":{"_typography":{"text-align":"center","text-wrap":"balance"}}},{"id":"zgxzvi","name":"features__background-svg","settings":{"_position":"absolute","_top":"0","_right":"0"}}],"globalElements":[]}

Content Section with Cards

Content section with cards which display the list of your cards

Copy now

{"id":189,"name":"hero-section","title":"Hero Section","date":"2025-04-14 07:53:35","date_formatted":"April 14, 2025","author":{"name":"admin","avatar":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=60&d=mm&r=g","url":"http:\/\/board.local"},"permalink":"https:\/\/board.local\/template\/hero-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"3a6af2","name":"section","parent":0,"children":["73a7ea"],"settings":{"_cssGlobalClasses":["ergbtp"],"_padding:mobile_portrait":{"left":"0","right":"0"}},"label":"Content Section"},{"id":"73a7ea","name":"container","parent":"3a6af2","children":["bd870e","890619"],"settings":{"_cssGlobalClasses":["oookpc"],"_padding:mobile_portrait":{"left":"3rem","right":"3rem","top":"3rem"}}},{"id":"bd870e","name":"block","parent":"73a7ea","children":["8ddd7b","83d7a3","kepchl"],"settings":{"_cssGlobalClasses":["wcigeu"]},"label":"Content"},{"id":"8ddd7b","name":"heading","parent":"bd870e","children":[],"settings":{"text":"What I do for my customers","tag":"h1","_cssGlobalClasses":["xtfraf"]},"label":"Heading"},{"id":"83d7a3","name":"text-basic","parent":"bd870e","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat fringilla lorem sed bibendum.","tag":"p","_cssGlobalClasses":["ohburj"]},"label":"Text-basic"},{"id":"890619","name":"block","parent":"73a7ea","children":["220a8f","c63dda","82f577"],"settings":{"_cssGlobalClasses":["lfjpby"],"tag":"ul"},"label":"List Grid"},{"id":"220a8f","name":"block","parent":"890619","children":["aee72a","b407ac","98e4aa"],"settings":{"tag":"li","_cssGlobalClasses":["qdzcfz"]},"label":"Card"},{"id":"aee72a","name":"heading","parent":"220a8f","children":[],"settings":{"text":"UI\/UX Design","_cssGlobalClasses":["lb4w0j"]},"label":"Heading"},{"id":"b407ac","name":"icon","parent":"220a8f","children":[],"settings":{"icon":{"library":"svg","svg":{"id":215,"filename":"ux-design-icon.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/ux-design-icon.svg"}},"_cssGlobalClasses":["55dqs9"]},"label":"Icon","themeStyles":[]},{"id":"98e4aa","name":"text-basic","parent":"220a8f","children":[],"settings":{"text":"Websites, application or other design related tasks. I love tackling digital problems.\n\n","tag":"p","_cssGlobalClasses":["9dsnvk"]},"label":"Text"},{"id":"c63dda","name":"block","parent":"890619","children":["339ffd","4eeff5","78beda"],"settings":{"tag":"li","_cssGlobalClasses":["qdzcfz"]},"label":"Card"},{"id":"339ffd","name":"heading","parent":"c63dda","children":[],"settings":{"text":"Motion Graphics","_cssGlobalClasses":["lb4w0j"]},"label":"Heading"},{"id":"4eeff5","name":"icon","parent":"c63dda","children":[],"settings":{"icon":{"library":"svg","svg":{"id":216,"filename":"motion-graphics-icon.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/motion-graphics-icon.svg"}},"_cssGlobalClasses":["55dqs9"]},"label":"Icon","themeStyles":[]},{"id":"78beda","name":"text-basic","parent":"c63dda","children":[],"settings":{"text":"Every interaction you apply to your brand makes you stronger and more priority.\n\n","tag":"p","_cssGlobalClasses":["9dsnvk"]},"label":"Text"},{"id":"82f577","name":"block","parent":"890619","children":["906b0e","b38c45","7f3d4d"],"settings":{"tag":"li","_cssGlobalClasses":["qdzcfz"]},"label":"Card"},{"id":"906b0e","name":"heading","parent":"82f577","children":[],"settings":{"text":"Branding","_cssGlobalClasses":["lb4w0j"]},"label":"Heading"},{"id":"b38c45","name":"icon","parent":"82f577","children":[],"settings":{"icon":{"library":"svg","svg":{"id":217,"filename":"branding-icon.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/branding-icon.svg"}},"_cssGlobalClasses":["55dqs9"]},"label":"Icon","themeStyles":[]},{"id":"7f3d4d","name":"text-basic","parent":"82f577","children":[],"settings":{"text":"Positioning the brand first. I create visual identity across platforms.\n\n","tag":"p","_cssGlobalClasses":["9dsnvk"]},"label":"Text"},{"id":"kepchl","name":"button","parent":"bd870e","children":[],"settings":{"text":"connect with me","style":"primary","_cssGlobalClasses":["uvkehi"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"ergbtp","name":"content-box","settings":{"_overflow":"hidden","_background:tablet_portrait":{"color":{"raw":"var(--neutral-ultra-light)"}}},"_exists":false},{"id":"oookpc","name":"content-box__container","settings":{"_display":"grid","_gridTemplateColumns:tablet_portrait":"var(--grid-1)","_gridGap:tablet_portrait":"var(--grid-gap)","_background":{"color":{"raw":"#f0fefa"}},"_height":"45rem","_alignContentGrid":"center","_alignItemsGrid":"stretch","_gridTemplateColumns":"repeat(12, 1fr);","_height:tablet_portrait":"100%","_padding":{"left":"5rem","right":"5rem","top":"5rem","bottom":"5rem"}},"_exists":false},{"id":"wcigeu","name":"content-box__content","settings":{"_gridItemColumnSpan":"1 \/ 9","_gridItemRowSpan":"1","_padding":{"bottom":"6rem","right":"calc(10rem * 3)","top":"6rem"},"_position":"relative","_justifyContent":"center","_gridItemColumnSpan:tablet_portrait":"1","_gridItemRowSpan:tablet_portrait":"1","_padding:tablet_portrait":{"right":"unset","top":"0"},"_padding:mobile_portrait":{"top":"0"},"_padding:mobile_landscape":{"top":"0"},"_rowGap":"3rem"},"_exists":false,"modified":1744617510,"user_id":1},{"id":"xtfraf","name":"content-box__heading","settings":{"_typography":{"font-weight":"600","letter-spacing":"-.025em"}},"_exists":false},{"id":"ohburj","name":"content-box__text","settings":[],"_exists":false},{"id":"lfjpby","name":"content-box-grid-ul","settings":{"_gridItemRowSpan":"1","_gridItemColumnSpan":"6 \/ -1","_display":"grid","_gridTemplateRows":"repeat(4, 1fr);","_gridGap":"3rem","_position":"relative","_gridItemColumnSpan:tablet_portrait":"1","_gridItemRowSpan:tablet_portrait":"unset","_gridTemplateColumns:mobile_landscape":"var(--grid-1)","_gridTemplateRows:mobile_landscape":"unset","_gridTemplateColumns":"repeat(2, 1fr);","_cssCustom":".content-box-grid-ul{\nlist-style: none;\npadding-left: 0;\nlist-style-type: none;\nmargin-left: 0em;\nmargin-right: 0;\n}"},"_exists":false,"modified":1744627295,"user_id":1},{"id":"qdzcfz","name":"content-box-card","settings":{"_padding":{"top":"3rem","right":"2rem","bottom":"3rem","left":"2rem"},"_rowGap":"calc(3rem \/ 2)","_cssCustom":"@media (min-width:767px) {\n\n.content-box-card:nth-child(1) {\n\t grid-row: 2 \/ 4;\n}\n\n.content-box-card:nth-child(2), .content-box-card:nth-child(3) {\n\tgrid-column: 2 \/ 3;\n grid-row: span 2;\n}\n \n}\n\n.content-box-card{\n box-shadow:24px 24px 40px -12px rgba(28, 44, 64, .08);\n}","_background":{"color":{"raw":"#fff"}}},"modified":1729870684,"user_id":7,"_exists":false},{"id":"lb4w0j","name":"content-box-card__heading","settings":{"_typography":{"font-weight":"600"}},"_exists":false},{"id":"55dqs9","name":"content-box-card__icon","settings":{"_order":"-1"},"_exists":false},{"id":"9dsnvk","name":"content-box-card__text","settings":[],"_exists":false},{"id":"uvkehi","name":"content-box__button","settings":{"_padding":{"top":"1.3rem","bottom":"1.3rem","right":"2rem","left":"2rem"},"_typography":{"color":{"hex":"#ffffff"},"font-size":"1.5rem","text-transform":"uppercase","font-weight":"600"},"_background":{"color":{"hex":"#5e3bee"}},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}}},"modified":1744629077,"user_id":1}]}

Categories