Profile Picture
Joe Warren

Cards – Abstact Images

Responsive cards grid with abstract images
Copy component
Download JSON
{"content":[{"id":"sdftnd","name":"section","parent":0,"children":["szdreo","fczqvm"],"settings":{"_cssGlobalClasses":["qbqcae","xuacdg"],"_position":"relative"}},{"id":"szdreo","name":"container","parent":"sdftnd","children":["wcjoqt","iptrdv","ouweks"],"settings":{"_rowGap":"70","_zIndex":"1"}},{"id":"wcjoqt","name":"block","parent":"szdreo","children":["urglqz","guqeei"],"settings":{"_cssGlobalClasses":["otqlxo"]},"label":"Heading Block"},{"id":"urglqz","name":"svg","parent":"wcjoqt","children":[],"settings":{"_cssGlobalClasses":["durbuo"],"file":{"id":335,"filename":"heart.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/heart.svg"}}},{"id":"guqeei","name":"heading","parent":"wcjoqt","children":[],"settings":{"text":"Our signature treatments","_cssGlobalClasses":["nqfpij","acwjxl"],"tag":"h2"}},{"id":"iptrdv","name":"block","parent":"szdreo","children":["loodnb","rvvcew","avbtvr"],"settings":{"_cssGlobalClasses":["ayzygd"]},"label":"Grid"},{"id":"loodnb","name":"block","parent":"iptrdv","children":["hsshzp","rjtxkx"],"settings":{"_cssGlobalClasses":["qsyetz"]},"label":"Card"},{"id":"hsshzp","name":"image","parent":"loodnb","children":[],"settings":{"_cssGlobalClasses":["xsqxpt"],"image":{"id":337,"filename":"Rectangle-54.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-54.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-54-788x1024.png"},"_border":{"radius":{"right":"100"}}},"themeStyles":{}},{"id":"rjtxkx","name":"block","parent":"loodnb","children":["wvxtit","kivpqt"],"settings":{"_cssGlobalClasses":["xkecud"]},"label":"Content"},{"id":"wvxtit","name":"heading","parent":"rjtxkx","children":[],"settings":{"text":"Face treatments","_cssGlobalClasses":["kuilys"]}},{"id":"kivpqt","name":"block","parent":"rjtxkx","children":["nzibws","gtmpxy"],"settings":{"_cssGlobalClasses":["lgfxye"],"tag":"a","link":{"type":"external","url":"#"}},"label":"Link"},{"id":"nzibws","name":"svg","parent":"kivpqt","children":[],"settings":{"_cssGlobalClasses":["xyiiax"],"file":{"id":339,"filename":"link-external.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/link-external.svg"}}},{"id":"gtmpxy","name":"text-basic","parent":"kivpqt","children":[],"settings":{"text":"Explore Now","_cssGlobalClasses":["apmcaf"],"tag":"p"}},{"id":"rvvcew","name":"block","parent":"iptrdv","children":["wgpbox","rhevlt"],"settings":{"_cssGlobalClasses":["qsyetz"]},"label":"Card"},{"id":"wgpbox","name":"image","parent":"rvvcew","children":[],"settings":{"_cssGlobalClasses":["xsqxpt"],"image":{"id":336,"filename":"Rectangle-53.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-53.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-53-788x1024.png"},"_border":{"radius":{"right":"100","top":"100","bottom":"100"}}}},{"id":"rhevlt","name":"block","parent":"rvvcew","children":["ulpxec","gmdpvq"],"settings":{"_cssGlobalClasses":["xkecud"]},"label":"Content"},{"id":"ulpxec","name":"heading","parent":"rhevlt","children":[],"settings":{"text":"Face treatments","_cssGlobalClasses":["kuilys"]}},{"id":"gmdpvq","name":"block","parent":"rhevlt","children":["fqplcs","jizwki"],"settings":{"_cssGlobalClasses":["lgfxye"],"tag":"a","link":{"type":"external","url":"#"}},"label":"Link"},{"id":"fqplcs","name":"svg","parent":"gmdpvq","children":[],"settings":{"_cssGlobalClasses":["xyiiax"],"file":{"id":339,"filename":"link-external.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/link-external.svg"}}},{"id":"jizwki","name":"text-basic","parent":"gmdpvq","children":[],"settings":{"text":"Explore Now","_cssGlobalClasses":["apmcaf"],"tag":"p"}},{"id":"avbtvr","name":"block","parent":"iptrdv","children":["zuwisz","qiqrhv"],"settings":{"_cssGlobalClasses":["qsyetz"]},"label":"Card"},{"id":"zuwisz","name":"image","parent":"avbtvr","children":[],"settings":{"_cssGlobalClasses":["xsqxpt"],"image":{"id":338,"filename":"Rectangle-55.png","size":"large","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-55.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Rectangle-55-788x1024.png"},"_border":{"radius":{"right":"100","top":"100","bottom":"100","left":"100"}}}},{"id":"qiqrhv","name":"block","parent":"avbtvr","children":["nzfrhf","ivwimn"],"settings":{"_cssGlobalClasses":["xkecud"]},"label":"Content"},{"id":"nzfrhf","name":"heading","parent":"qiqrhv","children":[],"settings":{"text":"Face treatments","_cssGlobalClasses":["kuilys"]}},{"id":"ivwimn","name":"block","parent":"qiqrhv","children":["upddmt","yaszmq"],"settings":{"_cssGlobalClasses":["lgfxye"],"tag":"a","link":{"type":"external","url":"#"}},"label":"Link"},{"id":"upddmt","name":"svg","parent":"ivwimn","children":[],"settings":{"_cssGlobalClasses":["xyiiax"],"file":{"id":339,"filename":"link-external.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/link-external.svg"}}},{"id":"yaszmq","name":"text-basic","parent":"ivwimn","children":[],"settings":{"text":"Explore Now","_cssGlobalClasses":["apmcaf"],"tag":"p"}},{"id":"ouweks","name":"block","parent":"szdreo","children":["oopxbt","phxnea","voxwli"],"settings":{"_cssGlobalClasses":["aolhwl"]},"label":"Services"},{"id":"oopxbt","name":"text-basic","parent":"ouweks","children":[],"settings":{"text":"Care","_cssGlobalClasses":["pqldwf"]}},{"id":"phxnea","name":"svg","parent":"ouweks","children":[],"settings":{"_cssGlobalClasses":["slocal"],"file":{"id":340,"filename":"Line-1.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/Line-1.svg"}}},{"id":"voxwli","name":"text","parent":"ouweks","children":[],"settings":{"text":"Discover treatments tailored to your skin’s unique needs, from hydration therapies to anti-aging solutions. View all services.","_cssGlobalClasses":["nwgfdu"]}},{"id":"fczqvm","name":"svg","parent":"sdftnd","children":[],"settings":{"_cssGlobalClasses":["muonyu"],"file":{"id":350,"filename":"background-vector.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/05/background-vector.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":"xuacdg","name":"background--primary","settings":{"_background":{"color":{"hex":"#512729","id":"edrsok","name":"Color #1"}}}},{"id":"otqlxo","name":"heading__block","settings":{"_alignItems":"center","_rowGap":"20"}},{"id":"durbuo","name":"heart--svg","settings":{}},{"id":"nqfpij","name":"h2","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-size":"36","font-weight":"800","text-align":"center"},"_typography:mobile_portrait":{"font-size":"30"},"_typography:tablet_portrait":{"font-size":"36"}},"modified":1744569912,"user_id":1,"_exists":false},{"id":"acwjxl","name":"text-color--accent","settings":{"_typography":{"color":{"hex":"#ff835a","id":"kgysyt","name":"Color #4"}}}},{"id":"ayzygd","name":"treatments__grid-3","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3, 1fr)","_gridGap":"16","_gridTemplateColumns:mobile_landscape":"1fr","_gridGap:mobile_landscape":"32"}},{"id":"qsyetz","name":"treatments__card","settings":{}},{"id":"xsqxpt","name":"treatments__image","settings":{"_objectFit:mobile_portrait":"cover","_heightMax:mobile_landscape":"450","_objectFit:mobile_landscape":"cover"}},{"id":"xkecud","name":"treatments__card-content","settings":{"_padding":{"top":"10"},"_alignItems":"center"}},{"id":"kuilys","name":"treatments__h3","settings":{"_typography":{"color":{"hex":"#ff835a","id":"kgysyt","name":"Color #4"}},"_typography:mobile_landscape":{"font-size":"24","text-align":"center"}}},{"id":"lgfxye","name":"treatments__link-block","settings":{"_direction":"row","_justifyContent":"center","_width":"auto","_padding":{"bottom":"10","top":"10","right":"15","left":"15"},"_columnGap":"16","_cssCustom":".treatments__link-block:hover p {\n color: white;\n}"}},{"id":"xyiiax","name":"link--svg","settings":{}},{"id":"apmcaf","name":"treatments__link-text","settings":{"_typography":{"color":{"hex":"#ff835a","id":"kgysyt","name":"Color #4"},"text-decoration":"underline"}}},{"id":"aolhwl","name":"services","settings":{"_direction":"row","_columnGap":"16","_justifyContent":"center","_alignItems":"center","_widthMax":"60%","_margin":{"left":"auto","right":"auto"},"_widthMax:tablet_portrait":"80%","_widthMax:mobile_landscape":"100%","_flexWrap:mobile_landscape":"nowrap","_direction:mobile_portrait":"column"}},{"id":"pqldwf","name":"logo__text","settings":{"_typography":{"color":{"hex":"#ff835a","id":"kgysyt","name":"Color #4"},"font-size":"40","font-weight":"900"}}},{"id":"slocal","name":"line--svg","settings":{"_transform:mobile_portrait":{"rotateZ":"90"}}},{"id":"nwgfdu","name":"services__text","settings":{"_typography":{"color":{"hex":"#ff835a","id":"kgysyt","name":"Color #4"}},"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"muonyu","name":"svg--background","settings":{"_position":"absolute","_top":"0","_left":"0","_height":"60%"}}],"globalElements":[]}

Similar components

Profile Picture
Akshay Joshi

Metric Kit – Case Study Section

Case study showcase with customizable cards and call to action
View now
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"}}}]}
Profile Picture
Joe Warren

Accessible Blog Cards

Accessible blog cards with image rotate and scale hover effect.
View now
Copy now
{"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":[]}
Profile Picture
Joe Warren

Features Section

Responsive section with cards; perfect for demonstrating product/service features and benefits
View now
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":[]}

Categories

Cards

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