Profile Picture
Shahid Hussain

Content Section with Cards

Content section with cards which display the list of your cards
Copy component
Download JSON
{"id":189,"name":"hero-section","title":"Hero Section","date":"2025-04-14 07:53:35","date_formatted":"April 14, 2025","author":{"name":"admin","avatar":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=60&d=mm&r=g","url":"http:\/\/board.local"},"permalink":"https:\/\/board.local\/template\/hero-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"3a6af2","name":"section","parent":0,"children":["73a7ea"],"settings":{"_cssGlobalClasses":["ergbtp"],"_padding:mobile_portrait":{"left":"0","right":"0"}},"label":"Content Section"},{"id":"73a7ea","name":"container","parent":"3a6af2","children":["bd870e","890619"],"settings":{"_cssGlobalClasses":["oookpc"],"_padding:mobile_portrait":{"left":"3rem","right":"3rem","top":"3rem"}}},{"id":"bd870e","name":"block","parent":"73a7ea","children":["8ddd7b","83d7a3","kepchl"],"settings":{"_cssGlobalClasses":["wcigeu"]},"label":"Content"},{"id":"8ddd7b","name":"heading","parent":"bd870e","children":[],"settings":{"text":"What I do for my customers","tag":"h1","_cssGlobalClasses":["xtfraf"]},"label":"Heading"},{"id":"83d7a3","name":"text-basic","parent":"bd870e","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec feugiat fringilla lorem sed bibendum.","tag":"p","_cssGlobalClasses":["ohburj"]},"label":"Text-basic"},{"id":"890619","name":"block","parent":"73a7ea","children":["220a8f","c63dda","82f577"],"settings":{"_cssGlobalClasses":["lfjpby"],"tag":"ul"},"label":"List Grid"},{"id":"220a8f","name":"block","parent":"890619","children":["aee72a","b407ac","98e4aa"],"settings":{"tag":"li","_cssGlobalClasses":["qdzcfz"]},"label":"Card"},{"id":"aee72a","name":"heading","parent":"220a8f","children":[],"settings":{"text":"UI\/UX Design","_cssGlobalClasses":["lb4w0j"]},"label":"Heading"},{"id":"b407ac","name":"icon","parent":"220a8f","children":[],"settings":{"icon":{"library":"svg","svg":{"id":215,"filename":"ux-design-icon.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/ux-design-icon.svg"}},"_cssGlobalClasses":["55dqs9"]},"label":"Icon","themeStyles":[]},{"id":"98e4aa","name":"text-basic","parent":"220a8f","children":[],"settings":{"text":"Websites, application or other design related tasks. I love tackling digital problems.\n\n","tag":"p","_cssGlobalClasses":["9dsnvk"]},"label":"Text"},{"id":"c63dda","name":"block","parent":"890619","children":["339ffd","4eeff5","78beda"],"settings":{"tag":"li","_cssGlobalClasses":["qdzcfz"]},"label":"Card"},{"id":"339ffd","name":"heading","parent":"c63dda","children":[],"settings":{"text":"Motion Graphics","_cssGlobalClasses":["lb4w0j"]},"label":"Heading"},{"id":"4eeff5","name":"icon","parent":"c63dda","children":[],"settings":{"icon":{"library":"svg","svg":{"id":216,"filename":"motion-graphics-icon.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/motion-graphics-icon.svg"}},"_cssGlobalClasses":["55dqs9"]},"label":"Icon","themeStyles":[]},{"id":"78beda","name":"text-basic","parent":"c63dda","children":[],"settings":{"text":"Every interaction you apply to your brand makes you stronger and more priority.\n\n","tag":"p","_cssGlobalClasses":["9dsnvk"]},"label":"Text"},{"id":"82f577","name":"block","parent":"890619","children":["906b0e","b38c45","7f3d4d"],"settings":{"tag":"li","_cssGlobalClasses":["qdzcfz"]},"label":"Card"},{"id":"906b0e","name":"heading","parent":"82f577","children":[],"settings":{"text":"Branding","_cssGlobalClasses":["lb4w0j"]},"label":"Heading"},{"id":"b38c45","name":"icon","parent":"82f577","children":[],"settings":{"icon":{"library":"svg","svg":{"id":217,"filename":"branding-icon.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/branding-icon.svg"}},"_cssGlobalClasses":["55dqs9"]},"label":"Icon","themeStyles":[]},{"id":"7f3d4d","name":"text-basic","parent":"82f577","children":[],"settings":{"text":"Positioning the brand first. I create visual identity across platforms.\n\n","tag":"p","_cssGlobalClasses":["9dsnvk"]},"label":"Text"},{"id":"kepchl","name":"button","parent":"bd870e","children":[],"settings":{"text":"connect with me","style":"primary","_cssGlobalClasses":["uvkehi"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"ergbtp","name":"content-box","settings":{"_overflow":"hidden","_background:tablet_portrait":{"color":{"raw":"var(--neutral-ultra-light)"}}},"_exists":false},{"id":"oookpc","name":"content-box__container","settings":{"_display":"grid","_gridTemplateColumns:tablet_portrait":"var(--grid-1)","_gridGap:tablet_portrait":"var(--grid-gap)","_background":{"color":{"raw":"#f0fefa"}},"_height":"45rem","_alignContentGrid":"center","_alignItemsGrid":"stretch","_gridTemplateColumns":"repeat(12, 1fr);","_height:tablet_portrait":"100%","_padding":{"left":"5rem","right":"5rem","top":"5rem","bottom":"5rem"}},"_exists":false},{"id":"wcigeu","name":"content-box__content","settings":{"_gridItemColumnSpan":"1 \/ 9","_gridItemRowSpan":"1","_padding":{"bottom":"6rem","right":"calc(10rem * 3)","top":"6rem"},"_position":"relative","_justifyContent":"center","_gridItemColumnSpan:tablet_portrait":"1","_gridItemRowSpan:tablet_portrait":"1","_padding:tablet_portrait":{"right":"unset","top":"0"},"_padding:mobile_portrait":{"top":"0"},"_padding:mobile_landscape":{"top":"0"},"_rowGap":"3rem"},"_exists":false,"modified":1744617510,"user_id":1},{"id":"xtfraf","name":"content-box__heading","settings":{"_typography":{"font-weight":"600","letter-spacing":"-.025em"}},"_exists":false},{"id":"ohburj","name":"content-box__text","settings":[],"_exists":false},{"id":"lfjpby","name":"content-box-grid-ul","settings":{"_gridItemRowSpan":"1","_gridItemColumnSpan":"6 \/ -1","_display":"grid","_gridTemplateRows":"repeat(4, 1fr);","_gridGap":"3rem","_position":"relative","_gridItemColumnSpan:tablet_portrait":"1","_gridItemRowSpan:tablet_portrait":"unset","_gridTemplateColumns:mobile_landscape":"var(--grid-1)","_gridTemplateRows:mobile_landscape":"unset","_gridTemplateColumns":"repeat(2, 1fr);","_cssCustom":".content-box-grid-ul{\nlist-style: none;\npadding-left: 0;\nlist-style-type: none;\nmargin-left: 0em;\nmargin-right: 0;\n}"},"_exists":false,"modified":1744627295,"user_id":1},{"id":"qdzcfz","name":"content-box-card","settings":{"_padding":{"top":"3rem","right":"2rem","bottom":"3rem","left":"2rem"},"_rowGap":"calc(3rem \/ 2)","_cssCustom":"@media (min-width:767px) {\n\n.content-box-card:nth-child(1) {\n\t grid-row: 2 \/ 4;\n}\n\n.content-box-card:nth-child(2), .content-box-card:nth-child(3) {\n\tgrid-column: 2 \/ 3;\n grid-row: span 2;\n}\n \n}\n\n.content-box-card{\n box-shadow:24px 24px 40px -12px rgba(28, 44, 64, .08);\n}","_background":{"color":{"raw":"#fff"}}},"modified":1729870684,"user_id":7,"_exists":false},{"id":"lb4w0j","name":"content-box-card__heading","settings":{"_typography":{"font-weight":"600"}},"_exists":false},{"id":"55dqs9","name":"content-box-card__icon","settings":{"_order":"-1"},"_exists":false},{"id":"9dsnvk","name":"content-box-card__text","settings":[],"_exists":false},{"id":"uvkehi","name":"content-box__button","settings":{"_padding":{"top":"1.3rem","bottom":"1.3rem","right":"2rem","left":"2rem"},"_typography":{"color":{"hex":"#ffffff"},"font-size":"1.5rem","text-transform":"uppercase","font-weight":"600"},"_background":{"color":{"hex":"#5e3bee"}},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}}},"modified":1744629077,"user_id":1}]}

