Profile Picture
Julian Galluzzo

PostPilot Case Study Cards

A simple section with a 2 column grid layout + cards.
Copy component
Download JSON
{"content":[{"id":"wpdqva","name":"section","parent":0,"children":["pukzjc"],"settings":{"_cssGlobalClasses":["rpuaev","jiaqax"]},"label":"Light Section"},{"id":"pukzjc","name":"container","parent":"wpdqva","children":["fcemva","hhaohx","oyliil"],"settings":{"_cssGlobalClasses":["dccpwx"],"_alignItems":"center"},"label":"Light Section Container"},{"id":"fcemva","name":"heading","parent":"pukzjc","children":[],"settings":{"text":"We Know What Works.","_cssGlobalClasses":["nqfpij"],"_margin":{"bottom":"15"},"_widthMax":"750px","_typography":{"text-align":"center"}},"label":"H2"},{"id":"hhaohx","name":"text-basic","parent":"pukzjc","children":[],"settings":{"text":"And we'll do it for you.","_cssGlobalClasses":["ztnvmt"],"_margin":{"bottom":"75"},"_typography":{"font-size":"18"}}},{"id":"oyliil","name":"div","parent":"pukzjc","children":["givhos","xqipmc","svdpmw","onyppp"],"settings":{"_cssGlobalClasses":["xidfhs"]},"label":"Use Cases"},{"id":"givhos","name":"div","parent":"oyliil","children":["wzzkch","czbgem"],"settings":{"_cssGlobalClasses":["hwjttz"],"tag":"a"},"label":"Use Cases Card"},{"id":"wzzkch","name":"image","parent":"givhos","children":[],"settings":{"image":{"id":112,"filename":"chomps.webp","size":"large","full":"https://postpilot.local/wp-content/uploads/2025/01/chomps.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/chomps-1024x696.webp"}},"themeStyles":[]},{"id":"czbgem","name":"div","parent":"givhos","children":["spyekg","micgqn"],"settings":{"_cssGlobalClasses":["svnqce"]},"label":"Use Cases Lower"},{"id":"spyekg","name":"heading","parent":"czbgem","children":[],"settings":{"text":"CPG","_cssGlobalClasses":["wovqhb"]}},{"id":"micgqn","name":"div","parent":"czbgem","children":["wnhgti"],"settings":{"_cssGlobalClasses":["ybspqn"]}},{"id":"wnhgti","name":"icon","parent":"micgqn","children":[],"settings":{"icon":{"library":"themify","icon":"ti-angle-right"},"_cssGlobalClasses":["pqrzbg"]},"themeStyles":[]},{"id":"xqipmc","name":"div","parent":"oyliil","children":["acubek","pggqpk"],"settings":{"_cssGlobalClasses":["hwjttz"],"tag":"a"},"label":"Use Cases Card"},{"id":"acubek","name":"image","parent":"xqipmc","children":[],"settings":{"image":{"id":113,"filename":"taylor.webp","size":"large","full":"https://postpilot.local/wp-content/uploads/2025/01/taylor.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/taylor-1024x696.webp"}},"themeStyles":[]},{"id":"pggqpk","name":"div","parent":"xqipmc","children":["xjyxky","ewlvhn"],"settings":{"_cssGlobalClasses":["svnqce"]},"label":"Use Cases Lower"},{"id":"xjyxky","name":"heading","parent":"pggqpk","children":[],"settings":{"text":"Apparel & Accessories","_cssGlobalClasses":["wovqhb"]}},{"id":"ewlvhn","name":"div","parent":"pggqpk","children":["cxizvm"],"settings":{"_cssGlobalClasses":["ybspqn"]}},{"id":"cxizvm","name":"icon","parent":"ewlvhn","children":[],"settings":{"icon":{"library":"themify","icon":"ti-angle-right"},"_cssGlobalClasses":["pqrzbg"]},"themeStyles":[]},{"id":"svdpmw","name":"div","parent":"oyliil","children":["adgdxg","sumfxp"],"settings":{"_cssGlobalClasses":["hwjttz"],"tag":"a"},"label":"Use Cases Card"},{"id":"adgdxg","name":"image","parent":"svdpmw","children":[],"settings":{"image":{"id":114,"filename":"ghostbed.webp","size":"large","full":"https://postpilot.local/wp-content/uploads/2025/01/ghostbed.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/ghostbed-1024x696.webp"}},"themeStyles":[]},{"id":"sumfxp","name":"div","parent":"svdpmw","children":["qvsirf","aphakp"],"settings":{"_cssGlobalClasses":["svnqce"]},"label":"Use Cases Lower"},{"id":"qvsirf","name":"heading","parent":"sumfxp","children":[],"settings":{"text":"Home Furnishing","_cssGlobalClasses":["wovqhb"]}},{"id":"aphakp","name":"div","parent":"sumfxp","children":["qyxgto"],"settings":{"_cssGlobalClasses":["ybspqn"]}},{"id":"qyxgto","name":"icon","parent":"aphakp","children":[],"settings":{"icon":{"library":"themify","icon":"ti-angle-right"},"_cssGlobalClasses":["pqrzbg"]},"themeStyles":[]},{"id":"onyppp","name":"div","parent":"oyliil","children":["qbtfou","mzuhxa"],"settings":{"_cssGlobalClasses":["hwjttz"],"tag":"a"},"label":"Use Cases Card"},{"id":"qbtfou","name":"image","parent":"onyppp","children":[],"settings":{"image":{"id":116,"filename":"paw.webp","size":"large","full":"https://postpilot.local/wp-content/uploads/2025/01/paw.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/paw-1024x696.webp"}},"themeStyles":[]},{"id":"mzuhxa","name":"div","parent":"onyppp","children":["oqmifk","xhdezn"],"settings":{"_cssGlobalClasses":["svnqce"]},"label":"Use Cases Lower"},{"id":"oqmifk","name":"heading","parent":"mzuhxa","children":[],"settings":{"text":"Pet Supplies","_cssGlobalClasses":["wovqhb"]}},{"id":"xhdezn","name":"div","parent":"mzuhxa","children":["fzvrht"],"settings":{"_cssGlobalClasses":["ybspqn"]}},{"id":"fzvrht","name":"icon","parent":"xhdezn","children":[],"settings":{"icon":{"library":"themify","icon":"ti-angle-right"},"_cssGlobalClasses":["pqrzbg"]},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.11.1.1","globalClasses":[{"id":"rpuaev","name":"light-section","settings":{"_typography":{"font-family":"Instrument Sans"},"_overflow":"clip"}},{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"dccpwx","name":"container-width","settings":{"_width":"100%","_widthMax":"1300px"}},{"id":"nqfpij","name":"h2","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-family":"Merriweather","font-size":"50","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"30"}},"modified":1737219727,"user_id":1},{"id":"ztnvmt","name":"paragraph","settings":{"_typography":{"font-size":"18"}},"modified":1737382996,"user_id":1},{"id":"xidfhs","name":"use-cases","settings":{"_width":"100%","_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"25","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"hwjttz","name":"use-cases__card","settings":{"_padding":{"bottom":"25","top":"25","left":"25","right":"25"},"_boxShadow":{"values":{"offsetY":"2","blur":"9"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.16)","hsl":"hsla(0, 0%, 0%, 0.16)"}},"_background:hover":{"color":{"hex":"#fff0f0"}},"_cssTransition":"all 200ms ease","_border":{"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"hex":"#d9d9d9"}}}},{"id":"svnqce","name":"use-cases__card-lower","settings":{"_padding":{"top":"25"},"_display":"flex","_justifyContent":"space-between","_alignItems":"center"}},{"id":"wovqhb","name":"h3--small","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-weight":"500"},"_typography:mobile_portrait":{"font-size":"25"}},"modified":1737372282,"user_id":1},{"id":"ybspqn","name":"use-cases__arrow-wrapper","settings":[]},{"id":"pqrzbg","name":"use-cases__arrow","settings":{"_padding":{"bottom":"15","top":"15","left":"15","right":"15"},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}},"iconSize":"15"}}],"globalElements":[]}

Our notes on this component

This component features a 2×2 grid layout with 4 cards which are all links. While this section is used to showcase case studies, you can repurpose it to show anything you want.

The design from this component was taken from the PostPilot website – so the images are more than likely all owned by them!

Similar components

Profile Picture
Akshay Joshi

Branda Projects

A project section with a stacked layout and sticky items, creating an interactive and engaging scrolling experience. Design credits: Olivia12 – Portfolio & Agency Website Template by UI Bucket.
View now
Copy now
{"id":7009,"name":"branda-projects","title":"Branda Projects","date":"2026-03-27 17:36:24","date_formatted":"March 27, 2026","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\/branda-projects\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"88a300","name":"section","parent":0,"children":["5e5fb9"],"settings":{"_cssGlobalClasses":["branda__section","branda__projects-section"]},"label":"Branda Projects"},{"id":"5e5fb9","name":"container","parent":"88a300","children":["b9495c","2bf1fe","fa4b41"],"settings":{"_cssGlobalClasses":["branda__inner"]},"label":"Inner"},{"id":"b9495c","name":"block","parent":"5e5fb9","children":["3e8cd2","c267b7"],"settings":{"_cssGlobalClasses":["branda__top-row"]},"label":"Top Row"},{"id":"3e8cd2","name":"text-basic","parent":"b9495c","children":[],"settings":{"text":"\/ PROJECTS","tag":"span","_cssGlobalClasses":["branda__section-label"]},"label":"Label"},{"id":"c267b7","name":"text-basic","parent":"b9495c","children":[],"settings":{"text":"N. 02","tag":"span","_cssGlobalClasses":["branda__section-num"]},"label":"Num"},{"id":"2bf1fe","name":"block","parent":"5e5fb9","children":["7ef48f","78136a"],"settings":{"_cssGlobalClasses":["branda__proj-featured-row","branda__anim-fadein-up"],"_direction":"row"},"label":"Featured Row"},{"id":"7ef48f","name":"block","parent":"2bf1fe","children":["e3171c"],"settings":{"_width":"33%","_cssGlobalClasses":["pvnisv"],"_width:mobile_landscape":"100%"},"label":"Column"},{"id":"e3171c","name":"heading","parent":"7ef48f","children":[],"settings":{"text":"(19-25)","tag":"h2","_cssGlobalClasses":["branda__proj-years"]},"label":"Years"},{"id":"78136a","name":"block","parent":"2bf1fe","children":["798de3","4eee05","94804f"],"settings":{"_width":"67%","_cssGlobalClasses":["ifopyx"],"_width:mobile_landscape":"100%"},"label":"Column"},{"id":"798de3","name":"block","parent":"78136a","children":["a4001f","bb49b9"],"settings":{"_cssGlobalClasses":["branda__proj-card","branda__proj-card--featured"],"_cssTransition":"ease .35s"},"label":"Featured Card"},{"id":"a4001f","name":"image","parent":"798de3","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-img"],"image":{"id":6924,"filename":"697076e22c449fbf79933ece_project_main_image.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697076e22c449fbf79933ece_project_main_image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697076e22c449fbf79933ece_project_main_image-1024x614.webp"}},"themeStyles":[]},{"id":"bb49b9","name":"block","parent":"798de3","children":["fbbb04","475b3b"],"settings":{"_cssGlobalClasses":["dckqus"]}},{"id":"fbbb04","name":"text-basic","parent":"bb49b9","children":[],"settings":{"text":"Runo","tag":"span","_cssGlobalClasses":["branda__proj-card-name"]},"label":"Name"},{"id":"475b3b","name":"text-basic","parent":"bb49b9","children":[],"settings":{"text":"\/2025","tag":"span","_cssGlobalClasses":["branda__body","ogilig"]},"label":"Year"},{"id":"4eee05","name":"block","parent":"78136a","children":["26ed3b","7fd067"],"settings":{"_cssGlobalClasses":["branda__proj-card","branda__proj-card--featured"],"_cssTransition":"ease .35s","_position":"sticky","_top":"90","_top:mobile_landscape":"120"},"label":"Featured Card"},{"id":"26ed3b","name":"image","parent":"4eee05","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-img"],"image":{"id":6931,"filename":"697077687b05ca16ce49402c_project_main_image.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697077687b05ca16ce49402c_project_main_image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697077687b05ca16ce49402c_project_main_image.webp"}},"themeStyles":[]},{"id":"7fd067","name":"block","parent":"4eee05","children":["cfcb0a","9aea3e"],"settings":{"_cssGlobalClasses":["dckqus"]}},{"id":"cfcb0a","name":"text-basic","parent":"7fd067","children":[],"settings":{"text":"Runo","tag":"span","_cssGlobalClasses":["branda__proj-card-name"]},"label":"Name"},{"id":"9aea3e","name":"text-basic","parent":"7fd067","children":[],"settings":{"text":"\/2025","tag":"span","_cssGlobalClasses":["branda__body","ogilig"]},"label":"Year"},{"id":"94804f","name":"block","parent":"78136a","children":["ba088e","cf22da"],"settings":{"_cssGlobalClasses":["branda__proj-card","branda__proj-card--featured"],"_cssTransition":"ease .35s","_position":"sticky","_top":"130","_top:mobile_landscape":"140"},"label":"Featured Card"},{"id":"ba088e","name":"image","parent":"94804f","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-img"],"image":{"id":6356,"filename":"5d0de36841baf24bec09ba66_img-bg-2.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2.webp"}},"themeStyles":[]},{"id":"cf22da","name":"block","parent":"94804f","children":["795716","56dc0d"],"settings":{"_cssGlobalClasses":["dckqus"]}},{"id":"795716","name":"text-basic","parent":"cf22da","children":[],"settings":{"text":"Runo","tag":"span","_cssGlobalClasses":["branda__proj-card-name"]},"label":"Name"},{"id":"56dc0d","name":"text-basic","parent":"cf22da","children":[],"settings":{"text":"\/2025","tag":"span","_cssGlobalClasses":["branda__body","ogilig"]},"label":"Year"},{"id":"fa4b41","name":"block","parent":"5e5fb9","children":["e50ce2","6614bb","d8beed"],"settings":{"_cssGlobalClasses":["branda__proj-cards-row","branda__anim-fadein-up","branda__anim-delay-200"]},"label":"Cards Row"},{"id":"e50ce2","name":"block","parent":"fa4b41","children":["001b29","4bb141","b9b800"],"settings":{"_cssGlobalClasses":["branda__proj-card"],"_cssTransition":"ease .35s","_transform:hover":"translateY(-8px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"20","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.5)"}}},"label":"Card Fiona"},{"id":"001b29","name":"image","parent":"e50ce2","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-img"],"image":{"id":6924,"filename":"697076e22c449fbf79933ece_project_main_image.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697076e22c449fbf79933ece_project_main_image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697076e22c449fbf79933ece_project_main_image-1024x614.webp"},"_height:mobile_landscape":"150"},"themeStyles":[]},{"id":"4bb141","name":"text-basic","parent":"e50ce2","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-name"],"text":"Fiona","tag":"span"},"label":"Name"},{"id":"b9b800","name":"text-basic","parent":"e50ce2","children":[],"settings":{"_cssGlobalClasses":["branda__body","ogilig"],"text":"\/2024","tag":"span"},"label":"Year"},{"id":"6614bb","name":"block","parent":"fa4b41","children":["f5a7e6","613276","915913"],"settings":{"_cssGlobalClasses":["branda__proj-card"],"_cssTransition":"ease .35s","_transform:hover":"translateY(-8px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"20","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.5)"}}},"label":"Card Arco"},{"id":"f5a7e6","name":"image","parent":"6614bb","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-img"],"image":{"id":6931,"filename":"697077687b05ca16ce49402c_project_main_image.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697077687b05ca16ce49402c_project_main_image.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/697077687b05ca16ce49402c_project_main_image.webp"},"_height:mobile_landscape":"150"},"themeStyles":[]},{"id":"613276","name":"text-basic","parent":"6614bb","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-name"],"text":"Arco","tag":"span"},"label":"Name"},{"id":"915913","name":"text-basic","parent":"6614bb","children":[],"settings":{"_cssGlobalClasses":["branda__body","ogilig"],"text":"\/2023","tag":"span"},"label":"Year"},{"id":"d8beed","name":"block","parent":"fa4b41","children":["3534ef","0ae596","316c99"],"settings":{"_cssGlobalClasses":["branda__proj-card","ogilig"],"_cssTransition":"ease .35s","_transform:hover":"translateY(-8px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"20","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.5)"}}},"label":"Card Luma"},{"id":"3534ef","name":"image","parent":"d8beed","children":[],"settings":{"_cssGlobalClasses":["branda__proj-card-img"],"image":{"id":6356,"filename":"5d0de36841baf24bec09ba66_img-bg-2.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2.webp"},"_height:mobile_landscape":"150"},"themeStyles":[]},{"id":"0ae596","name":"text-basic","parent":"d8beed","children":[],"settings":{"text":"Luma","tag":"span","_cssGlobalClasses":["branda__proj-card-name"]},"label":"Name"},{"id":"316c99","name":"text-basic","parent":"d8beed","children":[],"settings":{"text":"\/2022","tag":"span","_cssGlobalClasses":["branda__body","ogilig"]},"label":"Year"}],"templateType":"section","global_classes":[{"id":"branda__section","name":"branda__section","settings":{"_background":{"color":{"hex":"#0a0a0a"}},"_padding":{"top":"80","bottom":"80","left":"60","right":"60"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"branda__inner","name":"branda__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48","_widthMax":"100%","_width":"1400"}},{"id":"branda__section-label","name":"branda__section-label","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"hex":"#ffffff"},"letter-spacing":"0.08em"},"_typography:mobile_landscape":{"font-size":"14"}}},{"id":"branda__section-num","name":"branda__section-num","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"hex":"#ffffff"},"letter-spacing":"0.08em"},"_typography:mobile_landscape":{"font-size":"14"}}},{"id":"branda__top-row","name":"branda__top-row","settings":{"_display":"flex","_direction":"row","_justifyContent":"space-between","_alignItems":"center"}},{"id":"branda__body","name":"branda__body","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"line-height":"1.6"}}},{"id":"branda__anim-fadein-up","name":"branda__anim-fadein-up","settings":{"_interactions":[{"id":"1ae879","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"branda__anim-delay-200","name":"branda__anim-delay-200","settings":{"_cssCustom":".branda__anim-delay-200 { animation-delay: 0.2s !important; }"}},{"id":"branda__projects-section","name":"branda__projects-section","settings":[]},{"id":"branda__proj-featured-row","name":"branda__proj-featured-row","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-start","_justifyContent":"space-between","_columnGap":"32","_interactions":[{"id":"481ac8","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"branda__proj-years","name":"branda__proj-years","settings":{"_typography":{"font-family":"Inter","font-size":"80","font-weight":"900","color":{"hex":"#ffffff"},"letter-spacing":"-0.02em"},"_typography:tablet_portrait":{"font-size":"65"}}},{"id":"branda__proj-card","name":"branda__proj-card","settings":{"_display":"flex","_direction":"column","_rowGap":"12","_cssTransition":"ease .35s","_transform:hover":"translateY(-8px)","_position":"sticky","_top":"30","_background":{"color":{"hex":"#000000","id":"ymdprl","name":"Color #2"}},"_top:mobile_landscape":"100"}},{"id":"branda__proj-card--featured","name":"branda__proj-card--featured","settings":{"_flex":"1","_maxWidth":"600"}},{"id":"branda__proj-card-img","name":"branda__proj-card-img","settings":{"_width":"100%","_height":"360","_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_overflow":"hidden","_objectFit":"cover"},"_mappedId":"branda__proj-card-img","modified":1774612988,"user_id":1},{"id":"branda__proj-card-name","name":"branda__proj-card-name","settings":{"_typography":{"font-family":"Inter","font-size":"20","font-weight":"600","color":{"hex":"#ffffff"}}}},{"id":"branda__proj-cards-row","name":"branda__proj-cards-row","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3,1fr)","_gridGap":"24","_interactions":[{"id":"852a3e","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0.2s","target":"self"}]}},{"id":"dckqus","name":"branda__proj-card-block","settings":{"_direction":"row","_justifyContent":"space-between"},"_exists":false},{"id":"pvnisv","name":"branda__proj-sticky-col","settings":{"_position":"sticky","_top":"0"}},{"id":"ifopyx","name":"branda__proj-card-col","settings":{"_rowGap":"75"}},{"id":"ogilig","name":"branda__proj-card-year","settings":{"_typography":{"color":{"raw":"#777"}}}}]}
Profile Picture
Akshay Joshi

Branda About Section

An informative about section that introduces the company alongside key statistics, highlighting achievements, experience, and impact in a clean and structured layout.
View now
Copy now
{"id":7008,"name":"branda-about-section","title":"Branda About Section","date":"2026-03-27 17:35:47","date_formatted":"March 27, 2026","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\/branda-about-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"05389a","name":"section","parent":0,"children":["7bd121"],"settings":{"_cssGlobalClasses":["branda__section"]},"label":"Branda About Section"},{"id":"7bd121","name":"container","parent":"05389a","children":["16e65a","d5c19f","4e621c"],"settings":{"_cssGlobalClasses":["branda__inner"]},"label":"Inner"},{"id":"16e65a","name":"block","parent":"7bd121","children":["eeaaf0","ad6139"],"settings":{"_cssGlobalClasses":["branda__top-row"]},"label":"Top Row"},{"id":"eeaaf0","name":"text-basic","parent":"16e65a","children":[],"settings":{"text":"\/ ABOUT","tag":"span","_cssGlobalClasses":["branda__section-label"]},"label":"Label"},{"id":"ad6139","name":"text-basic","parent":"16e65a","children":[],"settings":{"text":"N. 01","tag":"span","_cssGlobalClasses":["branda__section-num"]},"label":"Num"},{"id":"d5c19f","name":"block","parent":"7bd121","children":["aa4e04","bb352a"],"settings":{"_cssGlobalClasses":["branda__about-content","branda__anim-fadein-up"]},"label":"Content Row"},{"id":"aa4e04","name":"block","parent":"d5c19f","children":["8e6ff5"],"settings":{"_cssGlobalClasses":["branda__about-photo"]},"label":"Photo"},{"id":"8e6ff5","name":"image","parent":"aa4e04","children":[],"settings":{"image":{"id":6915,"filename":"696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp"},"_cssGlobalClasses":["jumblk"]},"themeStyles":[]},{"id":"bb352a","name":"block","parent":"d5c19f","children":["09393e","3aab4e"],"settings":{"_cssGlobalClasses":["branda__about-heading-col"]},"label":"Heading Col"},{"id":"09393e","name":"heading","parent":"bb352a","children":[],"settings":{"text":"I'm an award-winning UI\/UX designer shaping impactful digital products","tag":"h2","_cssGlobalClasses":["branda__h2"]},"label":"H2 Line 1"},{"id":"3aab4e","name":"heading","parent":"bb352a","children":[],"settings":{"text":"from Amsterdam.","tag":"h2","_cssGlobalClasses":["branda__h2","branda__h2--muted"]},"label":"H2 Line 3 Muted"},{"id":"4e621c","name":"block","parent":"7bd121","children":["0a566f","4d58f2"],"settings":{"_cssGlobalClasses":["branda__about-stats","branda__anim-fadein-up","branda__anim-delay-200"]},"label":"Stats Row"},{"id":"0a566f","name":"block","parent":"4e621c","children":["2dbb4e","3636ad","c24f9f"],"settings":{"_cssGlobalClasses":["branda__stat-item"]},"label":"Stat 13+"},{"id":"2dbb4e","name":"heading","parent":"0a566f","children":[],"settings":{"text":"13+","tag":"h3","_cssGlobalClasses":["branda__stat-num"]},"label":"Num"},{"id":"3636ad","name":"text-basic","parent":"0a566f","children":[],"settings":{"text":"Experience","tag":"span","_cssGlobalClasses":["branda__label"]},"label":"Label"},{"id":"c24f9f","name":"text-basic","parent":"0a566f","children":[],"settings":{"text":"Deliver with excellence","tag":"span","_cssGlobalClasses":["branda__body"]},"label":"Sub"},{"id":"4d58f2","name":"block","parent":"4e621c","children":["69d6a3","20288d","3a201e"],"settings":{"_cssGlobalClasses":["branda__stat-item"]},"label":"Stat 290+"},{"id":"69d6a3","name":"heading","parent":"4d58f2","children":[],"settings":{"text":"290+","tag":"h3","_cssGlobalClasses":["branda__stat-num"]},"label":"Num"},{"id":"20288d","name":"text-basic","parent":"4d58f2","children":[],"settings":{"text":"Completed","tag":"span","_cssGlobalClasses":["branda__label"]},"label":"Label"},{"id":"3a201e","name":"text-basic","parent":"4d58f2","children":[],"settings":{"text":"Projects that speak","tag":"span","_cssGlobalClasses":["branda__body"]},"label":"Sub"}],"templateType":"section","global_classes":[{"id":"branda__section","name":"branda__section","settings":{"_background":{"color":{"hex":"#0a0a0a"}},"_padding":{"top":"80","bottom":"80","left":"60","right":"60"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"branda__inner","name":"branda__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48","_widthMax":"100%","_width":"1400"}},{"id":"branda__section-label","name":"branda__section-label","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"hex":"#ffffff"},"letter-spacing":"0.08em"},"_typography:mobile_landscape":{"font-size":"14"}}},{"id":"branda__section-num","name":"branda__section-num","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"hex":"#ffffff"},"letter-spacing":"0.08em"},"_typography:mobile_landscape":{"font-size":"14"}}},{"id":"branda__top-row","name":"branda__top-row","settings":{"_display":"flex","_direction":"row","_justifyContent":"space-between","_alignItems":"center"}},{"id":"branda__h2","name":"branda__h2","settings":{"_typography":{"font-family":"Inter","font-size":"64","font-weight":"800","color":{"hex":"#ffffff"},"line-height":"1.05","letter-spacing":"-0.02em"},"_typography:tablet_portrait":{"font-size":"44"},"_typography:mobile_portrait":{"font-size":"32"}}},{"id":"branda__h2--muted","name":"branda__h2--muted","settings":{"_typography":{"color":{"hex":"#444444"}}}},{"id":"branda__body","name":"branda__body","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"line-height":"1.6"}}},{"id":"branda__label","name":"branda__label","settings":{"_typography":{"font-family":"Inter","font-size":"14","font-weight":"500","color":{"raw":"#787272"},"line-height":"1.4"}}},{"id":"branda__anim-fadein-up","name":"branda__anim-fadein-up","settings":{"_interactions":[{"id":"1ae879","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"branda__anim-delay-200","name":"branda__anim-delay-200","settings":{"_cssCustom":".branda__anim-delay-200 { animation-delay: 0.2s !important; }"}},{"id":"branda__about-content","name":"branda__about-content","settings":{"_display":"flex","_direction":"row","_columnGap":"48","_alignItems":"flex-start","_interactions":[{"id":"449e68","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}],"_rowGap:mobile_landscape":"30"}},{"id":"branda__about-photo","name":"branda__about-photo","settings":{"_height":"180","_flexShrink":"0","_width":"180"}},{"id":"branda__about-heading-col","name":"branda__about-heading-col","settings":{"_display":"flex","_direction":"column","_rowGap":"0"}},{"id":"branda__about-stats","name":"branda__about-stats","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_justifyContent":"space-between","_padding":{"top":"48","bottom":"0","left":"0","right":"0"},"_border":{"width":{"top":"1"},"style":"solid","color":{"hex":"#1a1a1a"}},"_interactions":[{"id":"f20ccc","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0.2s","target":"self"}],"_rowGap:mobile_portrait":"30","_rowGap:mobile_landscape":"30"},"modified":1774612511,"user_id":1},{"id":"branda__stat-item","name":"branda__stat-item","settings":{"_display":"flex","_direction":"column","_rowGap":"8"}},{"id":"branda__stat-num","name":"branda__stat-num","settings":{"_typography":{"font-family":"Inter","font-size":"80","font-weight":"900","color":{"hex":"#ffffff"},"line-height":"0.9","letter-spacing":"-0.02em"},"_typography:tablet_portrait":{"font-size":"56"}}},{"id":"jumblk","name":"branda__about-img","settings":{"_width":"180","_height":"180","_objectFit":"cover","_border":{"radius":{"top":"4","right":"4","bottom":"4","left":"4"}}}}]}
Profile Picture
Akshay Joshi

App How It Works Section

How it works” section with step-by-step content presented in clear, easy-to-follow cards
View now
Copy now
{"id":6878,"name":"app-how-it-works-section","title":"App How It Works Section","date":"2026-03-19 07:29:05","date_formatted":"March 19, 2026","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\/app-how-it-works-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"161097","name":"section","parent":0,"children":["76738f","78a67c"],"settings":{"_cssGlobalClasses":["app_hiw__section"]},"label":"How It Works Section"},{"id":"76738f","name":"container","parent":"161097","children":["33113e","a5a925"],"settings":{"_cssGlobalClasses":["app_hiw__header"]},"label":"Header"},{"id":"33113e","name":"text-basic","parent":"76738f","children":[],"settings":{"text":"HOW IT WORKS","tag":"span","_cssGlobalClasses":["app_hiw__badge"]},"label":"Badge"},{"id":"a5a925","name":"heading","parent":"76738f","children":[],"settings":{"text":"Schema to productionin four steps","tag":"h2","_cssGlobalClasses":["app_hiw__heading"]},"label":"Main Heading"},{"id":"78a67c","name":"container","parent":"161097","children":["35df06","221021","01fa1b","543d93"],"settings":{"_cssGlobalClasses":["app_hiw__steps-row"]},"label":"Steps Icons Row"},{"id":"35df06","name":"block","parent":"78a67c","children":["24f49c","e0e011"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"24f49c","name":"block","parent":"35df06","children":["4f3dfe","af7bc2"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 1 Icon Area"},{"id":"4f3dfe","name":"block","parent":"24f49c","children":["0a1dd1"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 1"},{"id":"0a1dd1","name":"icon","parent":"4f3dfe","children":[],"settings":{"icon":{"library":"themify","icon":"ti-save"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Schema","themeStyles":[]},{"id":"af7bc2","name":"text-basic","parent":"24f49c","children":[],"settings":{"text":"1","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 1"},{"id":"e0e011","name":"block","parent":"35df06","children":["91e69e","770707"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"91e69e","name":"heading","parent":"e0e011","children":[],"settings":{"text":"Define Your Schema","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"770707","name":"text-basic","parent":"e0e011","children":[],"settings":{"text":"Write your API spec in OpenAPI, GraphQL, or just describe it in plain English. Our AI builds the rest.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"},{"id":"221021","name":"block","parent":"78a67c","children":["dded95","4edbf1"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"dded95","name":"block","parent":"221021","children":["6c4fea","cebbb7"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 2 Icon Area"},{"id":"6c4fea","name":"block","parent":"dded95","children":["ffc88d"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 2"},{"id":"ffc88d","name":"icon","parent":"6c4fea","children":[],"settings":{"icon":{"library":"themify","icon":"ti-ruler-pencil"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Configure","themeStyles":[]},{"id":"cebbb7","name":"text-basic","parent":"dded95","children":[],"settings":{"text":"2","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 2"},{"id":"4edbf1","name":"block","parent":"221021","children":["e005e1","79e712"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"e005e1","name":"heading","parent":"4edbf1","children":[],"settings":{"text":"Configure & Customize","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"79e712","name":"text-basic","parent":"4edbf1","children":[],"settings":{"text":"Set auth rules, rate limits, caching, and CORS. Point-and-click or code \u2014 your choice.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"},{"id":"01fa1b","name":"block","parent":"78a67c","children":["d0a6d0","3cfe4a"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"d0a6d0","name":"block","parent":"01fa1b","children":["1701ba","f2c932"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 3 Icon Area"},{"id":"1701ba","name":"block","parent":"d0a6d0","children":["3b1161"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 3"},{"id":"3b1161","name":"icon","parent":"1701ba","children":[],"settings":{"icon":{"library":"themify","icon":"ti-paint-roller"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Deploy","themeStyles":[]},{"id":"f2c932","name":"text-basic","parent":"d0a6d0","children":[],"settings":{"text":"3","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 3"},{"id":"3cfe4a","name":"block","parent":"01fa1b","children":["a46f11","44138b"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"a46f11","name":"heading","parent":"3cfe4a","children":[],"settings":{"text":"Deploy Globally","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"44138b","name":"text-basic","parent":"3cfe4a","children":[],"settings":{"text":"One click deploys to 200+ edge locations. Your API is fast everywhere, automatically.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"},{"id":"543d93","name":"block","parent":"78a67c","children":["90a6ef","3b06af"],"settings":{"_cssGlobalClasses":["yfncel"]}},{"id":"90a6ef","name":"block","parent":"543d93","children":["dd97e1","d05909"],"settings":{"_cssGlobalClasses":["app_hiw__step-icon-wrap"]},"label":"Step 4 Icon Area"},{"id":"dd97e1","name":"block","parent":"90a6ef","children":["3bfea3"],"settings":{"_cssGlobalClasses":["app_hiw__icon-box"]},"label":"Icon Box 4"},{"id":"3bfea3","name":"icon","parent":"dd97e1","children":[],"settings":{"icon":{"library":"themify","icon":"ti-medall"},"_cssGlobalClasses":["app_hiw__icon"]},"label":"Icon Monitor","themeStyles":[]},{"id":"d05909","name":"text-basic","parent":"90a6ef","children":[],"settings":{"text":"4","tag":"span","_cssGlobalClasses":["app_hiw__step-number"]},"label":"Step Number 4"},{"id":"3b06af","name":"block","parent":"543d93","children":["52eaaa","dce12b"],"settings":{"_cssGlobalClasses":["app_hiw__step-content"]},"label":"Step 1 Content"},{"id":"52eaaa","name":"heading","parent":"3b06af","children":[],"settings":{"text":"Monitor & Scale","tag":"h3","_cssGlobalClasses":["app_hiw__step-title"]},"label":"Step 1 Title"},{"id":"dce12b","name":"text-basic","parent":"3b06af","children":[],"settings":{"text":"Watch real-time dashboards, set alerts, and scale from 0 to millions of requests without config changes.","tag":"p","_cssGlobalClasses":["app_hiw__step-text"]},"label":"Step 1 Text"}],"templateType":"section","global_classes":[{"id":"app_hiw__section","name":"app_hiw__section","settings":{"_background":{"color":{"hex":"#f8faf9"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_rowGap":"60"}},{"id":"app_hiw__header","name":"app_hiw__header","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"20","_widthMax":"100%","_width":"1240","_textAlign":"center"}},{"id":"app_hiw__badge","name":"app_hiw__badge","settings":{"_typography":{"font-size":"12","font-weight":"700","letter-spacing":"0.1em","text-transform":"uppercase","color":{"hex":"#2dc88c"}},"_background":{"color":{"hex":"#d4f0e5"}},"_padding":{"top":"7","bottom":"7","left":"18","right":"18"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"app_hiw__heading","name":"app_hiw__heading","settings":{"_typography":{"font-family":"Inter","font-size":"64","font-weight":"900","line-height":"1.1","text-align":"center","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"48"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"30"}}},{"id":"app_hiw__steps-row","name":"app_hiw__steps-row","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-start","_justifyContent":"center","_columnGap":"0","_widthMax":"100%","_width":"1240","_direction:tablet_portrait":"column","_display:tablet_portrait":"grid","_gridGap:tablet_portrait":"20","_gridTemplateColumns:tablet_portrait":"repeat(2,1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1,1fr)"}},{"id":"app_hiw__step-icon-wrap","name":"app_hiw__step-icon-wrap","settings":{"_display":"flex","_alignItems":"center","_justifyContent":"flex-start","_position":"relative"}},{"id":"app_hiw__icon-box","name":"app_hiw__icon-box","settings":{"_background":{"color":{"hex":"#f0f4f2"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#e2ebe7"}},"_width":"110","_height":"110","_display":"flex","_alignItems":"center","_justifyContent":"center","_cssCustom":".app_hiw__icon-box { transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; cursor: pointer; } .app_hiw__step-icon-wrap:hover .app_hiw__icon-box { background: #2dc88c; border-color: #2dc88c; box-shadow: 0 8px 28px rgba(45, 200, 140, 0.35); } .app_hiw__step-icon-wrap:hover .app_hiw__icon { color: #ffffff; transform: scale(1.15); }"}},{"id":"app_hiw__icon","name":"app_hiw__icon","settings":{"_typography":{"font-size":"32","color":{"hex":"#8aA49c"}},"_cssCustom":".app_hiw__icon { transition: color 0.3s ease, transform 0.3s ease; }"}},{"id":"app_hiw__step-number","name":"app_hiw__step-number","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"700","color":{"hex":"#ffffff"}},"_background":{"color":{"hex":"#2dc88c"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_width":"26","_height":"26","_display":"flex","_alignItems":"center","_justifyContent":"center","_position":"absolute","_top":"-10","_right":"0","_zIndex":"2","_cssCustom":".app_hiw__step-number { line-height: 1; text-align: center; }"},"modified":1772825822,"user_id":1},{"id":"app_hiw__step-content","name":"app_hiw__step-content","settings":{"_display":"flex","_direction":"column","_rowGap":"12","_alignItems":"center","_textAlign":"center"}},{"id":"app_hiw__step-title","name":"app_hiw__step-title","settings":{"_typography":{"font-family":"Inter","font-size":"20","font-weight":"700","line-height":"1.3","text-align":"center","color":{"hex":"#0f1c18"}}}},{"id":"app_hiw__step-text","name":"app_hiw__step-text","settings":{"_typography":{"font-family":"Inter","font-size":"15","font-weight":"400","line-height":"1.7","text-align":"center","color":{"hex":"#6b7f78"}}}},{"id":"yfncel","name":"app_hiw__step-block","settings":{"_columnGap":"20","_rowGap":"20"},"modified":1773496003,"user_id":1}]}

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