Profile Picture
Akshay Joshi

Construction-kit – Simple about section

Basic text-only section
Copy component
Download JSON
{"id":3573,"name":"construction-kit-about-us","title":"Construction kit - About Us","date":"2025-09-01 17:58:45","date_formatted":"September 1, 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\/construction-kit-about-us\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"dfb685","name":"section","parent":0,"children":["5b25ff"],"settings":{"_cssGlobalClasses":["ecvdox"]},"label":"About Us"},{"id":"5b25ff","name":"container","parent":"dfb685","children":["b22cca","c9cddd","c60646"],"settings":{"_cssGlobalClasses":["imymyf","rytnsl"]}},{"id":"b22cca","name":"heading","parent":"5b25ff","children":[],"settings":{"text":"About us","tag":"h2","_cssGlobalClasses":["jxypep"]}},{"id":"c9cddd","name":"divider","parent":"5b25ff","children":[],"settings":{"_cssGlobalClasses":["moeqkt"],"justifyContent":"center"}},{"id":"c60646","name":"block","parent":"5b25ff","children":["c19661","ec107c"],"settings":{"_cssGlobalClasses":["ozbewh","iypdzx"],"_direction":"row"}},{"id":"c19661","name":"block","parent":"c60646","children":["ce9ef1"],"settings":[],"label":"Column"},{"id":"ce9ef1","name":"text-basic","parent":"c19661","children":[],"settings":{"text":"Lectus erat, consectetur eu sapien eget rhoncus consectetur sem. Proin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl a tortor ultrices bibendum. Nulla fermentum, metus quis sodales tristique, augue mauris molestie augue, non feugiat ligula neque nec felis.\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sed nibh dignissim, cursus tellus sit amet, ultrices mauris. Aliquam blandit est in eros elementum, quis vehicula est suscipit.Proin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl a tortor ultrices bibendum. Nulla fermentum, metus quis sodales tristique,","_cssGlobalClasses":["ejiadu"]}},{"id":"ec107c","name":"block","parent":"c60646","children":["b36923"],"settings":[],"label":"Column"},{"id":"b36923","name":"text-basic","parent":"ec107c","children":[],"settings":{"text":"Lorem ipsum dolor sit consectetur adipiscing elit. Nullam lectus erat, consectetur eu sapien eget rhoncus consectetur sem.\nProin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl a tortor ultrices bibendum. Nulla fermentum, metus quis sodales tristique, augue mauris molestie augue non feugiat ligula neque nec felis.Proin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl a tortor ultrices bibendum. Nulla fermentum, metus quis sodales tristique,","_cssGlobalClasses":["ejiadu"]}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"imymyf","name":"construction-default-container","settings":{"_rowGap":"20px"}},{"id":"jxypep","name":"construction-h2","settings":{"_typography:tablet_portrait":{"font-size":"32"},"_typography":{"font-size":"40","font-family":"Rubik","color":{"hex":"#2a2a2a"}},"_typography:mobile_landscape":{"font-size":"28"}}},{"id":"ejiadu","name":"construction_grey-text","settings":{"_typography":{"color":{"hex":"#666666"},"font-size":"17"}},"modified":1756713051,"user_id":1},{"id":"ozbewh","name":"construction_service-main__points","settings":{"_rowGap":"30","_columnGap":"30"},"modified":1756745173,"user_id":1},{"id":"moeqkt","name":"construction-yellow-divider","settings":{"width":"10%","height":"5","color":{"hex":"#ffb400"}}},{"id":"rytnsl","name":"construction-center-all","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center"}},{"id":"iypdzx","name":"construction-about-us-content-block","settings":{"_rowGap":"5%","_columnGap":"7%","_direction:mobile_portrait":"column","_direction:mobile_landscape":"column","_rowGap:mobile_landscape":"20"}}]}

Similar components

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}]}
Profile Picture
Akshay Joshi

App Proof Section