Similar components

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

ETA Video Background Section

A section with a video background and a two-column layout, featuring a heading and text. This design is inspired by the Elysian Tennis Webflow template, with custom modifications and layout adaptations.
View now
Copy now
{"id":7320,"name":"eta-video-bg-section","title":"Eta video bg section","date":"2026-04-16 18:47:36","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-video-bg-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"30c3b7","name":"section","parent":0,"children":["5c755c"],"settings":{"_cssGlobalClasses":["hphnzp","eta__section"],"_padding":{"left":"15","right":"15","top":"20"}},"label":"Eta video bg section"},{"id":"5c755c","name":"container","parent":"30c3b7","children":["5ea206"],"settings":{"_cssGlobalClasses":["umhnrc"],"_direction":"row","_background":{"videoUrl":"https:\/\/cdn.prod.website-files.com\/67041c2a6a806901e0c7ed1b67096824db9dc78ac4b53ef6_5741379-uhd_4096_2160_25fps-transcode.webm"}}},{"id":"5ea206","name":"container","parent":"5c755c","children":["211c31","009e03"],"settings":{"_cssGlobalClasses":["znuocq","bpkvcl"]}},{"id":"211c31","name":"block","parent":"5ea206","children":["c234fb"],"settings":[],"label":"Column"},{"id":"c234fb","name":"heading","parent":"211c31","children":[],"settings":{"text":"Fitness","_cssGlobalClasses":["eta__h1","qanaqz","uiruyp"]}},{"id":"009e03","name":"block","parent":"5ea206","children":["9fc59a","f22b77"],"settings":{"_rowGap":"20"},"label":"Column"},{"id":"9fc59a","name":"text-basic","parent":"009e03","children":[],"settings":{"_cssGlobalClasses":["eta__body","eta__body--white","ydwewn"],"text":"Train like an athlete. Unlock your full potential with personalized fitness programs designed to enhance your tennis skills and maintain peak performance.","tag":"p"},"label":"Body"},{"id":"f22b77","name":"button","parent":"009e03","children":[],"settings":{"text":"START TODAY ","_cssGlobalClasses":["eta__btn--lime"],"link":{"type":"external","url":"#"},"icon":{"library":"ionicons","icon":"ion-ios-arrow-forward"}},"label":"Start Today"}],"templateType":"section","global_classes":[{"id":"qanaqz","name":"text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"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__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__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__body--white","name":"eta__body--white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"znuocq","name":"eta__container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1775637854,"user_id":1},{"id":"hphnzp","name":"eta__video-hero--section","settings":{"_padding":{"left":"15","right":"15","bottom":"2%","top":"2%"},"_gradient":[]}},{"id":"umhnrc","name":"eta__video-hero--container","settings":{"_width":"100%","_height":"90vh","_heightMin":"400","_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}},"_overflow":"hidden","_alignItems":"flex-end","_padding":{"left":"5%","right":"5%","top":"5%","bottom":"5%"},"_gradient":{"applyTo":"overlay","colors":[{"id":"buvrms","color":{"raw":"rgba(0, 0, 0, 0)"}},{"id":"bouhyd","color":{"raw":"rgba(0, 0, 0, 0.5)"}}]}}},{"id":"uiruyp","name":"eta__video-hero--heading","settings":{"_margin":{"bottom":"0"}}},{"id":"ydwewn","name":"eta__video-hero--text","settings":{"_typography":{"font-size":"18"}}},{"id":"bpkvcl","name":"eta__container--inner","settings":{"_direction":"row","_rowGap:mobile_landscape":"30"}}]}
Profile Picture
Akshay Joshi

ETA Locations Section

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

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

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

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

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