Profile Picture
Shahid Hussain

Hero Section with resources links

Hero section with titles and paragraphs using list items for extra resources links
Copy component
Download JSON
{"id":158,"name":"hero-section-with-resources-links","title":"Hero Section with resources links","date":"2025-04-11 12:39:48","date_formatted":"April 11, 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-with-resources-links\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"zpcdqu","name":"section","parent":0,"children":["tmuoil"],"settings":{"_cssGlobalClasses":["acsyof"],"_background":{"image":{"id":96,"filename":"landify-background.png","size":"full","full":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/landify-background.png","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/landify-background.png"},"position":"top right","repeat":"no-repeat"}},"label":"Main Section"},{"id":"tmuoil","name":"container","parent":"zpcdqu","children":["kbadux"],"settings":{"_cssGlobalClasses":["qihsax"],"_justifyItemsGrid:mobile_landscape":"center"}},{"id":"kbadux","name":"div","parent":"tmuoil","children":["hirikn","jhqfkw","agzbmc"],"settings":{"_cssGlobalClasses":["jtuwhr"]},"label":"Content"},{"id":"nqetad","name":"heading","parent":"jhqfkw","children":[],"settings":{"text":"Welcome to Landify \ud83d\udc4b","_cssGlobalClasses":["kblvla"],"tag":"h1","_typography:mobile_portrait":{"font-size":"3.3rem"}}},{"id":"zncudd","name":"text-basic","parent":"avqgtx","children":[],"settings":{"text":"Lorem ipsum dolor sit amet elit. Aliquam odio dolor, id luctus erat sagittis non. Ut blandit semper pretium.","tag":"p"}},{"id":"cgwfid","name":"text-basic","parent":"cntsab","children":[],"settings":{"text":"Lorem ipsum dolor sit amet elit. Aliquam odio dolor, id luctus erat sagittis non. Ut blandit semper pretium.","tag":"p"}},{"id":"ansnxc","name":"text-basic","parent":"decrbk","children":[],"settings":{"text":"Lorem ipsum dolor sit amet elit. Aliquam odio dolor, id luctus erat sagittis non. Ut blandit semper pretium.","tag":"p"}},{"id":"dxegac","name":"text","parent":"jucaie","children":[],"settings":{"text":"Ignite a spark within each person I encounter, encouraging them to embrace their strengths, overcome challenges, and pursue their dreams with unwavering determination.\u2028\u2028I firmly believe that personal growth and self-discovery are the catalysts for achieving greatness. With a focus on mindset, resilience, and goal-setting, I empower individuals to break free from limiting beliefs and embrace a life of purpose and fulfillment."}},{"id":"rduhcc","name":"div","parent":"dmaess","children":["xnmvwh","sekkvw","mphnmm","rrvgdk"],"settings":{"_cssGlobalClasses":["acss_import_list--none"],"tag":"ul"},"label":"Social links"},{"id":"xnmvwh","name":"div","parent":"rduhcc","children":["dvdxhk"],"settings":{"tag":"li","_display":"flex","_alignItems":"center"},"label":"Icon wrapper"},{"id":"dvdxhk","name":"icon","parent":"xnmvwh","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"}}},{"id":"sekkvw","name":"div","parent":"rduhcc","children":["osabtr"],"settings":{"tag":"li","_display":"flex","_alignItems":"center"},"label":"Icon wrapper"},{"id":"osabtr","name":"icon","parent":"sekkvw","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-x-twitter"}}},{"id":"mphnmm","name":"div","parent":"rduhcc","children":["dwsnid"],"settings":{"tag":"li","_display":"flex","_alignItems":"center"},"label":"Icon wrapper"},{"id":"dwsnid","name":"icon","parent":"mphnmm","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"}}},{"id":"rrvgdk","name":"div","parent":"rduhcc","children":["ccbxha"],"settings":{"tag":"li","_display":"flex","_alignItems":"center"},"label":"Icon wrapper"},{"id":"ccbxha","name":"icon","parent":"rrvgdk","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"}}},{"id":"xyjbxc","name":"block","parent":"jucaie","children":["axdseh","bmeied"],"settings":[],"label":"Footer"},{"id":"axdseh","name":"text-basic","parent":"xyjbxc","children":[],"settings":{"text":"For inquiries, speaking engagements, or collaboration opportunities, please email me at:","tag":"p"}},{"id":"bmeied","name":"block","parent":"xyjbxc","children":["sggrcb","ragtof"],"settings":[],"label":"Contact information"},{"id":"sggrcb","name":"text-basic","parent":"bmeied","children":[],"settings":{"text":"For general inquiries","tag":"span"}},{"id":"ragtof","name":"text-link","parent":"bmeied","children":[],"settings":{"text":"info@bricksmaven.com","link":{"type":"external","url":"mailto:info@bricksmaven.com"}},"themeStyles":[]},{"id":"hirikn","name":"image","parent":"kbadux","children":[],"settings":{"image":{"id":100,"filename":"base-logo.svg","size":"full","full":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/base-logo.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/base-logo.svg"},"_width":"192px"},"themeStyles":[],"label":"Title Image"},{"id":"jhqfkw","name":"div","parent":"kbadux","children":["nqetad","eflubt","ryawkv"],"settings":{"_display":"flex","_direction":"column"},"label":"Heading + Desc"},{"id":"eflubt","name":"text","parent":"jhqfkw","children":[],"settings":{"text":"This landing page template is crafted by the Landify Team!","_cssGlobalClasses":["tsmrla"]}},{"id":"ryawkv","name":"text","parent":"jhqfkw","children":[],"settings":{"text":"Customise this template and create your landing page in a few minutes! Check out more templates at landify.design and follow us on Twitter for new updates. For any queries, drop a mail to hello@landify.design.","_cssGlobalClasses":["tsmrla"]}},{"id":"emjkwc","name":"heading","parent":"agzbmc","children":[],"settings":{"text":"Resources","tag":"h2","_cssGlobalClasses":["igdpim"]}},{"id":"bthsdf","name":"social-icons","parent":"agzbmc","children":[],"settings":{"icons":[{"label":"Free Figma Resources","icon":{"library":"svg","svg":{"id":112,"filename":"icon-figma.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/icon-figma.svg"}},"id":"ovrygm","link":{"type":"external","url":"#","newTab":true}},{"label":"Landify Marketplace","icon":{"library":"svg","svg":{"id":113,"filename":"icon-tailwind.svg","url":"https:\/\/board.local\/wp-content\/uploads\/2025\/04\/icon-tailwind.svg"}},"id":"umnphn","link":{"type":"external","url":"#","newTab":true}}],"_cssGlobalClasses":["jftydu"]},"themeStyles":[]},{"id":"agzbmc","name":"div","parent":"kbadux","children":["emjkwc","bthsdf"],"settings":{"_display":"flex","_direction":"column"}}],"templateType":"section","global_classes":[{"id":"acsyof","name":"main","settings":{"_padding:mobile_landscape":{"top":"var(--space-l)"},"_background":{"color":{"id":"acss_import_neutral-ultra-light","name":"neutral-ultra-light","raw":"var(--neutral-ultra-light)"}},"_padding":{"top":"3rem","bottom":"3rem"},"_heightMin":"70vh","_justifyContent":"center"},"_exists":false,"modified":1744312605,"user_id":1},{"id":"qihsax","name":"main__container","settings":{"_display":"grid","_gridTemplateColumns":"repeat(5, minmax(0, 1fr))","_gridTemplateColumns:mobile_landscape":"repeat(1, minmax(0, 1fr))","_gridGap:mobile_landscape":"var(--space-m)","_padding:tablet_portrait":{"left":"4rem","right":"4rem","top":"4rem","bottom":"4rem"}},"_exists":false,"modified":1744312605,"user_id":1},{"id":"jtuwhr","name":"main__content","settings":{"_display":"flex","_direction":"column","_gridItemColumnSpan":"span 3","_alignItems:mobile_landscape":"flex-start","_justifyContent":"center"},"_exists":false,"modified":1744375085,"user_id":1},{"id":"kblvla","name":"main__content-title","settings":{"_typography":{"color":{"hex":"#f5f5f5","id":"452310","name":"Color #1"},"font-size":"4rem","font-weight":"500"},"_padding":{"top":"5rem"},"_typography:mobile_portrait":{"font-size":"3.3rem"}},"_exists":false,"modified":1744375579,"user_id":1},{"id":"tsmrla","name":"main__content-desc","settings":{"_typography":{"color":{"hex":"#f5f5f5","id":"452310","name":"Color #1"}},"_padding":{"top":"2rem"},"_cssCustom":".main__content-desc a{\n text-decoration:underline;\n}"},"_exists":false},{"id":"jftydu","name":"main__content-icon-list","settings":{"_padding":{"top":"10","bottom":"10"},"_typography":{"color":{"hex":"#f5f5f5","id":"d00900","name":"Color #1"}},"_cssCustom":".main__content-icon-list a{\n text-decoration:underline; \n}\n\n.main__content-icon-list a::after{\n content: '\u2197';\n font-size: 1em;\n margin-left:-0.4em;\n position: relative;\n transition: transform 0.3s;\n text-decoration:none !important; \n}","iconSize":"24px","alignIcons":"center","justifyIcons":"flex-start","gap":"5","direction":"column"}},{"id":"igdpim","name":"main__content-resource-heading","settings":{"_padding":{"top":"3rem","bottom":"2rem"},"_typography":{"font-size":"2.3rem","color":{"hex":"#f5f5f5","id":"048c70","name":"Color #1"},"font-weight":"500"},"_typography:mobile_portrait":{"font-size":"2rem"}},"modified":1744376315,"user_id":1}]}

Similar components

Profile Picture
Akshay Joshi

Horizontal Scroll Section

Horizontal Scroll Section with Large Typography
View now
Copy now
{"id":6639,"name":"horizontal-scroll-section","title":"Horizontal Scroll Section","date":"2026-02-27 16:29:55","date_formatted":"February 27, 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\/horizontal-scroll-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"28d958","name":"section","parent":0,"children":["8cebab","78819a"],"settings":{"_cssGlobalClasses":["bjujmn","gpxpfl"]},"label":"Horizontal Scroll Section"},{"id":"8cebab","name":"container","parent":"28d958","children":["61c168"],"settings":{"_cssGlobalClasses":["iqzvlt","rdhsix"]}},{"id":"61c168","name":"slider-nested","parent":"8cebab","children":["b770ab","48f144","a667af"],"settings":{"_cssGlobalClasses":["zubgon","xjrggh"],"height":"100vh","type":"fade","speed":"400"}},{"id":"b770ab","name":"block","parent":"61c168","children":["786fac","47444c"],"settings":{"_background":{"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"},"position":"center center","size":"cover","repeat":"no-repeat"},"_cssGlobalClasses":["vgtbro","cnodjs"]},"label":"Slide 1"},{"id":"786fac","name":"text-basic","parent":"b770ab","children":[],"settings":{"text":"Orange fruit beer combines the freshness of oranges with the smoothness of beer, making it a flavorful and refreshing beverage choice, especially in warm weather.","_cssGlobalClasses":["whmvzp","kggfcm","ukckli"],"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"47444c","name":"heading","parent":"b770ab","children":[],"settings":{"text":"Popular in wheat beers","_cssGlobalClasses":["xxlgvw","toegdg"],"tag":"h2"}},{"id":"48f144","name":"block","parent":"61c168","children":["1241bb","57435b"],"settings":{"_background":{"image":{"id":5998,"filename":"2151059680.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/2151059680.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/2151059680-683x1024.webp"}},"_cssGlobalClasses":["vgtbro","cnodjs"]},"label":"Slide 2"},{"id":"1241bb","name":"text-basic","parent":"48f144","children":[],"settings":{"text":"Enjoyed for its smooth and refreshing flavor Often paired with light foods like salads, seafood, and snacks","_cssGlobalClasses":["whmvzp","kggfcm","ukckli"],"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"57435b","name":"heading","parent":"48f144","children":[],"settings":{"text":"Alcohol content: Usually low to moderate","_cssGlobalClasses":["xxlgvw","toegdg"],"tag":"h2"}},{"id":"a667af","name":"block","parent":"61c168","children":["c215c5","2f8e2e"],"settings":{"_cssGlobalClasses":["vgtbro","cnodjs"],"_direction":"row","_alignItems":"center"},"label":"Slide 3"},{"id":"c215c5","name":"block","parent":"a667af","children":["cb9914","6d4b9d"],"settings":{"_columnGap":"20","_rowGap":"20"}},{"id":"cb9914","name":"text-basic","parent":"c215c5","children":[],"settings":{"text":"Orange adds a citrus flavor that makes the beer refreshing. It balances bitterness from hops with natural sweetness and acidity.","_cssGlobalClasses":["whmvzp","kggfcm","ukckli"],"_typography":{"color":{"hex":"#000000","id":"ymdprl","name":"Color #2"}}}},{"id":"6d4b9d","name":"heading","parent":"c215c5","children":[],"settings":{"text":"Enjoyed for its refreshing flavor","_cssGlobalClasses":["xxlgvw","toegdg"],"tag":"h2","_typography":{"color":{"hex":"#000000","id":"ymdprl","name":"Color #2"}}}},{"id":"2f8e2e","name":"block","parent":"a667af","children":["12f3f7"],"settings":{"_cssGlobalClasses":["dkdmcr"]}},{"id":"12f3f7","name":"block","parent":"2f8e2e","children":["414717","e8e894"],"settings":{"_cssGlobalClasses":["smvlsp"]}},{"id":"414717","name":"image","parent":"12f3f7","children":[],"settings":{"image":{"id":5995,"filename":"324.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/324.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/324.webp"},"_cssGlobalClasses":["crquae"]}},{"id":"e8e894","name":"image","parent":"12f3f7","children":[],"settings":{"image":{"id":6019,"filename":"maximalist-interior-design-scaled.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/maximalist-interior-design-scaled.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/maximalist-interior-design-740x1024.webp"},"_cssGlobalClasses":["crquae"]}},{"id":"78819a","name":"code","parent":"28d958","children":[],"settings":{"executeCode":true,"cssCode":"\/* 1. Force the slides into a horizontal line *\/\n.animated_horizontal-scroll-slider .splide__list {\n display: flex !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important;\n \/* We remove max-content and use a calculation for safety *\/\n width: auto !important; \n \/* Critical: Stop Splide from trying to 'fade' or stack slides *\/\n transform-style: flat !important;\n}\n\n\/* 2. Force every slide to be visible and positioned correctly *\/\n.animated_horizontal-scroll-slide {\n width: 100vw !important;\n flex: 0 0 100vw !important; \n max-width: 100vw !important;\n \/* FIX: Override Splide Fade transform *\/\n transform: none !important; \n opacity: 1 !important;\n visibility: visible !important;\n position: relative !important;\n left: auto !important;\n top: auto !important;\n}\n\n\/* 3. Layout Setup *\/\n.animated_horizontal-scroll-section {\n height: 400vh !important;\n overflow: visible !important;\n}\n\n.animated_horizontal-scroll-container {\n position: sticky;\n top: 0;\n height: 100vh;\n width: 100%;\n overflow: hidden !important;\n}","javascriptCode":"document.addEventListener(\"DOMContentLoaded\", function () {\n const section = document.querySelector(\".animated_horizontal-scroll-section\");\n const list = document.querySelector(\".animated_horizontal-scroll-slider .splide__list\");\n const slides = document.querySelectorAll(\".animated_horizontal-scroll-slide\");\n\n if (!section || !list || slides.length === 0) return;\n\n function sync() {\n const rect = section.getBoundingClientRect();\n const windowHeight = window.innerHeight;\n\n \/\/ Exit if not visible\n if (rect.bottom windowHeight) return;\n\n const totalScrollable = rect.height - windowHeight;\n if (totalScrollable {\n sync();\n ticking = false;\n });\n ticking = true;\n }\n }\n\n window.addEventListener(\"scroll\", onScroll, { passive: true });\n window.addEventListener(\"resize\", sync);\n window.addEventListener(\"load\", sync);\n\n sync();\n});"}}],"templateType":"section","global_classes":[{"id":"gpxpfl","name":"animated_horizontal-scroll-section","settings":{"_width":"100%","_position":"relative"}},{"id":"rdhsix","name":"animated_horizontal-scroll-container","settings":{"_width":"100%","_position":"sticky","_top":"0"}},{"id":"xjrggh","name":"animated_horizontal-scroll-slider","settings":{"_width":"100%","_widthMax":"100%"},"modified":1771599000,"user_id":1},{"id":"cnodjs","name":"animated_horizontal-scroll-slide","settings":{"_alignItems":"flex-start","_justifyContent":"space-around","_padding":{"top":"7%","bottom":"7%","right":"7%","left":"7%"},"_columnGap:tablet_portrait":"20","_rowGap:tablet_portrait":"20"}},{"id":"kggfcm","name":"animated2__text--big","settings":{"_typography":{"font-size":"28","text-align":"left","line-height":"1.3"},"_typography:tablet_portrait":{"font-size":"26"},"_typography:mobile_landscape":{"font-size":"24"},"_typography:mobile_portrait":{"font-size":"23"}}},{"id":"toegdg","name":"animated2__h2--big","settings":{"_typography":{"font-size":"100","font-family":"Autour One","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_typography:tablet_portrait":{"font-size":"65"},"_typography:mobile_landscape":{"font-size":"48"},"_typography:mobile_portrait":{"font-size":"36"}},"modified":1772209646,"user_id":1},{"id":"dkdmcr","name":"animated_horizontal-scroll-slide-content","settings":{"_direction":"column","_columnGap":"20","_rowGap":"20"},"modified":1772010300,"user_id":1},{"id":"smvlsp","name":"animated_horizontal-scroll-slide-img--block","settings":{"_direction":"row","_columnGap":"20","_rowGap":"20","_padding":{"left":"40"}},"modified":1772205129,"user_id":1},{"id":"crquae","name":"animated_horizontal-scroll-slide--content-img","settings":{"_widthMax":"250px","_width":"100%","_objectFit":"cover"}},{"id":"ukckli","name":"animated2__width--m","settings":{"_widthMax":"50%","_widthMax:mobile_landscape":"70%","_widthMax:mobile_portrait":"100%"}}]}
Profile Picture
Akshay Joshi

Dual Vertical Opposite Scroll

Two-Column Section with Opposing Vertical Scroll (Image + Content)
View now
Copy now
{"id":6638,"name":"dual-vertical-opposite-scroll","title":"Dual Vertical Opposite Scroll","date":"2026-02-27 16:29:38","date_formatted":"February 27, 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\/dual-vertical-opposite-scroll\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"aafd17","name":"section","parent":0,"children":["70565a","d2693a"],"settings":{"_cssGlobalClasses":["extmnc"]},"label":"Dual Vertical Opposite Scroll"},{"id":"70565a","name":"container","parent":"aafd17","children":["d66aab","19ff40"],"settings":{"_cssGlobalClasses":["jjznfa"]}},{"id":"d66aab","name":"block","parent":"70565a","children":["626822","cf899c","4fa8f8"],"settings":{"_cssGlobalClasses":["gfogtv"]}},{"id":"626822","name":"block","parent":"d66aab","children":["cabac9","7d66a7"],"settings":{"_background":{"image":{"id":6347,"filename":"5d0de26dd79cca5d2a950bae_img-bg-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de26dd79cca5d2a950bae_img-bg-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de26dd79cca5d2a950bae_img-bg-1.webp"},"position":"center center","repeat":"no-repeat","size":"cover"},"_cssGlobalClasses":["flujgi"]}},{"id":"cabac9","name":"heading","parent":"626822","children":[],"settings":{"text":"Fruit beer","tag":"custom","customTag":"span","_cssGlobalClasses":["mdbmnt"]},"label":"small "},{"id":"7d66a7","name":"heading","parent":"626822","children":[],"settings":{"text":"It gives the beer a fresh, sweet, and tangy taste along with a fruity aroma.","_cssGlobalClasses":["dmshir"]},"label":"Big Heading"},{"id":"cf899c","name":"block","parent":"d66aab","children":["a66b4f"],"settings":{"_cssGlobalClasses":["flujgi"],"_gradient":[],"_alignItems":"center","_background":{"color":{"hex":"#576d25"}}}},{"id":"a66b4f","name":"image","parent":"cf899c","children":[],"settings":{"image":{"id":6627,"filename":"Bottle-back.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Bottle-back.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Bottle-back-259x1024.webp"},"_cssGlobalClasses":["itiwec"]}},{"id":"4fa8f8","name":"block","parent":"d66aab","children":["b9df91","95a783"],"settings":{"_background":{"image":{"id":6344,"filename":"5d0de4c341baf21c3809bb5a_img-bg-3.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de4c341baf21c3809bb5a_img-bg-3.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de4c341baf21c3809bb5a_img-bg-3.webp"},"position":"center center","size":"cover","repeat":"no-repeat"},"_cssGlobalClasses":["flujgi"]}},{"id":"b9df91","name":"heading","parent":"4fa8f8","children":[],"settings":{"text":"pleasant orange aroma","tag":"custom","customTag":"span","_cssGlobalClasses":["mdbmnt"]},"label":"small "},{"id":"95a783","name":"heading","parent":"4fa8f8","children":[],"settings":{"text":"A gentle blend of fresh orange a whole malt crisp lager","_cssGlobalClasses":["dmshir"]},"label":"Big Heading"},{"id":"19ff40","name":"block","parent":"70565a","children":["189725","3f7f28","112dee"],"settings":{"_cssGlobalClasses":["oxkpjw"]}},{"id":"189725","name":"block","parent":"19ff40","children":["adfbf5"],"settings":{"_cssGlobalClasses":["helajc"],"_gradient":[],"_background":{"color":{"hex":"#504f54"}},"_alignItems":"center"}},{"id":"adfbf5","name":"image","parent":"189725","children":[],"settings":{"image":{"id":6363,"filename":"5d0de789ac109e6b2cbe7097_lime.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime-259x1024.webp"},"_cssGlobalClasses":["itiwec"]},"themeStyles":[]},{"id":"3f7f28","name":"block","parent":"19ff40","children":["28494f","cf58a8"],"settings":{"_cssGlobalClasses":["helajc"],"_background":{"image":{"id":6356,"filename":"5d0de36841baf24bec09ba66_img-bg-2.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de36841baf24bec09ba66_img-bg-2-720x1024.webp"}}}},{"id":"28494f","name":"heading","parent":"3f7f28","children":[],"settings":{"text":"Taste","tag":"custom","customTag":"span","_cssGlobalClasses":["mdbmnt"]},"label":"small "},{"id":"cf58a8","name":"heading","parent":"3f7f28","children":[],"settings":{"text":"Taste: Sweet\u2013tangy, citrusy, and mildly bitter","_cssGlobalClasses":["dmshir"]},"label":"Big Heading"},{"id":"112dee","name":"block","parent":"19ff40","children":["834d41"],"settings":{"_cssGlobalClasses":["helajc"],"_gradient":[],"_alignItems":"center","_background":{"color":{"hex":"#d86b10"}}}},{"id":"834d41","name":"image","parent":"112dee","children":[],"settings":{"image":{"id":6363,"filename":"5d0de789ac109e6b2cbe7097_lime.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/5d0de789ac109e6b2cbe7097_lime-259x1024.webp"},"_cssGlobalClasses":["itiwec"]},"themeStyles":[]},{"id":"d2693a","name":"code","parent":"aafd17","children":[],"settings":{"executeCode":true,"cssCode":".animated__dual-scroll-section {\n height: 400vh; \/* Increase this to make the scroll feel slower\/smoother *\/\n position: relative;\n}\n\n.animated__dual-scroll-container {\n display: flex;\n position: sticky;\n top: 0;\n height: 100vh;\n overflow: hidden;\n width: 100%;\n}\n\n.animated__dual-scroll-left-parent,\n.animated__dual-scroll-right-parent {\n flex: 1;\n height: fit-content; \/* Allows the content to be longer than the screen *\/\n display: flex;\n flex-direction: column;\n}\n\n\/* Optional: Add some spacing or styling to the items *\/\n.animated__dual-scroll-left-child,\n.animated__dual-scroll-right-child {\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid rgba(0,0,0,0.1); \/* To see the boundaries *\/\n}\n\n@media (max-width: 991px) {\n \/* Disable the scroll trap *\/\n .animated__dual-scroll-section {\n height: auto !important; \n }\n\n .animated__dual-scroll-container {\n position: relative !important;\n height: auto !important;\n flex-direction: row; \/* Keeps them next to each other *\/\n overflow: visible !important;\n }\n\n \/* Reset positions so items aren't flying off-screen *\/\n .animated__dual-scroll-left-parent,\n .animated__dual-scroll-right-parent {\n transform: none !important;\n height: auto !important;\n }\n\n .animated__dual-scroll-left-child,\n .animated__dual-scroll-right-child {\n height: auto !important;\n padding: 40px 20px;\n opacity: 1 !important; \/* Ensure they are visible *\/\n transform: scale(1) !important;\n filter: none !important;\n }\n}","javascriptCode":"const section = document.querySelector('.animated__dual-scroll-section');\nconst leftCol = document.querySelector('.animated__dual-scroll-left-parent');\nconst rightCol = document.querySelector('.animated__dual-scroll-right-parent');\nconst leftChildren = document.querySelectorAll('.animated__dual-scroll-left-child');\nconst rightChildren = document.querySelectorAll('.animated__dual-scroll-right-child');\nconst allChildren = [...leftChildren, ...rightChildren];\n\nconst ACTIVE_THRESHOLD = 0.2;\n\nfunction handleDualScroll() {\n if (!section || !leftCol || !rightCol) return;\n\n const windowHeight = window.innerHeight;\n const rect = section.getBoundingClientRect();\n\n if (window.innerWidth > 991 && rect.top 0) {\n const scrollRange = rect.height - windowHeight;\n if (scrollRange {\n const { top, height } = child.getBoundingClientRect();\n const childCenter = top + height \/ 2;\n\n child.classList.toggle(\n 'is-active',\n Math.abs(childCenter - viewportCenter) child.classList.remove('is-active'));\n }\n}\n\nlet ticking = false;\n\nfunction onScroll() {\n if (!ticking) {\n requestAnimationFrame(() => {\n handleDualScroll();\n ticking = false;\n });\n ticking = true;\n }\n}\n\nwindow.addEventListener('scroll', onScroll, { passive: true });\nwindow.addEventListener('resize', handleDualScroll);\nhandleDualScroll();"}}],"templateType":"section","global_classes":[{"id":"extmnc","name":"animated__dual-scroll-section","settings":{"_width":"100%","_height":"200vh"}},{"id":"jjznfa","name":"animated__dual-scroll-container","settings":{"_direction":"row","_width":"100%","_position":"sticky","_direction:tablet_portrait":"column"}},{"id":"gfogtv","name":"animated__dual-scroll-left-parent","settings":{"_width":"50%","_width:tablet_portrait":"100%"}},{"id":"oxkpjw","name":"animated__dual-scroll-right-parent","settings":{"_width":"50%","_width:tablet_portrait":"100%"}},{"id":"flujgi","name":"animated__dual-scroll-left-child","settings":{"_heightMin":"100vh","_gradient":{"applyTo":"overlay"},"_padding":{"top":"20","bottom":"20","right":"20","left":"20"},"_justifyContent":"center","_heightMin:mobile_landscape":"70vh","_alignItems":"flex-start"}},{"id":"helajc","name":"animated__dual-scroll-right-child","settings":{"_heightMin":"100vh","_justifyContent":"center","_padding":{"top":"20","bottom":"20","right":"20","left":"20"},"_gradient":[],"_heightMin:mobile_landscape":"70vh","_alignItems":"flex-start"}},{"id":"mdbmnt","name":"animated2__sub-heading","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-family":"Exo 2","font-size":"28"},"_typography:mobile_portrait":{"font-size":"22"},"_typography:mobile_landscape":{"font-size":"26"}},"modified":1772105946,"user_id":1},{"id":"dmshir","name":"animated2__h2","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"58","font-family":"Autour One","line-height":"1.2"},"_typography:tablet_portrait":{"font-size":"45"},"_typography:mobile_landscape":{"font-size":"38"},"_typography:mobile_portrait":{"font-size":"34"}}},{"id":"itiwec","name":"animated__dual-scroll-child--large-heading_img","settings":{"_interactions":[{"id":"dfcqao","trigger":"enterView","action":"startAnimation","animationType":"zoomIn"}],"_zIndex":"99","_objectFit":"cover","_heightMax":"592","_widthMax":"150"}}]}
Profile Picture
Akshay Joshi

Furniture work section

Four-column section with image background blocks, headings, and icon CTAs
View now
Copy now
{"id":6094,"name":"furniture-work-section","title":"Furniture work section","date":"2026-02-13 15:02:33","date_formatted":"February 13, 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\/furniture-work-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c744c4","name":"section","parent":0,"children":["61e3ca","170be2"],"settings":{"_cssGlobalClasses":["zmcijy","vavjmz"]},"label":"Furniture work section"},{"id":"61e3ca","name":"container","parent":"c744c4","children":["5924d6","3ccd95"],"settings":{"_cssGlobalClasses":["oorplp","iyjlcl"]}},{"id":"5924d6","name":"heading","parent":"61e3ca","children":[],"settings":{"text":"Our Fine work","tag":"h2","_cssGlobalClasses":["gowwxl"]}},{"id":"3ccd95","name":"svg","parent":"61e3ca","children":[],"settings":{"file":{"id":1256,"filename":"Icon.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Icon.svg"},"_cssGlobalClasses":["qcldy1"],"stroke":{"hex":"#000000","id":"ymdprl","name":"Color #2"},"link":{"type":"external","url":"#"}},"label":"Svg","themeStyles":[]},{"id":"170be2","name":"container","parent":"c744c4","children":["4bb641","cef08f","fc0873","cb1d3b"],"settings":{"_cssGlobalClasses":["ycypih","oorplp"]}},{"id":"4bb641","name":"block","parent":"170be2","children":["b16d1d"],"settings":{"_cssGlobalClasses":["gshtzy"],"_background":{"image":{"id":5179,"filename":"2148727527.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/2148727527.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/2148727527-1024x683.webp"}},"_justifyContent":"flex-end"}},{"id":"b16d1d","name":"block","parent":"4bb641","children":["157e76","4ac0cd","dc2d83"],"settings":{"_cssGlobalClasses":["lfsxoq"]}},{"id":"157e76","name":"heading","parent":"b16d1d","children":[],"settings":{"text":"The Elegant Chair","_cssGlobalClasses":["wxblbm"]}},{"id":"4ac0cd","name":"text-basic","parent":"b16d1d","children":[],"settings":{"text":"A modern steel lounge chair crafted with thin wire detailing. Minimal design that blends strength with comfort.","_cssGlobalClasses":["cufdzw","tytqax"]}},{"id":"dc2d83","name":"svg","parent":"b16d1d","children":[],"settings":{"file":{"id":1256,"filename":"Icon.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Icon.svg"},"_cssGlobalClasses":["qcldy1","drjwbm"],"stroke":{"hex":"#ffffff"},"link":{"type":"lightboxImage","lightboxImage":{"id":5179,"filename":"2148727527.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/2148727527.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/12\/2148727527-1024x683.webp"}}},"label":"Svg","themeStyles":[]},{"id":"cef08f","name":"block","parent":"170be2","children":["01d9f0"],"settings":{"_cssGlobalClasses":["gshtzy"],"_background":{"image":{"id":5793,"filename":"129805-1.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/129805-1.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/129805-1-1024x683.jpg"}},"_justifyContent":"flex-end"}},{"id":"01d9f0","name":"block","parent":"cef08f","children":["7effb9","24e64e","c30e78"],"settings":{"_cssGlobalClasses":["lfsxoq"]}},{"id":"7effb9","name":"heading","parent":"01d9f0","children":[],"settings":{"text":"Amber Lounge Chair","_cssGlobalClasses":["wxblbm"]}},{"id":"24e64e","name":"text-basic","parent":"01d9f0","children":[],"settings":{"text":"A modern steel lounge chair crafted with thin wire detailing. Minimal design that blends strength with comfort.","_cssGlobalClasses":["cufdzw","tytqax"]}},{"id":"c30e78","name":"svg","parent":"01d9f0","children":[],"settings":{"file":{"id":1256,"filename":"Icon.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Icon.svg"},"_cssGlobalClasses":["qcldy1","drjwbm"],"stroke":{"hex":"#ffffff"},"link":{"type":"lightboxImage","lightboxImage":{"id":5793,"filename":"129805-1.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/129805-1.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/129805-1-1024x683.jpg"}}},"label":"Svg","themeStyles":[]},{"id":"fc0873","name":"block","parent":"170be2","children":["4976a4"],"settings":{"_cssGlobalClasses":["gshtzy"],"_background":{"image":{"id":5794,"filename":"22774-1.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/22774-1.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/22774-1-1024x683.jpg"}},"_justifyContent":"flex-end"}},{"id":"4976a4","name":"block","parent":"fc0873","children":["d1eb41","08d1dd","a954cc"],"settings":{"_cssGlobalClasses":["lfsxoq"]}},{"id":"d1eb41","name":"heading","parent":"4976a4","children":[],"settings":{"text":"Luna Accent Chair","_cssGlobalClasses":["wxblbm"]}},{"id":"08d1dd","name":"text-basic","parent":"4976a4","children":[],"settings":{"text":"Smooth wooden arms with soft cushioned seating.\nA timeless piece for modern living spaces.","_cssGlobalClasses":["qanaqz"]}},{"id":"a954cc","name":"svg","parent":"4976a4","children":[],"settings":{"file":{"id":1256,"filename":"Icon.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Icon.svg"},"_cssGlobalClasses":["qcldy1","drjwbm"],"stroke":{"hex":"#ffffff"},"link":{"type":"lightboxImage","lightboxImage":{"id":5794,"filename":"22774-1.jpg","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/22774-1.jpg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/22774-1-1024x683.jpg"}}},"label":"Svg","themeStyles":[]},{"id":"cb1d3b","name":"block","parent":"170be2","children":["fbd4ca"],"settings":{"_cssGlobalClasses":["gshtzy"],"_background":{"image":{"id":5836,"filename":"Velora-Lounge-Chair.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Velora-Lounge-Chair.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Velora-Lounge-Chair-1024x683.webp"}},"_justifyContent":"flex-end"}},{"id":"fbd4ca","name":"block","parent":"cb1d3b","children":["ef3dee","c11bab","5ad305"],"settings":{"_cssGlobalClasses":["lfsxoq"]}},{"id":"ef3dee","name":"heading","parent":"fbd4ca","children":[],"settings":{"text":"Velora Lounge Chair","_cssGlobalClasses":["wxblbm"]}},{"id":"c11bab","name":"text-basic","parent":"fbd4ca","children":[],"settings":{"text":"Soft curves wrapped in premium fabric with a solid wood frame.\nDesigned to bring warmth, comfort, and modern elegance to your space.","_cssGlobalClasses":["qanaqz"]}},{"id":"5ad305","name":"svg","parent":"fbd4ca","children":[],"settings":{"file":{"id":1256,"filename":"Icon.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/06\/Icon.svg"},"_cssGlobalClasses":["qcldy1","drjwbm"],"stroke":{"hex":"#ffffff"},"link":{"type":"lightboxImage","lightboxImage":{"id":5836,"filename":"Velora-Lounge-Chair.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Velora-Lounge-Chair.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/02\/Velora-Lounge-Chair-1024x683.webp"}}},"label":"Svg","themeStyles":[]}],"templateType":"section","global_classes":[{"id":"qcldy1","name":"furniture_arrow","settings":{"height":"90","width":"90","stroke":{"hex":"#000000"},"_transform:hover":{"rotateZ":"45"},"_cssTransition:hover":"ease .3s","height:tablet_portrait":"60","width:tablet_portrait":"60","height:mobile_portrait":"45","width:mobile_portrait":"45"},"_exists":false},{"id":"oorplp","name":"furniture_container","settings":{"_widthMax":"100%","_width":"1240","_rowGap":"20"},"_exists":false},{"id":"qanaqz","name":"text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"zmcijy","name":"furniture_section","settings":{"_padding":{"top":"8%","bottom":"8%","left":"5%","right":"5%"}}},{"id":"gowwxl","name":"furniture_h2","settings":{"_typography":{"font-family":"Afacad","font-size":"100","color":{"hex":"#000000"},"line-height":"1.1","font-weight":"600","text-transform":"capitalize"},"_typography:tablet_portrait":{"font-size":"80"},"_typography:mobile_landscape":{"font-size":"50"},"_typography:mobile_portrait":{"font-size":"40"}}},{"id":"cufdzw","name":"furniture_text","settings":{"_typography":{"font-size":"18","color":{"hex":"#000000"}}}},{"id":"drjwbm","name":"furniture_arrow--small","settings":{"height":"35","width":"35"}},{"id":"vavjmz","name":"furniture_section-work","settings":{"_columnGap":"40","_rowGap":"40","_gradient":[],"_background":{"color":{"hex":"#e5e7eb","id":"dvxksf","name":"Color #3"}}}},{"id":"iyjlcl","name":"furniture_container--work","settings":{"_flexWrap":"nowrap","_direction":"row","_justifyContent":"space-between","_alignItems":"center"}},{"id":"ycypih","name":"furniture-work__work-grid","settings":{"_display":"grid","_gridGap":"40","_gridTemplateColumns":"repeat(2,1fr)","_gridTemplateColumns:mobile_landscape":"repeat(1,1fr)"}},{"id":"gshtzy","name":"furniture-work__work-block","settings":{"_heightMin":"400","_boxShadow":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.17)","hsl":"hsla(0, 0%, 0%, 0.17)"},"values":{"blur":"10","spread":"6"}},"_cssCustom":".furniture-work__work-block {\n transition: transform 0.4s ease-in-out;\n}\n\n.furniture-work__work-block:hover {\n transform: scale(1.03);\n}\n"}},{"id":"lfsxoq","name":"furniture-work__work-inner-block","settings":{"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.75)","hsl":"hsla(0, 0%, 0%, 0.75)"}},"_padding":{"left":"20","right":"20","top":"20","bottom":"20"},"_padding:mobile_landscape":{"left":"10","right":"10","top":"10","bottom":"10"},"_padding:tablet_portrait":{"left":"10","right":"10","top":"10","bottom":"10"},"_rowGap":"10"}},{"id":"wxblbm","name":"furniture-work--heading","settings":{"_typography":{"color":{"hex":"#ffffff"},"text-transform":"uppercase","font-family":"Afacad"}}},{"id":"tytqax","name":"furniture_text--white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #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