Profile Picture
Akshay Joshi

Breakio Service Card Section

Featured card section with icons, heading and textarea
Copy component
Download JSON
{"id":3865,"name":"breakio-service-card-section","title":"Breakio Service Card Section","date":"2025-09-23 17:57:29","date_formatted":"September 23, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/breakio-service-card-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"5445d6","name":"section","parent":0,"children":["dcc606","409e29"],"settings":{"_cssGlobalClasses":["mkeggp"]},"label":"Service Card Section"},{"id":"dcc606","name":"container","parent":"5445d6","children":["b22160"],"settings":{"_cssGlobalClasses":["qqlcfl","pckvae"]}},{"id":"b22160","name":"block","parent":"dcc606","children":["e93232","567116"],"settings":{"_cssGlobalClasses":["xjldcd","flzdzt"]}},{"id":"e93232","name":"heading","parent":"b22160","children":[],"settings":{"text":"Your favourite tools","_cssGlobalClasses":["kxulqh","ohxmrh"],"tag":"h2"}},{"id":"567116","name":"text-basic","parent":"b22160","children":[],"settings":{"text":"In risus nec molestie at in pulvinar tellus. At integer id condimentum gravida nisi nisl. Sem vitae porttitor arcu congue sem erat et sit faucibus. Sollicitudin elit gravida tellus mattis porttitor.","_cssGlobalClasses":["lgtfnt","ibgcju"]}},{"id":"409e29","name":"container","parent":"5445d6","children":["d6668d","b3a350","e1e08f","0b3a53","fc392a","e36105","32452b","cb143c","c1e59a"],"settings":{"_cssGlobalClasses":["ggebrb"],"_display:tablet_portrait":"grid","_gridGap:tablet_portrait":"32","_gridTemplateColumns:tablet_portrait":"repeat(2,1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1,1fr)"}},{"id":"d6668d","name":"block","parent":"409e29","children":["551c9d","21dee5","101373"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"551c9d","name":"svg","parent":"d6668d","children":[],"settings":{"file":{"id":3658,"filename":"mail-fast.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/mail-fast.svg"},"_cssGlobalClasses":["xfszds"]}},{"id":"21dee5","name":"heading","parent":"d6668d","children":[],"settings":{"text":"Sapien amet est","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"101373","name":"text-basic","parent":"d6668d","children":[],"settings":{"text":"Viverra netus odio nunc ac nibh lorem iaculis. Orci facilisis habitasse cursus tempor et.","_cssGlobalClasses":["wsdhjg"]}},{"id":"b3a350","name":"block","parent":"409e29","children":["bf489f","b5bed0","a81d7f"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"bf489f","name":"svg","parent":"b3a350","children":[],"settings":{"file":{"id":3827,"filename":"Icon-11.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-11.svg"},"_cssGlobalClasses":["xfszds"]},"themeStyles":[]},{"id":"b5bed0","name":"heading","parent":"b3a350","children":[],"settings":{"text":"Tortor ornare","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"a81d7f","name":"text-basic","parent":"b3a350","children":[],"settings":{"text":"Nulla etiam mattis amet suspendisse lacus nulla sed urna ultricies.","_cssGlobalClasses":["wsdhjg"]}},{"id":"e1e08f","name":"block","parent":"409e29","children":["8ae818","6f48b1","00c05e"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"8ae818","name":"svg","parent":"e1e08f","children":[],"settings":{"file":{"id":3826,"filename":"Icon-12.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-12.svg"},"_cssGlobalClasses":["xfszds"]},"themeStyles":[]},{"id":"6f48b1","name":"heading","parent":"e1e08f","children":[],"settings":{"text":"Vel lacus","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"00c05e","name":"text-basic","parent":"e1e08f","children":[],"settings":{"text":"Porttitor quis lectus varius quis dolor morbi massa pellentesque.","_cssGlobalClasses":["wsdhjg"]}},{"id":"0b3a53","name":"block","parent":"409e29","children":["0dbdbb","42bef3","aeff65"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"0dbdbb","name":"svg","parent":"0b3a53","children":[],"settings":{"file":{"id":3832,"filename":"Icon-15.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-15.svg"},"_cssGlobalClasses":["xfszds"]},"themeStyles":[]},{"id":"42bef3","name":"heading","parent":"0b3a53","children":[],"settings":{"text":"Hendrerit blandit","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"aeff65","name":"text-basic","parent":"0b3a53","children":[],"settings":{"text":"A aliquam pharetra in nec vitae ultrices commodo placerat eget.","_cssGlobalClasses":["wsdhjg"]}},{"id":"fc392a","name":"block","parent":"409e29","children":["745df2","f7f372","74e8c0"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"745df2","name":"svg","parent":"fc392a","children":[],"settings":{"file":{"id":3825,"filename":"Icon-8.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-8.svg"},"_cssGlobalClasses":["xfszds"]},"themeStyles":[]},{"id":"f7f372","name":"heading","parent":"fc392a","children":[],"settings":{"text":"Enim risus turpis","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"74e8c0","name":"text-basic","parent":"fc392a","children":[],"settings":{"text":"Tristique dui vestibulum senectus ac duis etiam adipiscing sapien.","_cssGlobalClasses":["wsdhjg"]}},{"id":"e36105","name":"block","parent":"409e29","children":["b8a244","413adc","f54c44"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"b8a244","name":"svg","parent":"e36105","children":[],"settings":{"file":{"id":3824,"filename":"Icon-9.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-9.svg"},"_cssGlobalClasses":["xfszds"]},"themeStyles":[]},{"id":"413adc","name":"heading","parent":"e36105","children":[],"settings":{"text":"Aliquam lorem et","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"f54c44","name":"text-basic","parent":"e36105","children":[],"settings":{"text":"Suspendisse ultrices morbi iaculis sit lorem. Mauris nulla odio est a mi a sed gravida.","_cssGlobalClasses":["wsdhjg"]}},{"id":"32452b","name":"block","parent":"409e29","children":["43413c","910728","54f7e5"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"43413c","name":"svg","parent":"32452b","children":[],"settings":{"file":{"id":3828,"filename":"Icon-13.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-13.svg"},"_cssGlobalClasses":["xfszds"]},"themeStyles":[]},{"id":"910728","name":"heading","parent":"32452b","children":[],"settings":{"text":"Sed aliquam lectus","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"54f7e5","name":"text-basic","parent":"32452b","children":[],"settings":{"text":"Rhoncus ut montes quis eget vulputate. Id hac consectetur ornare neque.","_cssGlobalClasses":["wsdhjg"]}},{"id":"cb143c","name":"block","parent":"409e29","children":["18d9bb","138775","1528a7"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"18d9bb","name":"svg","parent":"cb143c","children":[],"settings":{"file":{"id":3829,"filename":"Icon-14.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-14.svg"},"_cssGlobalClasses":["xfszds"]}},{"id":"138775","name":"heading","parent":"cb143c","children":[],"settings":{"text":"Cursus diam","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"1528a7","name":"text-basic","parent":"cb143c","children":[],"settings":{"text":"Feugiat consectetur eu commodo odio venenatis pretium libero. Volutpat ultricies nisl turpis id.","_cssGlobalClasses":["wsdhjg"]}},{"id":"c1e59a","name":"block","parent":"409e29","children":["1819b7","ccbd8a","25bb3a"],"settings":{"_cssGlobalClasses":["eerkju"]}},{"id":"1819b7","name":"svg","parent":"c1e59a","children":[],"settings":{"file":{"id":3823,"filename":"Icon-10.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Icon-10.svg"},"_cssGlobalClasses":["xfszds"]}},{"id":"ccbd8a","name":"heading","parent":"c1e59a","children":[],"settings":{"text":"Facilisi vel malesuada","_cssGlobalClasses":["xhlztr"],"tag":"custom","customTag":"span"}},{"id":"25bb3a","name":"text-basic","parent":"c1e59a","children":[],"settings":{"text":"Nibh cursus ultricies id neque proin urna vivamus bibendum. Quam sit platea integer sit.","_cssGlobalClasses":["wsdhjg"]}}],"templateType":"section","global_classes":[{"id":"qqlcfl","name":"breakio_container","settings":{"_columnGap":"80","_rowGap":"80","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_width":"100%","_widthMax":"1280"},"modified":1757946768,"user_id":1},{"id":"mkeggp","name":"breakio-default-section","settings":{"_padding":{"top":"80","bottom":"80","right":"5%","left":"5%"},"_rowGap":"60","_justifyContent":"center","_alignItems":"center","_alignSelf":"center","_padding:mobile_portrait":{"top":"48","bottom":"48","left":"16","right":"16"}}},{"id":"lgtfnt","name":"breakio-text-center","settings":{"_typography":{"text-align":"center"}},"modified":1757946768,"user_id":1},{"id":"xjldcd","name":"breakio-center-all","settings":{"_alignItems":"center"}},{"id":"kxulqh","name":"breakio-grediant-text","settings":{"_gradient":{"applyTo":"text","gradientType":"linear","angle":"35","colors":[{"id":"nfsjmo","color":{"hex":"#c026d3"}},{"id":"hkxcjd","color":{"hex":"#701a75"}}]}}},{"id":"flzdzt","name":"breakio-feature-block","settings":{"_rowGap":"24"},"modified":1757951011,"user_id":1},{"id":"eerkju","name":"breakio-tool-block","settings":{"_columnGap":"16","_rowGap":"16","_alignSelf:mobile_landscape":"center","_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center"}},{"id":"ggebrb","name":"breakio-tool-grid-container","settings":{"_display":"grid","_gridGap":"48","_gridTemplateColumns":"repeat(3,1fr)"}},{"id":"xfszds","name":"breakio-tool-svg","settings":[]},{"id":"xhlztr","name":"breakio-tool-heading","settings":{"_typography":{"font-size":"24","font-family":"Roboto","font-weight":"700","color":{"hex":"#0f172a"}}},"modified":1758639072,"user_id":1},{"id":"wsdhjg","name":"breakio-tool-text","settings":{"_typography":{"font-size":"18","font-weight":"400","font-family":"Roboto","color":{"hex":"#475569"}},"_typography:mobile_landscape":{"text-align":"center"}},"modified":1758639072,"user_id":1},{"id":"ohxmrh","name":"breakio-h2","settings":{"_typography":{"font-size":"56","font-family":"Roboto","text-align":"center"},"_typography:mobile_portrait":{"font-size":"24"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"pckvae","name":"breakio-feature-top-container","settings":{"_justifyContent":"center","_alignItems":"center","_columnGap":"24","_rowGap":"24","_widthMax":"900","_width":"100%"}},{"id":"ibgcju","name":"breakio-default-text","settings":{"_typography":{"font-size":"20","font-family":"Roboto","font-weight":"400","color":{"hex":"#475569"}},"_typography:mobile_landscape":{"font-size":"16"}}}]}

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

Jadoo Destinations Cards

A card layout featuring images and pricing, designed for blogs or product showcases, with a clean and visually engaging structure.
View now
Copy now
{"id":7297,"name":"jadoo-destinations-cards","title":"Jadoo Destinations Cards","date":"2026-04-16 13:57:33","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\/jadoo-destinations-cards\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"228077","name":"section","parent":0,"children":["322b0b"],"settings":{"_cssGlobalClasses":["jadoo__section"],"_padding":{"top":"0"}},"label":"Jadoo Destinations Cards"},{"id":"322b0b","name":"container","parent":"228077","children":["ffdd2a","e28d3d"],"settings":{"_cssGlobalClasses":["jadoo__inner"]},"label":"Inner"},{"id":"ffdd2a","name":"block","parent":"322b0b","children":["87eb67","f88336"],"settings":{"_cssGlobalClasses":["jadoo__section-header","jadoo__anim-fadein-up"]},"label":"Header"},{"id":"87eb67","name":"text-basic","parent":"ffdd2a","children":[],"settings":{"text":"Top Selling","_cssGlobalClasses":["jadoo__label","jadoo__label--orange"]},"label":"Label"},{"id":"f88336","name":"heading","parent":"ffdd2a","children":[],"settings":{"text":"Top Destinations","tag":"h2","_cssGlobalClasses":["jadoo__h2"]},"label":"H2"},{"id":"e28d3d","name":"block","parent":"322b0b","children":["29e2e9","e58b0c","62fbab"],"settings":{"_cssGlobalClasses":["jadoo__dest-grid"]},"label":"Grid"},{"id":"29e2e9","name":"block","parent":"e28d3d","children":["27bcaf","e4d979"],"settings":{"_cssGlobalClasses":["jadoo__card","jadoo__dest-card","jadoo__anim-fadein-up"]},"label":"Card Rome, Italy"},{"id":"27bcaf","name":"image","parent":"29e2e9","children":[],"settings":{"image":{"id":6421,"filename":"64e31f2ece4592ec1e01d62d_1665158307-studio-rhe-hero.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/64e31f2ece4592ec1e01d62d_1665158307-studio-rhe-hero.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/64e31f2ece4592ec1e01d62d_1665158307-studio-rhe-hero-1024x608.webp"},"_cssGlobalClasses":["jadoo__img","jadoo__dest-img"]},"label":"Image: Rome, Italy"},{"id":"e4d979","name":"block","parent":"29e2e9","children":["55cb2b","2810de","2c73cd"],"settings":{"_cssGlobalClasses":["jadoo__dest-info"]},"label":"Info"},{"id":"55cb2b","name":"text-basic","parent":"e4d979","children":[],"settings":{"text":"Rome, Italy","tag":"span","_cssGlobalClasses":["jadoo__h3"]},"label":"City"},{"id":"2810de","name":"text-basic","parent":"e4d979","children":[],"settings":{"text":"$5,42k","tag":"span","_cssGlobalClasses":["jadoo__dest-price"]},"label":"Price"},{"id":"2c73cd","name":"block","parent":"e4d979","children":["e36dd4","baa5a7"],"settings":{"_cssGlobalClasses":["jadoo__dest-dur-row"]},"label":"Duration Row"},{"id":"e36dd4","name":"icon","parent":"2c73cd","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-plane"},"_cssGlobalClasses":["jadoo__dest-plane"]},"label":"Plane","themeStyles":[]},{"id":"baa5a7","name":"text-basic","parent":"2c73cd","children":[],"settings":{"text":"10 Days Trip","tag":"span","_cssGlobalClasses":["jadoo__body--sm"]},"label":"Duration"},{"id":"e58b0c","name":"block","parent":"e28d3d","children":["97d911","fe197b"],"settings":{"_cssGlobalClasses":["jadoo__card","jadoo__dest-card","jadoo__anim-fadein-up"]},"label":"Card London, UK"},{"id":"97d911","name":"image","parent":"e58b0c","children":[],"settings":{"image":{"id":868,"filename":"feature-card-1.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card-1.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/05\/feature-card-1.png"},"_cssGlobalClasses":["jadoo__img","jadoo__dest-img"]},"label":"Image: London, UK"},{"id":"fe197b","name":"block","parent":"e58b0c","children":["365871","765d6e","55af06"],"settings":{"_cssGlobalClasses":["jadoo__dest-info"]},"label":"Info"},{"id":"365871","name":"text-basic","parent":"fe197b","children":[],"settings":{"text":"London, UK","tag":"span","_cssGlobalClasses":["jadoo__h3"]},"label":"City"},{"id":"765d6e","name":"text-basic","parent":"fe197b","children":[],"settings":{"text":"$4.2k","tag":"span","_cssGlobalClasses":["jadoo__dest-price"]},"label":"Price"},{"id":"55af06","name":"block","parent":"fe197b","children":["756eca","8eaed5"],"settings":{"_cssGlobalClasses":["jadoo__dest-dur-row"]},"label":"Duration Row"},{"id":"756eca","name":"icon","parent":"55af06","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-plane"},"_cssGlobalClasses":["jadoo__dest-plane"]},"label":"Plane","themeStyles":[]},{"id":"8eaed5","name":"text-basic","parent":"55af06","children":[],"settings":{"text":"10 Days Trip","tag":"span","_cssGlobalClasses":["jadoo__body--sm"]},"label":"Duration"},{"id":"62fbab","name":"block","parent":"e28d3d","children":["d07bfc","b2cec5"],"settings":{"_cssGlobalClasses":["jadoo__card","jadoo__dest-card","jadoo__anim-fadein-up"]},"label":"Card Full Europe"},{"id":"d07bfc","name":"image","parent":"62fbab","children":[],"settings":{"image":{"id":3580,"filename":"Rectangle-56.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-56.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-56.png"},"_cssGlobalClasses":["jadoo__img","jadoo__dest-img"]},"label":"Image: Full Europe"},{"id":"b2cec5","name":"block","parent":"62fbab","children":["67921f","6b4f58","cc7ff7"],"settings":{"_cssGlobalClasses":["jadoo__dest-info"]},"label":"Info"},{"id":"67921f","name":"text-basic","parent":"b2cec5","children":[],"settings":{"text":"Full Europe","tag":"span","_cssGlobalClasses":["jadoo__h3"]},"label":"City"},{"id":"6b4f58","name":"text-basic","parent":"b2cec5","children":[],"settings":{"text":"$15k","tag":"span","_cssGlobalClasses":["jadoo__dest-price"]},"label":"Price"},{"id":"cc7ff7","name":"block","parent":"b2cec5","children":["863638","d8bada"],"settings":{"_cssGlobalClasses":["jadoo__dest-dur-row"]},"label":"Duration Row"},{"id":"863638","name":"icon","parent":"cc7ff7","children":[],"settings":{"icon":{"library":"fontawesomeSolid","icon":"fas fa-plane"},"_cssGlobalClasses":["jadoo__dest-plane"]},"label":"Plane","themeStyles":[]},{"id":"d8bada","name":"text-basic","parent":"cc7ff7","children":[],"settings":{"text":"28 Days Trip","tag":"span","_cssGlobalClasses":["jadoo__body--sm"]},"label":"Duration"}],"templateType":"section","global_classes":[{"id":"jadoo__section","name":"jadoo__section","settings":{"_background":{"color":{"hex":"#FFFDF7"}},"_padding":{"top":"80","bottom":"80","left":"80","right":"80"},"_padding:tablet_portrait":{"top":"60","bottom":"60","left":"32","right":"32"}}},{"id":"jadoo__inner","name":"jadoo__inner","settings":{"_display":"flex","_direction":"column","_rowGap":"48","_widthMax":"100%","_width":"1200"}},{"id":"jadoo__h2","name":"jadoo__h2","settings":{"_typography":{"font-family":"Volkhov","font-size":"50","font-weight":"700","color":{"hex":"#14183E"},"line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"36"},"_typography:mobile_portrait":{"font-size":"28"}},"modified":1775559655,"user_id":1},{"id":"jadoo__h3","name":"jadoo__h3","settings":{"_typography":{"font-family":"Volkhov","font-size":"20","font-weight":"700","color":{"hex":"#14183E"},"line-height":"1.3"}}},{"id":"jadoo__body--sm","name":"jadoo__body--sm","settings":{"_typography":{"font-family":"Poppins","font-size":"14","font-weight":"400","color":{"hex":"#5E6282"},"line-height":"1.6"}}},{"id":"jadoo__label","name":"jadoo__label","settings":{"_typography":{"font-family":"Poppins","font-size":"13","font-weight":"600","color":{"hex":"#5E6282"},"letter-spacing":"0.06em","text-transform":"uppercase"}}},{"id":"jadoo__label--orange","name":"jadoo__label--orange","settings":{"_typography":{"color":{"hex":"#DF6951"}}}},{"id":"jadoo__card","name":"jadoo__card","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"24","right":"24","bottom":"24","left":"24"},"width":{"top":"0","right":"0","bottom":"0","left":"0"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"8","blur":"32","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.06)"}},"_cssTransition":"ease .3s","_transform:hover":"translateY(-6px)","_boxShadow:hover":{"values":{"offsetX":"0","offsetY":"16","blur":"48","spread":"0"},"color":{"hex":"#000000","rgb":"rgba(0,0,0,0.12)"}}}},{"id":"jadoo__img","name":"jadoo__img","settings":{"_width":"100%","_objectFit":"cover","_height":"auto"}},{"id":"jadoo__section-header","name":"jadoo__section-header","settings":{"_display":"flex","_direction":"column","_textAlign":"center","_alignItems":"center","_rowGap":"20"},"modified":1775559655,"user_id":1},{"id":"jadoo__anim-fadein-up","name":"jadoo__anim-fadein-up","settings":{"_interactions":[{"id":"939d0c","trigger":"enterView","action":"startAnimation","animationType":"fadeInUp","animationDuration":"0.6s","animationDelay":"0s","target":"self"}]}},{"id":"jadoo__dest-grid","name":"jadoo__dest-grid","settings":{"_display":"grid","_gridTemplateColumns":"repeat(3,1fr)","_gridGap":"28","_gridTemplateColumns:tablet_portrait":"repeat(2,1fr)","_gridTemplateColumns:mobile_portrait":"repeat(1,1fr)"},"_exists":false},{"id":"jadoo__dest-card","name":"jadoo__dest-card","settings":{"_display":"flex","_direction":"column","_rowGap":"0","_overflow":"hidden"},"_exists":false},{"id":"jadoo__dest-img","name":"jadoo__dest-img","settings":{"_height":"220","_objectFit":"cover","_width":"100%","_border":{"radius":{"top":"24","right":"24","bottom":"0","left":"0"}}},"_exists":false},{"id":"jadoo__dest-info","name":"jadoo__dest-info","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_justifyContent":"space-between","_flexWrap":"wrap","_padding":{"top":"16","bottom":"16","left":"20","right":"20"},"_rowGap":"8","_cssCustom":".jadoo__dest-info { flex-wrap:wrap; gap:8px; }"},"_exists":false},{"id":"jadoo__dest-price","name":"jadoo__dest-price","settings":{"_typography":{"font-family":"Poppins","font-size":"18","font-weight":"700","color":{"hex":"#DF6951"}}},"_exists":false},{"id":"jadoo__dest-dur-row","name":"jadoo__dest-dur-row","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"6","_width":"100%"},"_exists":false},{"id":"jadoo__dest-plane","name":"jadoo__dest-plane","settings":{"_typography":{"font-size":"13","color":{"hex":"#DF6951"}}},"_exists":false}]}

Categories

Cards

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue