Profile Picture
Akshay Joshi

App Team Section

Team section featuring cards with an animated glow effect on hover for interactive visual appeal
Copy component
Download JSON
{"id":6880,"name":"team-section","title":"Team Section","date":"2026-03-19 07:30:03","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\/team-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"330783","name":"section","parent":0,"children":["f1fe29"],"settings":{"_cssGlobalClasses":["app_team__section"]},"label":"Team Section"},{"id":"f1fe29","name":"container","parent":"330783","children":["0fc17a","f66107"],"settings":{"_cssGlobalClasses":["app_team__inner"]},"label":"Inner Container"},{"id":"0fc17a","name":"block","parent":"f1fe29","children":["0cc101","619083"],"settings":{"_cssGlobalClasses":["app_team__header"]},"label":"Header"},{"id":"0cc101","name":"text-basic","parent":"0fc17a","children":[],"settings":{"text":"THE TEAM","tag":"span","_cssGlobalClasses":["app_team__badge"]},"label":"Badge"},{"id":"619083","name":"heading","parent":"0fc17a","children":[],"settings":{"text":"People obsessed withdeveloper experience","tag":"h2","_cssGlobalClasses":["app_team__heading"]},"label":"Heading"},{"id":"f66107","name":"block","parent":"f1fe29","children":["d87f4d","a5567e","9f0811","d314dc"],"settings":{"_cssGlobalClasses":["app_team__grid"]},"label":"Team Grid"},{"id":"d87f4d","name":"block","parent":"f66107","children":["ec8eb3","b4b3b3","f3b60f","671f4f","1d5126"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Sarah Kim"},{"id":"ec8eb3","name":"block","parent":"d87f4d","children":["97a3ea"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #2dc88c 0%, #1ab8d4 100%); }"},"label":"Avatar"},{"id":"97a3ea","name":"text-basic","parent":"ec8eb3","children":[],"settings":{"text":"SK","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"b4b3b3","name":"heading","parent":"d87f4d","children":[],"settings":{"text":"Sarah Kim","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"f3b60f","name":"text-basic","parent":"d87f4d","children":[],"settings":{"text":"Co-founder & CEO","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"671f4f","name":"text-basic","parent":"d87f4d","children":[],"settings":{"text":"\"Building APIs shouldn't feel like defusing a bomb. We fixed that.\"","tag":"p","_cssGlobalClasses":["app_team__quote"]},"label":"Quote"},{"id":"1d5126","name":"icon","parent":"d87f4d","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]},{"id":"a5567e","name":"block","parent":"f66107","children":["67a32b","c59599","6b51ac","04435e","8ded26"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Marcus Reid"},{"id":"67a32b","name":"block","parent":"a5567e","children":["92d9c5"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #1ab8d4 0%, #6c63ff 100%); }"},"label":"Avatar"},{"id":"92d9c5","name":"text-basic","parent":"67a32b","children":[],"settings":{"text":"MR","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"c59599","name":"heading","parent":"a5567e","children":[],"settings":{"text":"Marcus Reid","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"6b51ac","name":"text-basic","parent":"a5567e","children":[],"settings":{"text":"CTO & Head of Platform","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"04435e","name":"text-basic","parent":"a5567e","children":[],"settings":{"text":"\"Every millisecond we shave off is a gift to every developer using us.\"","tag":"p","_cssGlobalClasses":["app_team__quote"]},"label":"Quote"},{"id":"8ded26","name":"icon","parent":"a5567e","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]},{"id":"9f0811","name":"block","parent":"f66107","children":["4aba45","ac5f7a","003acf","1c18a1","843d73"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Priya Sharma"},{"id":"4aba45","name":"block","parent":"9f0811","children":["3bff0b"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #2dc88c 0%, #25b07c 100%); }"},"label":"Avatar"},{"id":"3bff0b","name":"text-basic","parent":"4aba45","children":[],"settings":{"text":"PS","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"ac5f7a","name":"heading","parent":"9f0811","children":[],"settings":{"text":"Priya Sharma","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"003acf","name":"text-basic","parent":"9f0811","children":[],"settings":{"text":"Head of Developer Experience","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"1c18a1","name":"text-basic","parent":"9f0811","children":[],"settings":{"text":"\"If a developer has to read the docs twice, we failed once.\"","tag":"p","_cssGlobalClasses":["app_team__quote"]},"label":"Quote"},{"id":"843d73","name":"icon","parent":"9f0811","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]},{"id":"d314dc","name":"block","parent":"f66107","children":["19756e","b95d20","97436e","8ef1f3","faa1eb"],"settings":{"_cssGlobalClasses":["app_team__card"]},"label":"Card \u2013 Tom Eriksson"},{"id":"19756e","name":"block","parent":"d314dc","children":["b34d2b"],"settings":{"_cssGlobalClasses":["app_team__avatar"],"_cssCustom":".app_team__avatar { background: linear-gradient(135deg, #6c63ff 0%, #2dc88c 100%); }"},"label":"Avatar"},{"id":"b34d2b","name":"text-basic","parent":"19756e","children":[],"settings":{"text":"TE","tag":"span","_cssGlobalClasses":["app_team__initials"]},"label":"Initials"},{"id":"b95d20","name":"heading","parent":"d314dc","children":[],"settings":{"text":"Tom Eriksson","tag":"h3","_cssGlobalClasses":["app_team__name"]},"label":"Name"},{"id":"97436e","name":"text-basic","parent":"d314dc","children":[],"settings":{"text":"Lead Infrastructure Eng","tag":"span","_cssGlobalClasses":["app_team__role"]},"label":"Role"},{"id":"8ef1f3","name":"text-basic","parent":"d314dc","children":[],"settings":{"_cssGlobalClasses":["app_team__quote"],"text":"\"Uptime isn't a feature. It's a promise we keep.\"","tag":"p"},"label":"Quote"},{"id":"faa1eb","name":"icon","parent":"d314dc","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"link":{"type":"external","url":"#"},"_cssGlobalClasses":["app_team__linkedin"]},"label":"LinkedIn","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"app_team__section","name":"app_team__section","settings":{"_background":{"color":{"hex":"#0d1512"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_heightMin":"100vh"}},{"id":"app_team__inner","name":"app_team__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"56","_alignItems":"center","_widthMax":"100%","_width":"1240"}},{"id":"app_team__header","name":"app_team__header","settings":{"_display":"flex","_direction":"column","_alignItems":"center","_rowGap":"20","_textAlign":"center"}},{"id":"app_team__badge","name":"app_team__badge","settings":{"_typography":{"font-size":"12","font-weight":"700","letter-spacing":"0.1em","text-transform":"uppercase","color":{"hex":"#2dc88c"}},"_background":{"color":{"hex":"#1a2e28"}},"_padding":{"top":"7","bottom":"7","left":"18","right":"18"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2dc88c","rgb":"rgba(45,200,140,0.25)"}},"_display":"inline-block"}},{"id":"app_team__heading","name":"app_team__heading","settings":{"_typography":{"font-family":"Inter","font-size":"56","font-weight":"900","line-height":"1.1","text-align":"center","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"40"},"_typography:mobile_landscape":{"font-size":"32"}}},{"id":"app_team__grid","name":"app_team__grid","settings":{"_display":"grid","_gridTemplateColumns":"repeat(4, 1fr)","_gridGap":"20","_widthMax":"100%","_gridTemplateColumns:tablet_portrait":"repeat(2, 1fr)","_gridTemplateColumns:mobile_portrait":"repeat(1, 1fr)"}},{"id":"app_team__card","name":"app_team__card","settings":{"_display":"flex","_direction":"column","_rowGap":"16","_alignItems":"flex-start","_background":{"color":{"hex":"#161e1b"}},"_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.07)"}},"_padding":{"top":"28","bottom":"28","left":"24","right":"24"},"_position":"relative","_overflow":"hidden","_cssCustom":"\n.app_team__card {\n transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n cursor: default;\n}\n\/* Teal left accent bar \u2014 slides in on hover *\/\n.app_team__card::before {\n content: '';\n position: absolute;\n top: 0; left: 0;\n width: 3px; height: 100%;\n background: linear-gradient(180deg, #2dc88c 0%, #1ab8d4 100%);\n transform: scaleY(0);\n transform-origin: top;\n transition: transform 0.35s ease;\n border-radius: 0 0 0 20px;\n}\n\/* Subtle radial glow top-left on hover *\/\n.app_team__card::after {\n content: '';\n position: absolute;\n top: -40px; left: -40px;\n width: 180px; height: 180px;\n background: radial-gradient(circle, rgba(45,200,140,0.10) 0%, transparent 70%);\n opacity: 0;\n transition: opacity 0.35s ease;\n pointer-events: none;\n}\n.app_team__card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 56px rgba(0,0,0,0.4);\n border-color: rgba(45,200,140,0.3);\n}\n.app_team__card:hover::before { transform: scaleY(1); }\n.app_team__card:hover::after { opacity: 1; }\n"}},{"id":"app_team__avatar","name":"app_team__avatar","settings":{"_width":"64","_height":"64","_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"}},"_display":"flex","_alignItems":"center","_justifyContent":"center","_margin":{"bottom":"4"},"_cssCustom":"\n.app_team__avatar {\n transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n.app_team__card:hover .app_team__avatar {\n transform: scale(1.08);\n box-shadow: 0 8px 24px rgba(45,200,140,0.3);\n}\n"}},{"id":"app_team__initials","name":"app_team__initials","settings":{"_typography":{"font-family":"Inter","font-size":"20","font-weight":"800","color":{"hex":"#ffffff"}}}},{"id":"app_team__name","name":"app_team__name","settings":{"_typography":{"font-family":"Inter","font-size":"18","font-weight":"700","color":{"hex":"#ffffff"}}}},{"id":"app_team__role","name":"app_team__role","settings":{"_typography":{"font-family":"Inter","font-size":"12","font-weight":"500","color":{"hex":"#6b7f78"}},"_background":{"color":{"hex":"#1e2e29"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff","rgb":"rgba(255,255,255,0.08)"}},"_padding":{"top":"5","bottom":"5","left":"12","right":"12"},"_display":"inline-block","_cssCustom":"\n.app_team__role {\n transition: color 0.3s ease, border-color 0.3s ease;\n}\n.app_team__card:hover .app_team__role {\n color: #2dc88c;\n border-color: rgba(45,200,140,0.3);\n}\n"}},{"id":"app_team__quote","name":"app_team__quote","settings":{"_typography":{"font-family":"Inter","font-size":"14","font-weight":"400","line-height":"1.65","color":{"hex":"#7a9088"},"font-style":"italic"}},"modified":1773905241,"user_id":1},{"id":"app_team__linkedin","name":"app_team__linkedin","settings":{"_typography":{"font-size":"15","color":{"hex":"#2e4a40"}},"_margin":{"top":"4"},"_cssCustom":"\n.app_team__linkedin {\n transition: color 0.25s ease, transform 0.25s ease;\n}\n.app_team__card:hover .app_team__linkedin {\n color: #2dc88c;\n transform: translateX(3px);\n}\n"}}]}

Similar components

Profile Picture
Akshay Joshi

Bento Expertise Card Section

Colorful showcase cards highlighting key expertise and skills in a visually engaging layout.
View now
Copy now
{"id":7647,"name":"bento-expertise-section-2","title":"Bento Expertise Section","date":"2026-05-01 12:35:02","date_formatted":"May 1, 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\/bento-expertise-section-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"f0920b","name":"section","parent":0,"children":["7e6616"],"settings":{"_cssGlobalClasses":["bento__section"]},"label":"Bento Expertise Section"},{"id":"7e6616","name":"container","parent":"f0920b","settings":{"_cssGlobalClasses":["bento__inner","bento__expertise-inner"]},"children":["596625","eead44","f9bf0f"],"label":"Inner"},{"id":"596625","name":"block","parent":"7e6616","children":["514056"],"settings":{"_cssGlobalClasses":["bento__expertise-heading-wrap","bento__anim-fadein-left"]},"label":"Heading Wrap"},{"id":"514056","name":"heading","parent":"596625","settings":{"text":"EXPERTISE","_cssGlobalClasses":["bento__h1","bento__expertise-h1"],"tag":"h2"},"children":[],"label":"H2 Exper"},{"id":"eead44","name":"block","parent":"7e6616","children":["a5304b","e64753","a73e93"],"settings":{"_cssGlobalClasses":["bento__expertise-grid-top"]},"label":"Top Grid"},{"id":"a5304b","name":"block","parent":"eead44","settings":{"_cssGlobalClasses":["bento__expertise-card","bento__expertise-card--large"]},"children":["4b7632","275352"],"label":"Card 01: Interface Design"},{"id":"4b7632","name":"block","parent":"a5304b","children":["ae3aa5","6da4ea"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"ae3aa5","name":"text-basic","parent":"4b7632","settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"01","tag":"span","_border":{"color":{"raw":"#adeded"}},"_typography":{"color":{"raw":"#adeded"}},"_background":{"color":{"raw":"rgba(173, 237, 237, 0.2)"}}},"children":[],"label":"Num 01"},{"id":"6da4ea","name":"heading","parent":"4b7632","settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Interface Design","tag":"h3"},"children":[],"label":"Title"},{"id":"275352","name":"block","parent":"a5304b","children":["cce4cc","26f44b"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"cce4cc","name":"text-basic","parent":"275352","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"Interface design is the process of creating the visual and interactive elements of a digital product, focusing on how a user navigates and provides input. It","tag":"p"},"label":"Body"},{"id":"26f44b","name":"image","parent":"275352","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7417,"filename":"web-design_10583132.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/web-design_10583132.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/web-design_10583132.png"}},"label":"Icon: Bento layout wireframe boxes i","themeStyles":[]},{"id":"e64753","name":"block","parent":"eead44","children":["212c6e","f9ab49"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 02: Motion & Animation"},{"id":"212c6e","name":"block","parent":"e64753","children":["e2b9f0","7fb123"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"e2b9f0","name":"text-basic","parent":"212c6e","settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"02","tag":"span","_typography":{"color":{"raw":"hsl(236, 100%, 59%)"}},"_border":{"color":{"raw":"hsl(236, 100%, 59%)"}},"_background":{"color":{"raw":"hsla(236, 100%, 59%, 0.2)"}}},"children":[],"label":"Num 01"},{"id":"7fb123","name":"heading","parent":"212c6e","settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Motion & Animation","tag":"h3"},"children":[],"label":"Title"},{"id":"f9ab49","name":"block","parent":"e64753","children":["dc29df","90a0ea"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"dc29df","name":"text-basic","parent":"f9ab49","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"GSAP, Framer Motion, CSS transitions that feel physical.","tag":"p"},"label":"Body"},{"id":"90a0ea","name":"image","parent":"f9ab49","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7415,"filename":"route_8160932.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/route_8160932.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/route_8160932.png"}},"label":"Icon: Squiggly wavy line purple anim","themeStyles":[]},{"id":"a73e93","name":"block","parent":"eead44","children":["6a2a89","d67b0b"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 03: Frontend Engineering"},{"id":"6a2a89","name":"block","parent":"a73e93","children":["763182","572166"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"763182","name":"text-basic","parent":"6a2a89","settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"03","tag":"span","_border":{"color":{"raw":"hsl(314, 92%, 40%)"}},"_typography":{"color":{"raw":"hsl(314, 92%, 40%)"}},"_background":{"color":{"raw":"hsla(314, 92%, 40%, 0.2)"}}},"children":[],"label":"Num 01"},{"id":"572166","name":"heading","parent":"6a2a89","settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Frontend Engineering","tag":"h3"},"children":[],"label":"Title"},{"id":"d67b0b","name":"block","parent":"a73e93","children":["44a2b2","309313"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"44a2b2","name":"text-basic","parent":"d67b0b","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"React, Next.js, TypeScript \u2014 production-grade systems.","tag":"p"},"label":"Body"},{"id":"309313","name":"image","parent":"d67b0b","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7419,"filename":"code-optimization_16990177.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/code-optimization_16990177.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/code-optimization_16990177.png"}},"label":"Icon: Code brackets angle bracket sl","themeStyles":[]},{"id":"f9bf0f","name":"block","parent":"7e6616","children":["094e26","900021","070610"],"settings":{"_cssGlobalClasses":["bento__expertise-grid-bot","bento__anim-fadein-up"]},"label":"Bottom Grid"},{"id":"094e26","name":"block","parent":"f9bf0f","children":["49b68d","29c757"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 04: Design Systems"},{"id":"49b68d","name":"block","parent":"094e26","children":["82cc2c","02b007"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"82cc2c","name":"text-basic","parent":"49b68d","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"04","tag":"span","_typography":{"color":{"raw":"hsl(0, 92%, 45%)"}},"_border":{"color":{"raw":"hsl(0, 92%, 45%)"}},"_background":{"color":{"raw":"hsla(0, 92%, 45%, 0.2)"}}},"label":"Num 04"},{"id":"02b007","name":"heading","parent":"49b68d","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Design Systems","tag":"h3"},"label":"Title"},{"id":"29c757","name":"block","parent":"094e26","children":["ac776b","fad88f"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"ac776b","name":"text-basic","parent":"29c757","children":[],"settings":{"text":"Scalable component libraries and design tokens.","tag":"p","_cssGlobalClasses":["bento__body","bento__expertise-body"]},"label":"Body"},{"id":"fad88f","name":"image","parent":"29c757","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7423,"filename":"edit-tool_1902578.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/edit-tool_1902578.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/edit-tool_1902578.png"}},"label":"Icon: Component blocks grid orange o","themeStyles":[]},{"id":"900021","name":"block","parent":"f9bf0f","children":["926376","8f1fae"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 05: Creative Development"},{"id":"926376","name":"block","parent":"900021","children":["591467","716eea"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"591467","name":"text-basic","parent":"926376","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-num"],"text":"05","tag":"span","_border":{"color":{"raw":"hsl(18, 100%, 63%)"}},"_typography":{"color":{"raw":"hsl(18, 100%, 63%)"}},"_background":{"color":{"raw":"hsla(18, 100%, 63%, 0.2)"}}},"label":"Num 05"},{"id":"716eea","name":"heading","parent":"926376","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Creative Development","tag":"h3"},"label":"Title"},{"id":"8f1fae","name":"block","parent":"900021","children":["e3cef7","7a4e6f"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"e3cef7","name":"text-basic","parent":"8f1fae","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"WebGL, shaders, canvas \u2014 pushing browser limits.","tag":"p"},"label":"Body"},{"id":"7a4e6f","name":"image","parent":"8f1fae","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7421,"filename":"improvement_18493027.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/improvement_18493027.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/improvement_18493027.png"}},"label":"Icon: Triangle geometric shape red p"},{"id":"070610","name":"block","parent":"f9bf0f","children":["97fa01","5eda4d"],"settings":{"_cssGlobalClasses":["bento__expertise-card"]},"label":"Card 06: Typography & Layout"},{"id":"97fa01","name":"block","parent":"070610","children":["7c3ecb","55802e"],"settings":{"_cssGlobalClasses":["nekpnj"]}},{"id":"7c3ecb","name":"text-basic","parent":"97fa01","children":[],"settings":{"text":"06","tag":"span","_cssGlobalClasses":["bento__expertise-num"],"_typography":{"color":{"raw":"#D9FF40"}},"_border":{"color":{"raw":"#D9FF40"}},"_background":{"color":{"raw":"hsla(72, 100%, 63%, 0.2)"}}},"label":"Num 06"},{"id":"55802e","name":"heading","parent":"97fa01","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-title"],"text":"Typography & Layout","tag":"h3"},"label":"Title"},{"id":"5eda4d","name":"block","parent":"070610","children":["2612fa","546024"],"settings":{"_cssGlobalClasses":["ytoncs"]}},{"id":"2612fa","name":"text-basic","parent":"5eda4d","children":[],"settings":{"_cssGlobalClasses":["bento__body","bento__expertise-body"],"text":"Type systems, vertical rhythm, editorial grids.","tag":"p"},"label":"Body"},{"id":"546024","name":"image","parent":"5eda4d","children":[],"settings":{"_cssGlobalClasses":["bento__expertise-icon"],"image":{"id":7422,"filename":"type_14603619.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/type_14603619.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/type_14603619.png"}},"label":"Icon: Aa typography letterform lime "}],"templateType":"section","global_classes":[{"id":"bento__section","name":"bento__section","settings":{"_background":{"color":{"hex":"#05070a"}},"_padding":{"top":"120","bottom":"120","left":"20","right":"20"},"_padding:mobile_landscape":{"top":"60","bottom":"60"},"_cssCustom":".bento__section.brxe-section{\n overflow: hidden;\n}"}},{"id":"bento__inner","name":"bento__inner","settings":{"_widthMax":"1300","_width":"100%"}},{"id":"bento__h1","name":"bento__h1","settings":{"_typography":{"font-size":"10vw","font-weight":"900","color":{"hex":"#ffffff"},"line-height":"1"},"_typography:mobile_portrait":{"font-size":"56"},"_typography:mobile_landscape":{"font-size":"50"}},"_mappedId":"bento__h1","modified":1777637812,"user_id":1},{"id":"bento__body","name":"bento__body","settings":{"_typography":{"font-size":"16","color":{"hex":"#9ca3af"},"line-height":"1.6"}}},{"id":"bento__anim-fadein-up","name":"bento__anim-fadein-up","settings":{"_interactions":[{"id":"8376ca","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"bento__anim-fadein-left","name":"bento__anim-fadein-left","settings":{"_interactions":[{"id":"ed1cfb","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.8s","animationDelay":"0s","target":"self"}]}},{"id":"bento__expertise-inner","name":"bento__expertise-inner","settings":{"_rowGap":"56","_display":"flex","_direction":"column","_rowGap:mobile_landscape":"16"}},{"id":"bento__expertise-heading-wrap","name":"bento__expertise-heading-wrap","settings":{"_display":"flex","_direction":"column","_rowGap":"0","_interactions":[{"id":"92cee7","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.8s","animationDelay":"0s","target":"self"}],"_margin:mobile_landscape":{"bottom":"20"}}},{"id":"bento__expertise-h1","name":"bento__expertise-h1","settings":{"_typography":{"font-weight":"900","line-height":"0.92","text-align":"left"}}},{"id":"bento__expertise-grid-top","name":"bento__expertise-grid-top","settings":{"_display":"grid","_gridTemplateColumns":"2fr 1fr","_gridGap":"16","_gridTemplateColumns:tablet_portrait":"1fr 1fr","_gridTemplateColumns:mobile_portrait":"1fr","_interactions":[{"id":"49ab0a","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}],"_cssCustom":".bento__expertise-card--large { grid-row: span 2; }@media (max-width: 768px) { .bento__expertise-card--large { grid-row: span 1; } }","_gridTemplateColumns:mobile_landscape":"1fr","_gridTemplateRows:mobile_landscape":"minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)","_cssCustom:mobile_landscape":"\/** VISUAL GRID BUILDER - START **\/\n\n\/** ztkphh - 3 **\/\n.bento__expertise-grid-top :nth-child(3) {\n grid-column: 1 \/ 2;\n grid-row: 3 \/ 4;\n}\n\/** beerwy - 2 **\/\n.bento__expertise-grid-top :nth-child(2) {\n grid-column: 1 \/ 2;\n grid-row: 2 \/ 3;\n}\n\n\/** VISUAL GRID BUILDER - END **\/"}},{"id":"bento__expertise-grid-bot","name":"bento__expertise-grid-bot","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3, 1fr)","_gridGap":"16","_gridTemplateColumns:tablet_portrait":"repeat(2, 1fr)","_gridTemplateColumns:mobile_portrait":"1fr","_interactions":[{"id":"431607","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0.15s","target":"self"}],"_gridTemplateRows:mobile_landscape":"minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)","_cssCustom:mobile_landscape":"\/** VISUAL GRID BUILDER - START **\/\n\n\/** ybbeyn - 3 **\/\n.bento__expertise-grid-bot :nth-child(3) {\n grid-column: 1 \/ 2;\n grid-row: 3 \/ 4;\n}\n\/** eqqcrj - 2 **\/\n.bento__expertise-grid-bot :nth-child(2) {\n grid-column: 1 \/ 2;\n grid-row: 2 \/ 3;\n}\n\n\/** VISUAL GRID BUILDER - END **\/","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"bento__expertise-card","name":"bento__expertise-card","settings":{"_display":"flex","_direction":"column","_justifyContent":"space-between","_background":{"color":{"hex":"#0f1116"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2a2f36"}},"_padding":{"top":"28","bottom":"28","left":"28","right":"28"},"_overflow":"hidden","_cssTransition":"ease .3s","_border:hover":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"rgba(217,255,63,0.3)"}},"_cssCustom":".bento__expertise-card { position: relative; }.bento__expertise-card::before { content: ''; position: absolute; top: 20px; right: 20px; width: 6px; height: 6px; border-radius: 50%; background: rgba(217,255,63,0.4); box-shadow: 12px -4px 0 rgba(217,255,63,0.2), 20px 4px 0 rgba(217,255,63,0.1);}\n.bento__expertise-icon {\n transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n}\n\n.bento__expertise-card:hover .bento__expertise-icon {\n transform: scale(1.15);\n}"},"modified":1777025733,"user_id":1},{"id":"bento__expertise-card--large","name":"bento__expertise-card--large","settings":{"_cssCustom":".bento__expertise-card--large { min-height: 420px; }"}},{"id":"bento__expertise-num","name":"bento__expertise-num","settings":{"_typography":{"font-size":"12","font-weight":"600","color":{"hex":"#9ca3af"},"letter-spacing":"0.04em"},"_background":{"color":{"hex":"rgba(255,255,255,0.06)"}},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#2a2f36"}},"_padding":{"top":"5","bottom":"5","left":"12","right":"12"},"_display":"inline-block","_alignSelf":"flex-start","_margin":{"bottom":"20"}}},{"id":"bento__expertise-title","name":"bento__expertise-title","settings":{"_typography":{"font-size":"28","font-weight":"700","color":{"hex":"#ffffff"},"line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"22"},"_margin":{"bottom":"12"}}},{"id":"bento__expertise-body","name":"bento__expertise-body","settings":{"_typography":{"line-height":"1.6"},"_margin":{"bottom":"24"}}},{"id":"bento__expertise-icon","name":"bento__expertise-icon","settings":{"_width":"80","_height":"80","_objectFit":"contain","_alignSelf":"flex-end","_margin":{"top":"auto","left":"auto"},"_opacity":"0.9"},"modified":1777025733,"user_id":1},{"id":"ytoncs","name":"bento__expertise-card-bottom","settings":{"_direction":"row","_alignItems":"flex-end","_columnGap":"20","_rowGap":"20"}},{"id":"nekpnj","name":"bento__expertise-card-top","settings":[]}]}
Profile Picture
Akshay Joshi

ETA Team Section

Simple teams section, This design is inspired by the Elysian Tennis Webflow template, with custom modifications and layout adaptations.
View now
Copy now
{"id":7325,"name":"eta-team-section","title":"ETA Team Section","date":"2026-04-16 18:49:18","date_formatted":"April 16, 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\/eta-team-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"40882c","name":"section","parent":0,"children":["980653"],"settings":{"_cssGlobalClasses":["eta__section","eta__team-section"]},"label":"ETA Team Section"},{"id":"980653","name":"container","parent":"40882c","children":["c77677","3b01b7"],"settings":{"_cssGlobalClasses":["eta__inner"]},"label":"Inner"},{"id":"c77677","name":"block","parent":"980653","children":["e98007","2407e7","cc1168"],"settings":{"_cssGlobalClasses":["eta__team-header","eta__anim-fadein-up"]},"label":"Header"},{"id":"e98007","name":"text-basic","parent":"c77677","children":[],"settings":{"text":"OUR TEAM","tag":"span","_cssGlobalClasses":["eta__label"]},"label":"Label"},{"id":"2407e7","name":"heading","parent":"c77677","children":[],"settings":{"text":"THE PEOPLE BEHIND ELYSIAN","tag":"h2","_cssGlobalClasses":["eta__h2"]},"label":"H2"},{"id":"cc1168","name":"text-basic","parent":"c77677","children":[],"settings":{"text":"World-class coaches committed to unlocking your potential on and off the court.","tag":"p","_cssGlobalClasses":["eta__body"]},"label":"Sub"},{"id":"3b01b7","name":"block","parent":"980653","children":["82fa36","532a62","cccbb8","c2512d"],"settings":{"_cssGlobalClasses":["eta__team-grid"]},"label":"Team Grid"},{"id":"82fa36","name":"block","parent":"3b01b7","children":["eff20f","30d6de"],"settings":{"_cssGlobalClasses":["eta__team-card","eta__anim-fadein-up"]},"label":"Card MARCUS HOLT"},{"id":"eff20f","name":"image","parent":"82fa36","children":[],"settings":{"image":{"id":7268,"filename":"MARCUS-HOLT-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/MARCUS-HOLT-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/MARCUS-HOLT-1.webp"},"_cssGlobalClasses":["eta__team-img"]},"label":"Image: MARCUS HOLT","themeStyles":[]},{"id":"30d6de","name":"block","parent":"82fa36","children":["b12e13","3f8b89","7901c2","f3c397"],"settings":{"_cssGlobalClasses":["zvfjlh"]}},{"id":"b12e13","name":"heading","parent":"30d6de","children":[],"settings":{"text":"MARCUS HOLT","tag":"h3","_cssGlobalClasses":["eta__h3","eta__h3--white"]},"label":"Name"},{"id":"3f8b89","name":"text-basic","parent":"30d6de","children":[],"settings":{"text":"HEAD COACH","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Role"},{"id":"7901c2","name":"text-basic","parent":"30d6de","children":[],"settings":{"text":"18 YRS \u00b7 247 STUDENTS","tag":"span","_cssGlobalClasses":["eta__team-stats"]},"label":"Stats"},{"id":"f3c397","name":"block","parent":"30d6de","children":["9daada","fd5db2","0dab17"],"settings":{"_cssGlobalClasses":["hlyalo"]}},{"id":"9daada","name":"icon","parent":"f3c397","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"facebook"},{"id":"fd5db2","name":"icon","parent":"f3c397","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-youtube"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Youtube"},{"id":"0dab17","name":"icon","parent":"f3c397","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Instagram"},{"id":"532a62","name":"block","parent":"3b01b7","children":["e2e2b3","ef59ff"],"settings":{"_cssGlobalClasses":["eta__team-card","eta__anim-fadein-up","eta__anim-delay-100"]},"label":"Card SOFIA BRENNAN"},{"id":"e2e2b3","name":"image","parent":"532a62","children":[],"settings":{"image":{"id":7270,"filename":"SOFIA-BRENNAN-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/SOFIA-BRENNAN-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/SOFIA-BRENNAN-1.webp"},"_cssGlobalClasses":["eta__team-img"]},"label":"Image: SOFIA BRENNAN","themeStyles":[]},{"id":"ef59ff","name":"block","parent":"532a62","children":["5c7884","54c8cf","66311f","63f863"],"settings":{"_cssGlobalClasses":["zvfjlh"]}},{"id":"5c7884","name":"heading","parent":"ef59ff","children":[],"settings":{"text":"SOFIA BRENNAN","tag":"h3","_cssGlobalClasses":["eta__h3","eta__h3--white"]},"label":"Name"},{"id":"54c8cf","name":"text-basic","parent":"ef59ff","children":[],"settings":{"text":"FITNESS DIRECTOR","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Role"},{"id":"66311f","name":"text-basic","parent":"ef59ff","children":[],"settings":{"text":"12 YRS \u00b7 183 STUDENTS","tag":"span","_cssGlobalClasses":["eta__team-stats"]},"label":"Stats"},{"id":"63f863","name":"block","parent":"ef59ff","children":["8fb8e5","b475b9","8dd22c"],"settings":{"_cssGlobalClasses":["hlyalo"]}},{"id":"8fb8e5","name":"icon","parent":"63f863","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"facebook"},{"id":"b475b9","name":"icon","parent":"63f863","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-youtube"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Youtube"},{"id":"8dd22c","name":"icon","parent":"63f863","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Instagram"},{"id":"cccbb8","name":"block","parent":"3b01b7","children":["6f7350","e8a348"],"settings":{"_cssGlobalClasses":["eta__team-card","eta__anim-fadein-up","eta__anim-delay-200"]},"label":"Card JAMES OKAFOR"},{"id":"6f7350","name":"image","parent":"cccbb8","children":[],"settings":{"image":{"id":7271,"filename":"JAMES-OKAFOR-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/JAMES-OKAFOR-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/JAMES-OKAFOR-1.webp"},"_cssGlobalClasses":["eta__team-img"]},"label":"Image: JAMES OKAFOR","themeStyles":[]},{"id":"e8a348","name":"block","parent":"cccbb8","children":["6ba83e","f522ce","6b4f2b","c33304"],"settings":{"_cssGlobalClasses":["zvfjlh"]}},{"id":"6ba83e","name":"heading","parent":"e8a348","children":[],"settings":{"text":"JAMES OKAFOR","tag":"h3","_cssGlobalClasses":["eta__h3","eta__h3--white"]},"label":"Name"},{"id":"f522ce","name":"text-basic","parent":"e8a348","children":[],"settings":{"text":"JUNIOR COACH","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Role"},{"id":"6b4f2b","name":"text-basic","parent":"e8a348","children":[],"settings":{"text":"9 YRS \u00b7 312 STUDENTS","tag":"span","_cssGlobalClasses":["eta__team-stats"]},"label":"Stats"},{"id":"c33304","name":"block","parent":"e8a348","children":["c6139b","b25cf4","672020"],"settings":{"_cssGlobalClasses":["hlyalo"]}},{"id":"c6139b","name":"icon","parent":"c33304","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"facebook"},{"id":"b25cf4","name":"icon","parent":"c33304","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-youtube"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Youtube"},{"id":"672020","name":"icon","parent":"c33304","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Instagram"},{"id":"c2512d","name":"block","parent":"3b01b7","children":["1c9b1f","18924d"],"settings":{"_cssGlobalClasses":["eta__team-card","eta__anim-fadein-up","eta__anim-delay-300"]},"label":"Card PRIYA SHARMA"},{"id":"1c9b1f","name":"image","parent":"c2512d","children":[],"settings":{"image":{"id":7272,"filename":"PRIYA-SHARMA-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/PRIYA-SHARMA-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/PRIYA-SHARMA-1.webp"},"_cssGlobalClasses":["eta__team-img"]},"label":"Image: PRIYA SHARMA","themeStyles":[]},{"id":"18924d","name":"block","parent":"c2512d","children":["b9eef7","1c2358","d9f45a","41ab05"],"settings":{"_cssGlobalClasses":["zvfjlh"]}},{"id":"b9eef7","name":"heading","parent":"18924d","children":[],"settings":{"text":"PRIYA SHARMA","tag":"h3","_cssGlobalClasses":["eta__h3","eta__h3--white"]},"label":"Name"},{"id":"1c2358","name":"text-basic","parent":"18924d","children":[],"settings":{"text":"PERFORMANCE ANALYST","tag":"span","_cssGlobalClasses":["eta__label","eta__label--lime"]},"label":"Role"},{"id":"d9f45a","name":"text-basic","parent":"18924d","children":[],"settings":{"text":"7 YRS \u00b7 158 STUDENTS","tag":"span","_cssGlobalClasses":["eta__team-stats"]},"label":"Stats"},{"id":"41ab05","name":"block","parent":"18924d","children":["5cdeee","1d4461","6f539c"],"settings":{"_cssGlobalClasses":["hlyalo"]}},{"id":"5cdeee","name":"icon","parent":"41ab05","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"facebook"},{"id":"1d4461","name":"icon","parent":"41ab05","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-youtube"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Youtube"},{"id":"6f539c","name":"icon","parent":"41ab05","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"},"_cssGlobalClasses":["mriupm"]},"themeStyles":[],"label":"Instagram"}],"templateType":"section","global_classes":[{"id":"eta__h2","name":"eta__h2","settings":{"_typography":{"font-family":"Reddit Sans Condensed","font-size":"48","font-weight":"600","color":{"hex":"#0a0a0a"},"text-transform":"uppercase","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"36"}}},{"id":"eta__body","name":"eta__body","settings":{"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"hex":"#0a0a0a"},"line-height":"1.6"}}},{"id":"eta__anim-fadein-up","name":"eta__anim-fadein-up","settings":{"_interactions":[{"id":"1ae7a8","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-delay-100","name":"eta__anim-delay-100","settings":{"_cssCustom":".eta__anim-delay-100 { animation-delay: 0.1s !important; }"}},{"id":"eta__anim-delay-200","name":"eta__anim-delay-200","settings":{"_cssCustom":".eta__anim-delay-200 { animation-delay: 0.2s !important; }"}},{"id":"eta__section","name":"eta__section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}},"modified":1775637710,"user_id":1},{"id":"eta__inner","name":"eta__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48"},"modified":1775637854,"user_id":1},{"id":"eta__h3","name":"eta__h3","settings":{"_typography":{"font-family":"Reddit Sans Condensed","font-size":"48","color":{"hex":"#0a0a0a"},"line-height":"1.0","text-transform":"uppercase","font-weight":"600"},"_typography:tablet_portrait":{"font-size":"30"}}},{"id":"eta__anim-delay-300","name":"eta__anim-delay-300","settings":{"_cssCustom":".eta__anim-delay-300 { animation-delay: 0.3s !important; }"}},{"id":"eta__h3--white","name":"eta__h3--white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"eta__label","name":"eta__label","settings":{"_typography":{"font-family":"Asta Sans","font-size":"14","font-weight":"400","color":{"hex":"#888888"},"letter-spacing":"0.12em","text-transform":"uppercase"}}},{"id":"eta__label--lime","name":"eta__label--lime","settings":{"_typography":{"color":{"hex":"#C5F135"}}}},{"id":"eta__team-section","name":"eta__team-section","settings":{"_background":{"color":{"hex":"#f5f5f5"}}},"_exists":false},{"id":"eta__team-header","name":"eta__team-header","settings":{"_display":"flex","_direction":"column","_alignItems":"flex-start","_rowGap":"12","_interactions":[{"id":"6b5a7f","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]},"_exists":false},{"id":"eta__team-grid","name":"eta__team-grid","settings":{"_display":"grid","_gridTemplateColumns":"repeat(4,1fr)","_gridGap":"24","_gridTemplateColumns:tablet_portrait":"repeat(2,1fr)","_gridTemplateColumns:mobile_portrait":"repeat(1,1fr)"},"_exists":false},{"id":"eta__team-card","name":"eta__team-card","settings":{"_display":"flex","_direction":"column","_rowGap":"15","_padding":{"top":"0","bottom":"28","left":"0","right":"0"},"_background":{"color":{"hex":"#0d0d0d"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_overflow":"hidden","_cssTransition":"ease .35s","_transform:hover":"translateY(-8px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"24","blur":"56","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.4)"}},"_interactions":[{"id":"e78624","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]},"_exists":false},{"id":"eta__team-img","name":"eta__team-img","settings":{"_width":"100%","_height":"280","_cssTransition":"ease .4s","_transform:hover":"scale(1.05)","_objectFit":"cover"},"_exists":false},{"id":"eta__team-stats","name":"eta__team-stats","settings":{"_typography":{"font-family":"Asta Sans","font-size":"13","font-weight":"500","color":{"hex":"rgba(255,255,255,0.4)"},"letter-spacing":"0.08em","text-transform":"uppercase"},"_padding":{"top":"12","bottom":"12","left":"0","right":"0"},"_border":{"width":{"top":"1","bottom":"1"},"style":"solid","color":{"hex":"rgba(255,255,255,0.1)"}}},"_exists":false},{"id":"hlyalo","name":"eta__global-social-block","settings":{"_direction":"row","_columnGap":"10","_rowGap":"10"}},{"id":"mriupm","name":"eta__footer-social-icon","settings":{"iconSize":"15","_background":{"color":{"raw":"#181818"}},"iconColor":{"raw":"#8C8C8C"},"_width":"30","_height":"30","_display":"flex","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_border":{"radius":{"top":"100%","right":"100%","bottom":"100%","left":"100%"}},"_background:hover":{"color":{"raw":"#C5F135"}},"iconColor:hover":{"raw":"#0A0A0A"}}},{"id":"zvfjlh","name":"eta__team-inner-block","settings":{"_padding":{"left":"20","right":"20"},"_columnGap":"10","_rowGap":"10"}}]}
Profile Picture
Akshay Joshi

ETA Locations Section

A section with a background image and a two-column layout, featuring a heading on one side and four cards on the other. Design inspired by the Elysian Tennis Webflow template.
View now
Copy now
{"id":7317,"name":"eta-locations-section","title":"ETA Locations Section","date":"2026-04-16 18:42:57","date_formatted":"April 16, 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\/eta-locations-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"e70bcb","name":"section","parent":0,"children":["6ad68b"],"settings":{"_cssGlobalClasses":["eta__locations-section","eta__section"]},"label":"ETA Locations Section"},{"id":"6ad68b","name":"container","parent":"e70bcb","children":["65551f","085ff4"],"settings":{"_cssGlobalClasses":["eta__locations-inner","znuocq"]},"label":"Locations Inner"},{"id":"65551f","name":"block","parent":"6ad68b","children":["1d849c","caa996","96f809"],"settings":{"_cssGlobalClasses":["eta__locations-left","eta__anim-fadein-left"]},"label":"Left"},{"id":"1d849c","name":"heading","parent":"65551f","children":[],"settings":{"_cssGlobalClasses":["eta__h2","eta__h2--white"],"text":"OUR LOCATIONS","tag":"h2"},"label":"H2"},{"id":"caa996","name":"text-basic","parent":"65551f","children":[],"settings":{"_cssGlobalClasses":["eta__body","eta__body--white"],"text":"Ready to take your tennis game to the next level? Experience world-class coaching, state-of-the-art facilities, and a vibrant tennis community. Enroll today and become part of a legacy of excellence.","tag":"p"},"label":"Body"},{"id":"96f809","name":"button","parent":"65551f","children":[],"settings":{"text":"START TODAY ","_cssGlobalClasses":["eta__btn--lime"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"}},"label":"Start Today"},{"id":"085ff4","name":"block","parent":"6ad68b","children":["b16712","e8bfe4","1d76c4","132d30"],"settings":{"_cssGlobalClasses":["eta__locations-right","eta__anim-fadein-right"]},"label":"Locations Grid"},{"id":"b16712","name":"block","parent":"085ff4","children":["d7e155","c4927b","d853c8"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up"]},"label":"Card GRANDVIEW PARK TENNIS "},{"id":"d7e155","name":"image","parent":"b16712","children":[],"settings":{"image":{"id":7167,"filename":"670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/670949a628503e33fe5ccb10_tennis-location-03@2x-p-800-1.webp"},"_cssGlobalClasses":["eta__location-img"]},"label":"Image: GRANDVIEW PARK TENNIS "},{"id":"c4927b","name":"text-basic","parent":"b16712","children":[],"settings":{"text":"GRANDVIEW PARK TENNIS CENTER","tag":"span","_cssGlobalClasses":["eta__location-name"]},"label":"Name"},{"id":"d853c8","name":"text-basic","parent":"b16712","children":[],"settings":{"text":"123 MAPLEWOOD DRIVE, RIVERTON","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"},{"id":"e8bfe4","name":"block","parent":"085ff4","children":["302d26","5a536f","07918c"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up","eta__anim-delay-100"]},"label":"Card OAKRIDGE SPORTS COMPLE"},{"id":"302d26","name":"image","parent":"e8bfe4","children":[],"settings":{"image":{"id":7158,"filename":"67093f38bde340df4cbf31cf_tennis-image-04@2x.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38bde340df4cbf31cf_tennis-image-04@2x.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38bde340df4cbf31cf_tennis-image-04@2x-1024x1024.jpg"},"_cssGlobalClasses":["eta__location-img"]},"label":"Image: OAKRIDGE SPORTS COMPLE"},{"id":"5a536f","name":"text-basic","parent":"e8bfe4","children":[],"settings":{"text":"OAKRIDGE SPORTS COMPLEX","tag":"span","_cssGlobalClasses":["eta__location-name"]},"label":"Name"},{"id":"07918c","name":"text-basic","parent":"e8bfe4","children":[],"settings":{"text":"456 OAKRIDGE LANE, BROOKFIELD","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"},{"id":"1d76c4","name":"block","parent":"085ff4","children":["699ed5","c9f443","c51cfc"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up","eta__anim-delay-200"]},"label":"Card RIVERVIEW TENNIS ACADE"},{"id":"699ed5","name":"image","parent":"1d76c4","children":[],"settings":{"image":{"id":7161,"filename":"67093f97c1a41c3ca80b6dd3_tennis-image-07@2x.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f97c1a41c3ca80b6dd3_tennis-image-07@2x.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f97c1a41c3ca80b6dd3_tennis-image-07@2x-1024x1024.webp"},"_cssGlobalClasses":["eta__location-img"]},"label":"Image: RIVERVIEW TENNIS ACADE"},{"id":"c9f443","name":"text-basic","parent":"1d76c4","children":[],"settings":{"text":"RIVERVIEW TENNIS ACADEMY","tag":"span","_cssGlobalClasses":["eta__location-name"]},"label":"Name"},{"id":"c51cfc","name":"text-basic","parent":"1d76c4","children":[],"settings":{"text":"789 PINECREST AVENUE, HILLSIDE","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"},{"id":"132d30","name":"block","parent":"085ff4","children":["615b5c","c4cdd1","aafe59"],"settings":{"_cssGlobalClasses":["eta__location-card","eta__anim-fadein-up","eta__anim-delay-300"]},"label":"Card PINECREST COURT CLUB"},{"id":"615b5c","name":"image","parent":"132d30","children":[],"settings":{"_cssGlobalClasses":["eta__location-img"],"image":{"id":7157,"filename":"67093f38a5337d5f28be5266_tennis-image-01@2x.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a5337d5f28be5266_tennis-image-01@2x.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a5337d5f28be5266_tennis-image-01@2x-1024x1024.jpg"}},"label":"Image: PINECREST COURT CLUB"},{"id":"c4cdd1","name":"text-basic","parent":"132d30","children":[],"settings":{"_cssGlobalClasses":["eta__location-name"],"text":"PINECREST COURT CLUB","tag":"span"},"label":"Name"},{"id":"aafe59","name":"text-basic","parent":"132d30","children":[],"settings":{"text":"101 GRANDVIEW ROAD, LAKESHORE","tag":"span","_cssGlobalClasses":["eta__location-address"]},"label":"Address"}],"templateType":"section","global_classes":[{"id":"eta__h2","name":"eta__h2","settings":{"_typography":{"font-family":"Reddit Sans Condensed","font-size":"48","font-weight":"600","color":{"hex":"#0a0a0a"},"text-transform":"uppercase","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"36"}}},{"id":"eta__body","name":"eta__body","settings":{"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"hex":"#0a0a0a"},"line-height":"1.6"}}},{"id":"eta__anim-fadein-up","name":"eta__anim-fadein-up","settings":{"_interactions":[{"id":"1ae7a8","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-delay-100","name":"eta__anim-delay-100","settings":{"_cssCustom":".eta__anim-delay-100 { animation-delay: 0.1s !important; }"}},{"id":"eta__anim-delay-200","name":"eta__anim-delay-200","settings":{"_cssCustom":".eta__anim-delay-200 { animation-delay: 0.2s !important; }"}},{"id":"eta__section","name":"eta__section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}},"modified":1775637710,"user_id":1},{"id":"eta__btn--lime","name":"eta__btn--lime","settings":{"_background":{"color":{"hex":"#C5F135"}},"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"hex":"#0a0a0a"},"letter-spacing":"0.06em","text-transform":"uppercase"},"_padding":{"top":"14","bottom":"14","left":"28","right":"28"},"_border":{"radius":{"top":"999","right":"999","bottom":"999","left":"999"},"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_cssTransition":"ease .25s","_background:hover":{"color":{"hex":"#d4f030"}},"_transform:hover":"translateY(-2px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"6","blur":"20","spread":"0"},"color":{"hex":"#C5F135","rgb":"rgba(197,241,53,0.4)"}}}},{"id":"eta__anim-delay-300","name":"eta__anim-delay-300","settings":{"_cssCustom":".eta__anim-delay-300 { animation-delay: 0.3s !important; }"}},{"id":"eta__locations-section","name":"eta__locations-section","settings":{"_background":{"color":{"hex":"#e5e7eb","id":"dvxksf","name":"Color #3"},"image":{"id":7165,"filename":"67094c7f08fee1710d775ca6_tennis-location-background@2x-p-1080.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67094c7f08fee1710d775ca6_tennis-location-background@2x-p-1080.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67094c7f08fee1710d775ca6_tennis-location-background@2x-p-1080-1024x481.webp"}},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"},"_overflow":"hidden","_gradient":{"applyTo":"overlay","colors":[{"id":"qztdee","color":{"raw":"rgba(0, 0, 0, 0.65)"}},{"id":"qztdee","color":{"raw":"rgba(0, 0, 0, 0.65)"}}]}}},{"id":"eta__locations-inner","name":"eta__locations-inner","settings":{"_display":"grid","_gridTemplateColumns":"2fr 3fr","_columnGap":"80","_alignItems":"center","_gridTemplateColumns:tablet_portrait":"1fr","_rowGap:tablet_portrait":"48"}},{"id":"eta__locations-left","name":"eta__locations-left","settings":{"_display":"flex","_direction":"column","_rowGap":"28","_alignItems":"flex-start","_interactions":[{"id":"a484db","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__locations-right","name":"eta__locations-right","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"24","_interactions":[{"id":"43c404","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__location-card","name":"eta__location-card","settings":{"_display":"flex","_direction":"column","_rowGap":"10","_interactions":[{"id":"4797a2","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"eta__location-img","name":"eta__location-img","settings":{"_width":"100%","_height":"180","_objectFit":"cover","_border":{"radius":{"top":"16","right":"16","bottom":"16","left":"16"}},"_cssTransition":"ease .35s","_transform:hover":"scale(1.03)","_overflow":"hidden","_objectPosition":"top center"},"modified":1776332031,"user_id":1},{"id":"eta__location-name","name":"eta__location-name","settings":{"_typography":{"font-family":"Asta Sans","font-size":"17","font-weight":"700","color":{"hex":"#ffffff"},"letter-spacing":"0.06em","text-transform":"uppercase","line-height":"1.3"}}},{"id":"eta__location-address","name":"eta__location-address","settings":{"_typography":{"font-family":"Asta Sans","font-size":"14","font-weight":"400","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"letter-spacing":"0.08em","text-transform":"uppercase"}}},{"id":"eta__h2--white","name":"eta__h2--white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"eta__body--white","name":"eta__body--white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"eta__anim-fadein-left","name":"eta__anim-fadein-left","settings":{"_interactions":[{"id":"d4f80a","trigger":"enterView","action":"startAnimation","animationType":"fadeInLeft","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"eta__anim-fadein-right","name":"eta__anim-fadein-right","settings":{"_interactions":[{"id":"4b14ae","trigger":"enterView","action":"startAnimation","animationType":"fadeInRight","animationDuration":"0.7s","animationDelay":"0s","target":"self"}]}},{"id":"znuocq","name":"eta__container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1775637854,"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