Profile Picture
Joe Warren

Features Section

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

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

Bento Feature Section

Two-column featured section with a dark background and a clean, modern layout.
View now
Copy now
{"id":7646,"name":"bento-feature-section","title":"Bento Feature Section","date":"2026-05-01 12:34:10","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-feature-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"4c4aa0","name":"section","parent":0,"children":["2f4e9f"],"settings":{"_cssGlobalClasses":["bento__section"],"_padding:mobile_landscape":{"bottom":"60"}},"label":"Bento Feature Section"},{"id":"2f4e9f","name":"container","parent":"4c4aa0","children":["17bd31"],"settings":{"_cssGlobalClasses":["bento__inner"]},"label":"Inner"},{"id":"17bd31","name":"container","parent":"2f4e9f","children":["0e0f55","2abf8e"],"settings":{"_cssGlobalClasses":["bento__feature-grid"],"_direction:mobile_landscape":"column","_direction":"row"},"label":"Block"},{"id":"0e0f55","name":"block","parent":"17bd31","children":["e44962","88209c"],"settings":{"_cssGlobalClasses":["uubfkb"]},"label":"Image Side"},{"id":"e44962","name":"image","parent":"0e0f55","settings":{"_cssGlobalClasses":["bento__feature-img","bento__anim-fadein-left"],"image":{"id":6915,"filename":"696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/03\/696a5ff09b173f1e644b8074_444711bd9af2b787d3f305f2e0e85b8c_Personal-Portrait.webp"}},"themeStyles":[]},{"id":"88209c","name":"text-basic","parent":"0e0f55","settings":{"text":"San Francisco, CA","_cssGlobalClasses":["msvwes"]}},{"id":"2abf8e","name":"block","parent":"17bd31","children":["705b83","882fc7","09bfbd","432c44","11a2b3"],"settings":{"_cssGlobalClasses":["bento__feature-content"]},"label":"Content Side"},{"id":"705b83","name":"text-basic","parent":"2abf8e","settings":{"_cssGlobalClasses":["bento__body","bento__anim-fadein-up"],"text":"I started building for the web because I wanted to make things move..."}},{"id":"882fc7","name":"text-basic","parent":"2abf8e","settings":{"text":"Over eight years, I've worked across startups and tech companies...","_cssGlobalClasses":["bento__body","bento__anim-fadein-up"]}},{"id":"09bfbd","name":"block","parent":"2abf8e","children":["094f09"],"settings":{"_cssGlobalClasses":["bento__quote","bento__anim-fadein-left"]},"label":"Quote"},{"id":"094f09","name":"text-basic","parent":"09bfbd","settings":{"_cssGlobalClasses":["bento__quote-text"],"text":"\u201cThe best interfaces disappear. The great ones make you feel something.\u201d"}},{"id":"432c44","name":"text-basic","parent":"2abf8e","settings":{"text":"When I'm not shipping code, I'm writing about it...","_cssGlobalClasses":["bento__body","bento__anim-fadein-up"]}},{"id":"11a2b3","name":"container","parent":"2abf8e","settings":{"_cssGlobalClasses":["bento__stats"]},"children":["4e64ac","be232c","a9d5de"],"label":"Stats"},{"id":"4e64ac","name":"block","parent":"11a2b3","children":["0f1851","3abd7d"],"settings":[]},{"id":"0f1851","name":"counter","parent":"4e64ac","children":[],"settings":{"countTo":"47","_cssGlobalClasses":["wbrhrq"],"suffix":"+"}},{"id":"3abd7d","name":"heading","parent":"4e64ac","children":[],"settings":{"text":"Articles Published","_cssGlobalClasses":["kulwch"]}},{"id":"be232c","name":"block","parent":"11a2b3","children":["6db687","0e50fa"],"settings":[]},{"id":"6db687","name":"counter","parent":"be232c","children":[],"settings":{"countTo":"12","_cssGlobalClasses":["wbrhrq"],"suffix":"K"}},{"id":"0e50fa","name":"heading","parent":"be232c","children":[],"settings":{"text":"Monthly readers","_cssGlobalClasses":["kulwch"]}},{"id":"a9d5de","name":"block","parent":"11a2b3","children":["18b0f2","0f3c75"],"settings":[]},{"id":"18b0f2","name":"counter","parent":"a9d5de","children":[],"settings":{"countTo":"5","_cssGlobalClasses":["wbrhrq"],"suffix":"Yr."},"themeStyles":[]},{"id":"0f3c75","name":"heading","parent":"a9d5de","children":[],"settings":{"text":"Writing Excellence","_cssGlobalClasses":["kulwch"]}}],"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__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__feature-grid","name":"bento__feature-block","settings":{"_gridTemplateColumns":"1fr 1.2fr","_gridGap":"60","_alignItems":"start","_gridTemplateColumns:mobile_portrait":"1fr","_display":"flex","_direction":"row","_columnGap":"60","_rowGap":"60","_direction:mobile_landscape":"column","_width":"100%"},"modified":1777034132,"user_id":1},{"id":"bento__feature-img","name":"bento__feature-img","settings":{"_width":"100%","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}}}},{"id":"bento__feature-content","name":"bento__feature-content","settings":{"_display":"flex","_direction":"column","_rowGap":"24","_width:mobile_landscape":"100%","_width":"50%"},"modified":1777034132,"user_id":1},{"id":"bento__quote","name":"bento__quote","settings":{"_padding":{"left":"20"},"_border":{"width":{"left":"3"},"style":"solid","color":{"hex":"#d9ff3f"}}}},{"id":"bento__quote-text","name":"bento__quote-text","settings":{"_typography":{"font-size":"22","font-weight":"600","color":{"hex":"#d9ff3f"}}}},{"id":"bento__stats","name":"bento__stats","settings":{"_direction":"row","_columnGap":"30","_rowGap":"30","_flexWrap:mobile_landscape":"wrap"}},{"id":"uubfkb","name":"bento__feature-image-side","settings":{"_width":"50%","_width:mobile_landscape":"100%","_alignItems":"center"},"modified":1777034132,"user_id":1},{"id":"msvwes","name":"bento__feature-img--text","settings":[]},{"id":"wbrhrq","name":"bento__feature--counter","settings":{"countTypography":{"font-size":"40","color":{"raw":"#f7f7f7"}},"suffixTypography":{"color":{"raw":"#d9ff40"},"font-size":"28"}}},{"id":"kulwch","name":"bento__feature--counter-heading","settings":{"_typography":{"color":{"raw":"#ffffff"},"font-weight":"500"},"_typography:mobile_landscape":{"text-wrap":"wrap","font-size":"24"}}}]}
Profile Picture
Akshay Joshi

ETA Fitness Section

A simple image showcase section with a random, free-flowing layout for a more organic and dynamic feel. Design inspired by the Elysian Tennis Webflow template.
View now
Copy now
{"id":7323,"name":"eta-fitness-section","title":"ETA Fitness Section","date":"2026-04-16 18:48:30","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-fitness-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c48a7e","name":"section","parent":0,"children":["a96f88"],"settings":{"_cssGlobalClasses":["eta__gallery-section"]},"label":"ETA Fitness Section"},{"id":"a96f88","name":"container","parent":"c48a7e","children":["d3bbf5","59e7e8","84122d","867c53","2c1d56","cccd02"],"settings":{"_cssGlobalClasses":["eta__gallery-inner"]},"label":"Gallery Inner"},{"id":"d3bbf5","name":"block","parent":"a96f88","children":["408e04"],"settings":{"_cssGlobalClasses":["eta__gallery-heading-wrap"]},"label":"Heading Wrap"},{"id":"408e04","name":"heading","parent":"d3bbf5","children":[],"settings":{"text":"OUR FITNESS FACILITIES","tag":"h2","_cssGlobalClasses":["eta__gallery-h2","eta__h1"]},"label":"H1 Line 1"},{"id":"59e7e8","name":"image","parent":"a96f88","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__gallery-img","eta__gallery-float-1"],"_position":"absolute","_width":"180","_height":"200","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_top":"18%","_left":"14%","_left:mobile_landscape":"5%","_top:mobile_landscape":"10%"},"label":"Image 1 Chair Racket","themeStyles":[]},{"id":"84122d","name":"image","parent":"a96f88","children":[],"settings":{"image":{"id":7160,"filename":"67093f38a6fdc3f1533d59be_tennis-image-03@2x.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a6fdc3f1533d59be_tennis-image-03@2x.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/04\/67093f38a6fdc3f1533d59be_tennis-image-03@2x-1024x1024.webp"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-2"],"_position":"absolute","_width":"220","_height":"260","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_top":"9%","_left":"43%","_top:mobile_landscape":"5%","_left:mobile_landscape":"35%"},"label":"Image 2 Tennis Ball","themeStyles":[]},{"id":"867c53","name":"image","parent":"a96f88","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__gallery-img","eta__gallery-float-3"],"_position":"absolute","_width":"280","_height":"260","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_top":"25%","_right":"4%","_right:mobile_landscape":"5%","_top:mobile_landscape":"10%"},"label":"Image 3 Woman Fitness","themeStyles":[]},{"id":"2c1d56","name":"image","parent":"a96f88","children":[],"settings":{"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"},"_cssGlobalClasses":["eta__gallery-img","eta__gallery-float-4"],"_position":"absolute","_width":"200","_height":"220","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_bottom":"8%","_left":"18%","_left:mobile_landscape":"5%","_bottom:mobile_landscape":"6%"},"label":"Image 4 Clay Court","themeStyles":[]},{"id":"cccd02","name":"image","parent":"a96f88","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__gallery-img","eta__gallery-float-5"],"_position":"absolute","_width":"280","_height":"240","_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"40","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.15)"}},"_transform:hover":"scale(1.1) translateY(-8px)","_cssTransition":"ease .35s","_objectFit":"cover","_overflow":"hidden","_bottom":"7%","_right":"12%","_right:mobile_landscape":"5%","_bottom:mobile_landscape":"5%"},"label":"Image 5 Man Racket","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"eta__h1","name":"eta__h1","settings":{"_typography":{"font-family":"Oswald","font-size":"clamp(64px, 11.2vw, 160px)","color":{"hex":"#0a0a0a"},"line-height":"0.9","letter-spacing":"-0.01em","text-align":"center","text-transform":"uppercase","font-weight":"400"},"_position":"relative","_interactions":[{"id":"efa69b","trigger":"enterView","action":"startAnimation","animationType":"fadeInDown","animationDuration":"0.8s","animationDelay":"0s","target":"self"}],"_margin":{"bottom":"-35"},"_zIndex":"9"}},{"id":"eta__gallery-section","name":"eta__gallery-section","settings":{"_background":{"color":{"hex":"#ffffff"}},"_padding":{"top":"0","bottom":"0","left":"0","right":"0"},"_overflow":"hidden","_position":"relative","_cssCustom":".eta__gallery-section { min-height: 820px; }"}},{"id":"eta__gallery-inner","name":"eta__gallery-inner","settings":{"_position":"relative","_width":"100%","_widthMax":"100%","_cssCustom":".eta__gallery-inner { min-height: 820px; }","_position:mobile_landscape":"relative"}},{"id":"eta__gallery-heading-wrap","name":"eta__gallery-heading-wrap","settings":{"_position":"absolute","_display":"flex","_direction":"column","_alignItems":"center","_cssCustom":".eta__gallery-heading-wrap { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; pointer-events: none;}","_zIndex":"9"}},{"id":"eta__gallery-h2","name":"eta__gallery-h2","settings":{"_widthMax":"70%"}},{"id":"eta__gallery-img","name":"eta__gallery-img","settings":{"_cssCustom":".eta__gallery-img { z-index: 5; cursor: pointer;}.eta__gallery-img:hover { z-index: 20; animation-play-state: paused;}","_widthMax:tablet_portrait":"200","_heightMax:tablet_portrait":"250"}},{"id":"eta__gallery-float-1","name":"eta__gallery-float-1","settings":{"_cssCustom":"@keyframes eta-float-1 { 0%,100% { transform: rotate(-3deg) translateY(0px); } 50% { transform: rotate(-1.5deg) translateY(-18px); }}.eta__gallery-float-1 { animation: eta-float-1 7s ease-in-out infinite;}.eta__gallery-float-1:hover { transform: rotate(-3deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-2","name":"eta__gallery-float-2","settings":{"_cssCustom":"@keyframes eta-float-2 { 0%,100% { transform: rotate(0deg) translateY(0px); } 50% { transform: rotate(1deg) translateY(-24px); }}.eta__gallery-float-2 { animation: eta-float-2 9s ease-in-out infinite; animation-delay: -2s;}.eta__gallery-float-2:hover { transform: rotate(0deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-3","name":"eta__gallery-float-3","settings":{"_cssCustom":"@keyframes eta-float-3 { 0%,100% { transform: rotate(2deg) translateY(0px); } 50% { transform: rotate(0.5deg) translateY(-20px); }}.eta__gallery-float-3 { animation: eta-float-3 8s ease-in-out infinite; animation-delay: -4s;}.eta__gallery-float-3:hover { transform: rotate(2deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-4","name":"eta__gallery-float-4","settings":{"_cssCustom":"@keyframes eta-float-4 { 0%,100% { transform: rotate(-2deg) translateY(0px); } 50% { transform: rotate(-3.5deg) translateY(-16px); }}.eta__gallery-float-4 { animation: eta-float-4 10s ease-in-out infinite; animation-delay: -1s;}.eta__gallery-float-4:hover { transform: rotate(-2deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}},{"id":"eta__gallery-float-5","name":"eta__gallery-float-5","settings":{"_cssCustom":"@keyframes eta-float-5 { 0%,100% { transform: rotate(1deg) translateY(0px); } 50% { transform: rotate(2.5deg) translateY(-22px); }}.eta__gallery-float-5 { animation: eta-float-5 11s ease-in-out infinite; animation-delay: -5s;}.eta__gallery-float-5:hover { transform: rotate(1deg) scale(1.1) translateY(-10px) !important; animation-play-state: paused;}"}}]}

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