Two-column layout section featuring a strong heading, card elements, and a clear call-to-action
View now
Copy now
{"id":6877,"name":"app-proof-section-2","title":"App Proof Section","date":"2026-03-19 07:28:38","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-proof-section-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"1b3ee2","name":"section","parent":0,"children":["6cca0e"],"settings":{"_cssGlobalClasses":["app_proof__section"]},"label":"Proof Section"},{"id":"6cca0e","name":"container","parent":"1b3ee2","children":["a35318","1c4d3e"],"settings":{"_cssGlobalClasses":["app_proof__grid"]},"label":"2-Col Grid"},{"id":"a35318","name":"block","parent":"6cca0e","children":["a25659","ffd0b5","f557db","37ceb8","101ba9"],"settings":{"_cssGlobalClasses":["app_proof__left"]},"label":"Left Col"},{"id":"a25659","name":"text-basic","parent":"a35318","children":[],"settings":{"text":"BATTLE-TESTED","tag":"span","_cssGlobalClasses":["app_proof__badge"]},"label":"Badge"},{"id":"ffd0b5","name":"heading","parent":"a35318","children":[],"settings":{"text":"Built for scale.Trusted at every step.","tag":"h2","_cssGlobalClasses":["app_proof__heading"]},"label":"Heading"},{"id":"f557db","name":"text-basic","parent":"a35318","children":[],"settings":{"_cssGlobalClasses":["app_proof__body"],"text":"From your first endpoint to your billionth request \u2014 APIFlow handles the infrastructure so your team stays focused on shipping features, not firefighting failures.","tag":"p"},"label":"Body Text"},{"id":"37ceb8","name":"block","parent":"a35318","children":["35aa66","033225","096a64"],"settings":{"_cssGlobalClasses":["app_proof__pills-row"]},"label":"Stat Pills"},{"id":"35aa66","name":"block","parent":"37ceb8","children":["dd8ad6","d7000b"],"settings":{"_cssGlobalClasses":["app_proof__pill"]},"label":"Pill"},{"id":"dd8ad6","name":"icon","parent":"35aa66","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-heart-pulse"}},"label":"Pill Icon","themeStyles":[]},{"id":"d7000b","name":"text-basic","parent":"35aa66","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-text"],"text":"99.99% uptime","tag":"span"},"label":"Pill Text"},{"id":"033225","name":"block","parent":"37ceb8","children":["8a980d","4197a9"],"settings":{"_cssGlobalClasses":["app_proof__pill"]},"label":"Pill"},{"id":"8a980d","name":"icon","parent":"033225","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-bolt"}},"label":"Pill Icon","themeStyles":[]},{"id":"4197a9","name":"text-basic","parent":"033225","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-text"],"text":"23ms avg latency","tag":"span"},"label":"Pill Text"},{"id":"096a64","name":"block","parent":"37ceb8","children":["0346f2","291909"],"settings":{"_cssGlobalClasses":["app_proof__pill"]},"label":"Pill"},{"id":"0346f2","name":"icon","parent":"096a64","children":[],"settings":{"_cssGlobalClasses":["app_proof__pill-icon"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-earth-americas"}},"label":"Pill Icon","themeStyles":[]},{"id":"291909","name":"text-basic","parent":"096a64","children":[],"settings":{"text":"200+ edge nodes","_cssGlobalClasses":["app_proof__pill-text"],"tag":"span"},"label":"Pill Text"},{"id":"101ba9","name":"button","parent":"a35318","children":[],"settings":{"_cssGlobalClasses":["app_proof__cta"],"text":"See how it scales \u2192","style":"primary","link":{"type":"external","url":"#"}},"label":"CTA Button"},{"id":"1c4d3e","name":"block","parent":"6cca0e","children":["fd6146","a8eb72"],"settings":{"_cssGlobalClasses":["app_proof__right"]},"label":"Right Col - Stacked Cards"},{"id":"fd6146","name":"block","parent":"1c4d3e","children":["b8fdef","2b979b","85381b"],"settings":{"_cssGlobalClasses":["app_proof__card","app_proof__card--back"]},"label":"Card Back (API)"},{"id":"b8fdef","name":"block","parent":"fd6146","children":["eccece","f552e3"],"settings":{"_cssGlobalClasses":["app_proof__card-header"]},"label":"Card Back Header"},{"id":"eccece","name":"icon","parent":"b8fdef","children":[],"settings":{"_cssGlobalClasses":["app_proof__card-icon","app_proof__card-icon--terminal"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-terminal"}},"label":"Terminal Icon","themeStyles":[]},{"id":"f552e3","name":"text-basic","parent":"b8fdef","children":[],"settings":{"text":"API Request","_cssGlobalClasses":["app_proof__card-label"],"tag":"span"},"label":"Card Back Label"},{"id":"2b979b","name":"text-basic","parent":"fd6146","children":[],"settings":{"_cssGlobalClasses":["app_proof__card-code"],"text":"POST \/api\/v1\/deployAuthorization: Bearer \u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"},"label":"Code Line"},{"id":"85381b","name":"block","parent":"fd6146","children":["67e122","e5f240"],"settings":{"_cssGlobalClasses":["app_proof__card-status-row"]},"label":"Status Row"},{"id":"67e122","name":"block","parent":"85381b","children":["ec7772","167c99"],"settings":{"_cssGlobalClasses":["sjehiw"]}},{"id":"ec7772","name":"icon","parent":"67e122","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-checkmark"},"_cssGlobalClasses":["jehiqq"]}},{"id":"167c99","name":"text-basic","parent":"67e122","children":[],"settings":{"text":"200 OK","tag":"span","_cssGlobalClasses":["app_proof__status-ok"]},"label":"Status OK"},{"id":"e5f240","name":"text-basic","parent":"85381b","children":[],"settings":{"_cssGlobalClasses":["app_proof__status-time"],"text":"18ms","tag":"span"},"label":"Status Time"},{"id":"a8eb72","name":"block","parent":"1c4d3e","children":["499f9d","423863","f4fd30"],"settings":{"_cssGlobalClasses":["app_proof__card","app_proof__card--front"]},"label":"Card Front (Metrics)"},{"id":"499f9d","name":"block","parent":"a8eb72","children":["53bd29","320cef"],"settings":{"_cssGlobalClasses":["app_proof__card-header"]},"label":"Card Front Header"},{"id":"53bd29","name":"icon","parent":"499f9d","children":[],"settings":{"_cssGlobalClasses":["app_proof__card-icon","app_proof__card-icon--chart"],"icon":{"library":"fontawesomeSolid","icon":"fas fa-chart-line"}},"label":"Chart Icon","themeStyles":[]},{"id":"320cef","name":"text-basic","parent":"499f9d","children":[],"settings":{"text":"Requests this month","tag":"span","_cssGlobalClasses":["app_proof__card-label"]},"label":"Card Front Label"},{"id":"423863","name":"heading","parent":"a8eb72","children":[],"settings":{"text":"1,247,839","tag":"h3","_cssGlobalClasses":["app_proof__card-number"]},"label":"Big Number"},{"id":"f4fd30","name":"block","parent":"a8eb72","children":["8fea13","524c2e"],"settings":{"_cssGlobalClasses":["tcqnqw"]}},{"id":"8fea13","name":"icon","parent":"f4fd30","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-arrow-up"},"_cssGlobalClasses":["ofgapx"]}},{"id":"524c2e","name":"text-basic","parent":"f4fd30","children":[],"settings":{"text":"24% from last month","tag":"span","_cssGlobalClasses":["app_proof__card-trend"]},"label":"Trend"}],"templateType":"section","global_classes":[{"id":"app_proof__section","name":"app_proof__section","settings":{"_background":{"color":{"hex":"#f4f8f6"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"}}},{"id":"app_proof__grid","name":"app_proof__grid","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"80","_alignItems":"center","_widthMax":"100%","_width":"1240","_gridTemplateColumns:tablet_portrait":"1fr","_gridGap:tablet_portrait":"48"}},{"id":"app_proof__left","name":"app_proof__left","settings":{"_display":"flex","_direction":"column","_rowGap":"28","_alignItems":"flex-start"}},{"id":"app_proof__badge","name":"app_proof__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":"6","bottom":"6","left":"14","right":"14"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"app_proof__heading","name":"app_proof__heading","settings":{"_typography":{"font-family":"Inter","font-size":"56","font-weight":"900","line-height":"1.1","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"42"},"_typography:mobile_landscape":{"font-size":"34"}}},{"id":"app_proof__body","name":"app_proof__body","settings":{"_typography":{"font-family":"Inter","font-size":"17","font-weight":"400","line-height":"1.75","color":{"hex":"#6b7f78"}}}},{"id":"app_proof__pills-row","name":"app_proof__pills-row","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"12","_rowGap":"10","_cssCustom":".app_proof__pills-row { flex-wrap: wrap; }"}},{"id":"app_proof__pill","name":"app_proof__pill","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"7","_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#e2ebe7"}},"_padding":{"top":"8","bottom":"8","left":"14","right":"14"},"_boxShadow":{"values":{"offsetX":"0","offsetY":"2","blur":"8","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.04)"}},"_width":"max-content"},"modified":1773395522,"user_id":1},{"id":"app_proof__pill-icon","name":"app_proof__pill-icon","settings":{"_typography":{"font-size":"13","color":{"hex":"#2dc88c"}}}},{"id":"app_proof__pill-text","name":"app_proof__pill-text","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"600","color":{"hex":"#2a4a3e"}}}},{"id":"app_proof__cta","name":"app_proof__cta","settings":{"_background":{"color":{"hex":"#0f1c18"}},"_typography":{"font-family":"Inter","font-size":"15","font-weight":"700","color":{"hex":"#ffffff"}},"_padding":{"top":"16","bottom":"16","left":"32","right":"32"},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_cssCustom":".app_proof__cta { transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } .app_proof__cta:hover { background: #1a3028; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }"}},{"id":"app_proof__right","name":"app_proof__right","settings":{"_position":"relative","_height":"380","_cssCustom":".app_proof__right { display: flex; align-items: flex-end; justify-content: flex-end; }"}},{"id":"app_proof__card","name":"app_proof__card","settings":{"_position":"absolute","_display":"flex","_direction":"column","_rowGap":"16","_padding":{"top":"24","bottom":"24","left":"24","right":"24"},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255,255,255,0.10)"}},"_width":"320","_cssCustom":".app_proof__card { transition: transform 0.35s ease; }"}},{"id":"app_proof__card--back","name":"app_proof__card--back","settings":{"_background":{"color":{"hex":"#0f1c18"}},"_cssCustom":".app_proof__card--back { top: 0; left: 0; transform: rotate(-3deg) translateY(-12px); z-index: 1; box-shadow: 0 12px 40px rgba(0,0,0,0.3); } .app_proof__right:hover .app_proof__card--back { transform: rotate(-5deg) translateY(-20px); }"}},{"id":"app_proof__card--front","name":"app_proof__card--front","settings":{"_background":{"color":{"hex":"#ffffff"}},"_cssCustom":".app_proof__card--front { bottom: 0; right: 0; z-index: 2; box-shadow: 0 16px 48px rgba(0,0,0,0.12), 0 0 0 1px rgba(45,200,140,0.15); } .app_proof__right:hover .app_proof__card--front { transform: translateY(-8px); }"}},{"id":"app_proof__card-header","name":"app_proof__card-header","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"10"}},{"id":"app_proof__card-icon","name":"app_proof__card-icon","settings":{"_typography":{"font-size":"16"}}},{"id":"app_proof__card-icon--terminal","name":"app_proof__card-icon--terminal","settings":{"_typography":{"color":{"hex":"#2dc88c"}}}},{"id":"app_proof__card-icon--chart","name":"app_proof__card-icon--chart","settings":{"_typography":{"color":{"hex":"#2dc88c"}}}},{"id":"app_proof__card-label","name":"app_proof__card-label","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"600","color":{"hex":"#6b7f78"}}}},{"id":"app_proof__card-code","name":"app_proof__card-code","settings":{"_typography":{"font-family":"monospace","font-size":"13","line-height":"1.8","color":{"hex":"#c8d8d2"}},"_background":{"color":{"hex":"#161e1b"}},"_padding":{"top":"14","bottom":"14","left":"16","right":"16"},"_border":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}}}},{"id":"app_proof__card-status-row","name":"app_proof__card-status-row","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_justifyContent":"space-between"}},{"id":"app_proof__status-ok","name":"app_proof__status-ok","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"700","color":{"hex":"#2dc88c"}}}},{"id":"app_proof__status-time","name":"app_proof__status-time","settings":{"_typography":{"font-family":"monospace","font-size":"13","color":{"hex":"#4a6b60"}},"_background":{"color":{"hex":"#161e1b"}},"_padding":{"top":"3","bottom":"3","left":"10","right":"10"},"_border":{"radius":{"top":"6","right":"6","bottom":"6","left":"6"}}}},{"id":"app_proof__card-number","name":"app_proof__card-number","settings":{"_typography":{"font-family":"Inter","font-size":"40","font-weight":"900","line-height":"1","color":{"hex":"#0f1c18"}}}},{"id":"app_proof__card-trend","name":"app_proof__card-trend","settings":{"_typography":{"font-family":"Inter","font-size":"13","font-weight":"600","color":{"hex":"#2dc88c"}}}},{"id":"sjehiw","name":"app_proof__status-ok--block","settings":{"_direction":"row","_alignItems":"center","_columnGap":"5"},"modified":1773401399,"user_id":1},{"id":"jehiqq","name":"app_proof__status-ok--icon","settings":{"iconSize":"14","_typography":{"color":{"raw":"#2dc88c"}}},"modified":1773401399,"user_id":1},{"id":"tcqnqw","name":"app_proof__card-trend--block","settings":{"_direction":"row","_alignItems":"center","_columnGap":"5","_rowGap":"5"},"modified":1773401399,"user_id":1},{"id":"ofgapx","name":"app_proof__card-trend--icon","settings":{"iconSize":"12","iconColor":{"raw":"#2dc88c"}},"modified":1773401399,"user_id":1}]}
Profile Picture
Akshay Joshi

App Feature Section API

Feature-focused section with visually rich cards highlighting key functionalities, benefits, and use cases in a clean, organized layout
View now
Copy now
{"id":6879,"name":"app-feature-section-api","title":"App Feature Section API","date":"2026-03-19 07:29:28","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-feature-section-api\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"dfb1f2","name":"section","parent":0,"children":["302986","49427f"],"settings":{"_cssGlobalClasses":["feature__section"]},"label":"Feature Section API"},{"id":"302986","name":"container","parent":"dfb1f2","children":["955e03","1a7ee5"],"settings":{"_cssGlobalClasses":["feature__header-container"]},"label":"Header Row"},{"id":"955e03","name":"block","parent":"302986","children":["1a347c","1b3e3d"],"settings":{"_cssGlobalClasses":["feature__header-left"]},"label":"Left Column"},{"id":"1a347c","name":"text-basic","parent":"955e03","children":[],"settings":{"text":"FEATURES","tag":"span","_cssGlobalClasses":["feature__badge"]},"label":"Badge"},{"id":"1b3e3d","name":"heading","parent":"955e03","children":[],"settings":{"text":"Everything your API needs","tag":"h2","_cssGlobalClasses":["feature__heading"]},"label":"Main Heading"},{"id":"1a7ee5","name":"block","parent":"302986","children":["b0ad70"],"settings":{"_cssGlobalClasses":["feature__header-right"]},"label":"Right Column"},{"id":"b0ad70","name":"text-basic","parent":"1a7ee5","children":[],"settings":{"text":"From schema to production in minutes. Every tool, every safeguard, every insight \u2014 in one platform.","tag":"p","_cssGlobalClasses":["feature__description"]},"label":"Description"},{"id":"49427f","name":"container","parent":"dfb1f2","children":["f62bb7","b44515"],"settings":{"_cssGlobalClasses":["feature__cards-container"]},"label":"Cards Row"},{"id":"f62bb7","name":"block","parent":"49427f","children":["816461","08dd56","dd5e01"],"settings":{"_cssGlobalClasses":["feature__card"]},"label":"Card 1 - Auto-Generated Docs"},{"id":"816461","name":"block","parent":"f62bb7","children":["29c12c"],"settings":{"_cssGlobalClasses":["feature__card-icon-wrap"]},"label":"Card 1 Icon Wrapper"},{"id":"29c12c","name":"icon","parent":"816461","children":[],"settings":{"icon":{"library":"themify","icon":"ti-pencil-alt"},"_cssGlobalClasses":["feature__card-icon"]},"label":"Icon Docs","themeStyles":[]},{"id":"08dd56","name":"heading","parent":"f62bb7","children":[],"settings":{"text":"Auto-Generated Docs","tag":"h3","_cssGlobalClasses":["feature__card-title"]},"label":"Card 1 Title"},{"id":"dd5e01","name":"text-basic","parent":"f62bb7","children":[],"settings":{"text":"Your API schema becomes beautiful, interactive documentation \u2014 automatically. Always in sync, never outdated.","tag":"p","_cssGlobalClasses":["feature__card-text"]},"label":"Card 1 Text"},{"id":"b44515","name":"block","parent":"49427f","children":["31750e","1d5007","2e5133"],"settings":{"_cssGlobalClasses":["feature__card"]},"label":"Card 2 - Instant SDK Generation"},{"id":"31750e","name":"block","parent":"b44515","children":["8215db"],"settings":{"_cssGlobalClasses":["feature__card-icon-wrap"]},"label":"Card 2 Icon Wrapper"},{"id":"8215db","name":"icon","parent":"31750e","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-barcode"},"_cssGlobalClasses":["feature__card-icon"]},"label":"Icon SDK","themeStyles":[]},{"id":"1d5007","name":"heading","parent":"b44515","children":[],"settings":{"text":"Instant SDK Generation","tag":"h3","_cssGlobalClasses":["feature__card-title"]},"label":"Card 2 Title"},{"id":"2e5133","name":"text-basic","parent":"b44515","children":[],"settings":{"text":"One click generates type-safe SDKs for TypeScript, Python, Go, Ruby, and more. Ship client libraries without writing them.","tag":"p","_cssGlobalClasses":["feature__card-text"]},"label":"Card 2 Text"}],"templateType":"section","global_classes":[{"id":"feature__section","name":"feature__section","settings":{"_background":{"color":{"hex":"#edf4f2"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_rowGap":"60"}},{"id":"feature__header-container","name":"feature__header-container","settings":{"_display":"flex","_direction":"row","_alignItems":"flex-end","_justifyContent":"space-between","_columnGap":"40","_widthMax":"100%","_width":"1240","_direction:tablet_portrait":"column","_alignItems:tablet_portrait":"flex-start"}},{"id":"feature__header-left","name":"feature__header-left","settings":{"_width":"55%","_rowGap":"16","_width:tablet_portrait":"100%"}},{"id":"feature__badge","name":"feature__badge","settings":{"_typography":{"font-size":"13","font-weight":"600","letter-spacing":"0.08em","text-transform":"uppercase","color":{"hex":"#2daa85"}},"_background":{"color":{"hex":"#d4ede7"}},"_padding":{"top":"6","bottom":"6","left":"14","right":"14"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"}},"_display":"inline-block"}},{"id":"feature__heading","name":"feature__heading","settings":{"_typography":{"font-family":"Inter","font-size":"58","font-weight":"800","line-height":"1.1","color":{"hex":"#0f1c18"}},"_typography:tablet_portrait":{"font-size":"44"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"30"}}},{"id":"feature__header-right","name":"feature__header-right","settings":{"_width":"30%","_width:tablet_portrait":"100%"}},{"id":"feature__description","name":"feature__description","settings":{"_typography":{"font-size":"18","font-family":"Inter","font-weight":"400","line-height":"1.6","color":{"hex":"#6b7280"},"text-align":"right"},"_typography:tablet_portrait":{"text-align":"left"}}},{"id":"feature__cards-container","name":"feature__cards-container","settings":{"_display":"grid","_gridTemplateColumns":"repeat(2, 1fr)","_gridGap":"24","_widthMax":"100%","_width":"1240","_gridTemplateColumns:tablet_portrait":"repeat(1, 1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1, 1fr)"}},{"id":"feature__card","name":"feature__card","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"32","bottom":"40","left":"32","right":"32"},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"2","blur":"12","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.06)"}},"_rowGap":"16","_display":"flex","_direction":"column","_cssCustom":".feature__card:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.10); transform: translateY(-2px); } .feature__card { transition: box-shadow 0.3s ease, transform 0.3s ease; position: relative; }","_position":"relative"},"modified":1772824568,"user_id":1},{"id":"feature__card-icon-wrap","name":"feature__card-icon-wrap","settings":{"_background":{"color":{"hex":"#d4ede7"}},"_border":{"radius":{"top":"12","right":"12","bottom":"12","left":"12"}},"_padding":{"top":"14","bottom":"14","left":"14","right":"14"},"_width":"52","_height":"52","_display":"flex","_alignItems":"center","_justifyContent":"center"}},{"id":"feature__card-icon","name":"feature__card-icon","settings":{"_typography":{"font-size":"22","color":{"hex":"#2daa85"}}}},{"id":"feature__card-title","name":"feature__card-title","settings":{"_typography":{"font-family":"Inter","font-size":"22","font-weight":"700","line-height":"1.3","color":{"hex":"#0f1c18"}},"_margin":{"top":"8"}}},{"id":"feature__card-text","name":"feature__card-text","settings":{"_typography":{"font-family":"Inter","font-size":"16","font-weight":"400","line-height":"1.65","color":{"hex":"#6b7280"}}}}]}

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