Profile Picture
Ducktape

Card component

Frame layout for Card or Hero layout (no BEM just REM) ;-)    * Sorry I cannot get the thumbnail to display image :-(               NOTE : Please add the following variables if not imported :    frame__border-width = 0.05rem                                      frame__border-color = #000000                                      frame__bg-color-1 = #fffced                                                     frame__bg-color-2 = #e1a647                                              frame__bg-color-3 = #3d4a69
Copy component
Download JSON
{"id":11,"name":"card","title":"Card Component","date":"2025-07-20 12:45:27","date_formatted":"20 July 2025","author":{"name":"ducktape","avatar":"https:\/\/secure.gravatar.com\/avatar\/be35b1434296c9c066ac5588bddb8eacd28f5fb7f40b99fdbcf4f6d72975f574?s=60&d=mm&r=g","url":"https:\/\/bricksbasesetup.test"},"permalink":"https:\/\/bricksbasesetup.test\/template\/card\/","thumbnail":"https:\/\/bricksbasesetup.test\/wp-content\/uploads\/bricks\/template-screenshots\/template-screenshot-11-1753062415.webp","bundles":[],"tags":[],"type":"content","content":[{"id":"xiqlgl","name":"section","parent":0,"children":["phzlnb"],"settings":{"_background:tablet_portrait":{"color":{"hex":"#000000"}},"_background":{"color":{"hex":"#000000"}},"_padding":{"bottom":"5.0rem","top":"5.0rem"}}},{"id":"phzlnb","name":"container","parent":"xiqlgl","children":["ojzldf","hjjxmj"],"settings":{"_direction":"row","_alignItems":"center","_width:tablet_portrait":"120.0rem"}},{"id":"ojzldf","name":"block","parent":"phzlnb","children":["yzxwgm","fhbdoa","rwqlvu","rpvgjg","rfdoiw","agflwy","hwzafo","bagodf","nnfnkd"],"settings":{"_width":"60%","_display":"grid","_gridTemplateColumns":"3.0rem 1fr 3.0rem","_gridTemplateRows":"5.0rem 1fr 5.0rem"}},{"id":"yzxwgm","name":"div","parent":"ojzldf","children":[],"settings":{"_border":{"width":{"bottom":"var(--frame__border-width)","right":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"},"radius":{"top":"1.0rem"}},"_background":{"color":{"raw":"var(--frame__bg-color-1)"}}},"label":"Div-1"},{"id":"fhbdoa","name":"block","parent":"ojzldf","children":["pdikbz","ppjehe"],"settings":{"_background":{"color":{"raw":"var(--frame__bg-color-1)"}},"_border":{"width":{"bottom":"var(--frame__border-width)","right":"var(--frame__border-width)","left":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_direction":"row","_alignItems":"center","_columnGap":"0.5rem","_padding":{"bottom":"1.0rem","top":"1.0rem","right":"1.0rem","left":"1.0rem"}},"label":"Block-2"},{"id":"pdikbz","name":"icon","parent":"fhbdoa","children":[],"settings":{"icon":{"library":"themify","icon":"ti-world"},"iconSize":"3.2rem","iconColor":{"raw":"var(--frame__bg-color-3)"},"iconSize:mobile_landscape":"2.4rem","iconSize:mobile_portrait":"2.0rem","_typography:mobile_portrait":{"font-size":"1.8rem"}},"themeStyles":[]},{"id":"ppjehe","name":"heading","parent":"fhbdoa","children":[],"settings":{"text":"Ducktape","_typography":{"font-size":"2.4rem","font-family":"Times New Roman","font-weight":"600","text-transform":"uppercase","letter-spacing":"0.2rem"},"_typography:mobile_landscape":{"font-size":"1.8rem"},"_typography:mobile_portrait":{"font-size":"1.6rem"}}},{"id":"rwqlvu","name":"div","parent":"ojzldf","children":[],"settings":{"_border":{"width":{"left":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_background":{"color":{"raw":"var(--frame__bg-color-1)"}}},"label":"Div-3"},{"id":"rpvgjg","name":"div","parent":"ojzldf","children":[],"settings":{"_border":{"width":{"top":"var(--frame__border-width)","bottom":"var(--frame__border-width)","right":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_background":{"color":{"raw":"var(--frame__bg-color-1)"}}},"label":"Div-4"},{"id":"rfdoiw","name":"block","parent":"ojzldf","children":["qcvpbd","ylkphy"],"settings":{"_background":{"color":{"raw":"var(--frame__bg-color-1)"}},"_border":{"width":{"top":"var(--frame__border-width)","bottom":"var(--frame__border-width)","right":"var(--frame__border-width)","left":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_padding":{"top":"5.0rem","right":"1.0rem","bottom":"5.0rem","left":"1.0rem"}},"label":"Block-5"},{"id":"qcvpbd","name":"heading","parent":"rfdoiw","children":[],"settings":{"text":"My Brand","_typography":{"font-size":"7.2rem","font-family":"Times New Roman","font-weight":"400","letter-spacing":"0.1rem","line-height":"1"},"_typography:mobile_landscape":{"font-size":"6.0rem"},"_typography:mobile_portrait":{"font-size":"3.6rem"}}},{"id":"ylkphy","name":"heading","parent":"rfdoiw","children":[],"settings":{"text":"Guidelines","_typography":{"font-size":"7.0rem","font-family":"Times New Roman","font-style":"italic","font-weight":"400","line-height":"1"},"_typography:mobile_landscape":{"font-size":"6.0rem"},"_typography:mobile_portrait":{"font-size":"3.6rem"}}},{"id":"agflwy","name":"div","parent":"ojzldf","children":[],"settings":{"_border":{"width":{"left":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_background":{"color":{"raw":"var(--frame__bg-color-1)"}}},"label":"Div-6"},{"id":"hwzafo","name":"div","parent":"ojzldf","children":[],"settings":{"_border":{"width":{"top":"var(--frame__border-width)","right":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"},"radius":{"left":"1.0rem"}},"_background":{"color":{"raw":"var(--frame__bg-color-1)"}}},"label":"Div-7"},{"id":"bagodf","name":"block","parent":"ojzldf","children":["ekjecu","jkobjy"],"settings":{"_background":{"color":{"raw":"var(--frame__bg-color-1)"}},"_border":{"width":{"top":"var(--frame__border-width)","right":"var(--frame__border-width)","left":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_padding":{"top":"1.0rem","right":"1.0rem","bottom":"1.0rem","left":"1.0rem"},"_direction":"row","_alignItems":"center","_columnGap":"3.0rem"},"label":"Block-8"},{"id":"ekjecu","name":"heading","parent":"bagodf","children":[],"settings":{"text":"Minimalist","_typography":{"font-size":"2.4rem","font-family":"Times New Roman","font-weight":"100"},"_typography:mobile_landscape":{"font-size":"1.8rem"},"_typography:mobile_portrait":{"font-size":"1.6rem"}}},{"id":"jkobjy","name":"heading","parent":"bagodf","children":[],"settings":{"text":"Aestetic","_typography":{"font-size":"2.4rem","font-family":"Times New Roman","font-weight":"100"},"_typography:mobile_landscape":{"font-size":"1.8rem"},"_typography:mobile_portrait":{"font-size":"1.6rem"}}},{"id":"nnfnkd","name":"div","parent":"ojzldf","children":[],"settings":{"_border":{"width":{"left":"var(--frame__border-width)"},"style":"solid","color":{"raw":"var(--frame__border-color)"}},"_background":{"color":{"raw":"var(--frame__bg-color-1)"}}},"label":"Div-9"},{"id":"hjjxmj","name":"block","parent":"phzlnb","children":["mqbhvu"],"settings":{"_width":"40%"}},{"id":"mqbhvu","name":"div","parent":"hjjxmj","children":["fsprgz"],"settings":{"_alignSelf":"center","_padding":{"top":"2.0rem","right":"2.0rem","bottom":"2.0rem","left":"2.0rem"},"_gradient":{"gradientType":"linear","applyTo":"background","angle":"90","colors":[{"id":"ejhobp","stop":"50","color":{"raw":"var(--frame__bg-color-2)"}},{"id":"bzmazn","stop":"50","color":{"raw":"var(--frame__bg-color-3)"}}]},"_background":{"color":{"hex":"#fffced"}},"_border":{"radius":{"top":"2.0rem","right":"2.0rem","bottom":"2.0rem","left":"2.0rem"}}}},{"id":"fsprgz","name":"image","parent":"mqbhvu","children":[],"settings":{"image":{"id":12,"filename":"kadarius-seegars-mxy5gokl8me-scaled.jpg","size":"full","full":"https:\/\/bricksbasesetup.test\/wp-content\/uploads\/kadarius-seegars-mxy5gokl8me-scaled-1.jpg","url":"https:\/\/bricksbasesetup.test\/wp-content\/uploads\/kadarius-seegars-mxy5gokl8me-scaled-1.jpg"},"_aspectRatio":"3\/4","_objectFit":"cover","_border":{"radius":{"top":"2.0rem","right":"2.0rem","bottom":"2.0rem","left":"2.0rem"}},"_boxShadow":{"values":{"offsetX":"0","offsetY":"0","blur":"12","spread":"6"},"color":{"hex":"#333333"}}},"themeStyles":[]}],"templateType":"content","globalVariables":[{"name":"color-primary","value":"#DE9C32","id":"tunavs","category":"imwkhd"},{"name":"color-primary-dark","value":"#C88C2D","id":"gavyja","category":"imwkhd"},{"name":"color-primary-light","value":"#E1A647","id":"lypsbe","category":"imwkhd"},{"name":"color-secondary","value":"#603627","id":"nwfajc","category":"imwkhd"},{"name":"color-secondary-dark","value":"#4e200f","id":"wfqlgg","category":"imwkhd"},{"name":"color-secondary-light","value":"#714d3f","id":"dlflsd","category":"imwkhd"},{"name":"color-tertiary","value":"#BB997B","id":"wuayxi","category":"imwkhd"},{"name":"color-tertiary-dark","value":"#a88a6f","id":"yixrrs","category":"imwkhd"},{"name":"color-tertiary-light","value":"#c2a388","id":"sllwfi","category":"imwkhd"},{"name":"color-bg-1","value":"#843718","id":"egfrqk","category":"imwkhd"},{"name":"color-bg-1-dark","value":"#773216","id":"zeusjl","category":"imwkhd"},{"name":"color-bg-1-light","value":"#904b2f","id":"akeoyp","category":"imwkhd"},{"name":"color-bg-2","value":"#F1F1F1","id":"pcsklx","category":"imwkhd"},{"name":"color-black","value":"#000000","id":"qlyyco","category":"imwkhd"},{"name":"color-gray-xdark","value":"#28160C","id":"hvzfiv","category":"imwkhd"},{"name":"color-gray-dark","value":"#333333","id":"ibqflt","category":"imwkhd"},{"name":"color-gray-mid","value":"#666666","id":"yqmyhn","category":"imwkhd"},{"name":"color-gray-light","value":"#999999","id":"hadclt","category":"imwkhd"},{"name":"color-gray-xlight","value":"#aeaeae","id":"livmjs","category":"imwkhd"},{"name":"color-white","value":"#ffffff","id":"pjqcdv","category":"imwkhd"},{"name":"grid-2","value":"repeat(2, minmax(0, 1fr))","id":"ckxjmj","category":"vnwprc"},{"name":"grid-3","value":"repeat(3, minmax(0, 1fr))","id":"nvmvee","category":"vnwprc"},{"name":"grid-4","value":"repeat(4, minmax(0, 1fr))","id":"aqemcd","category":"vnwprc"},{"name":"grid-5","value":"repeat(5, minmax(0, 1fr))","id":"ydomvk","category":"vnwprc"},{"name":"grid-6","value":"repeat(6, minmax(0, 1fr))","id":"mjekpl","category":"vnwprc"},{"name":"grid-7","value":"repeat(7, minmax(0, 1fr))","id":"xrdfww","category":"vnwprc"},{"name":"grid-8","value":"repeat(8, minmax(0, 1fr))","id":"ylgags","category":"vnwprc"},{"name":"grid-9","value":"repeat(9, minmax(0, 1fr))","id":"rvuxeu","category":"vnwprc"},{"name":"grid-10","value":"repeat(10, minmax(0, 1fr))","id":"hcpnpr","category":"vnwprc"},{"name":"grid-12","value":"repeat(12, minmax(0, 1fr))","id":"gofift","category":"vnwprc"},{"name":"grid-11","value":"repeat(11, minmax(0, 1fr))","id":"wwxsph","category":"vnwprc"},{"name":"icon-s","value":"clamp(2.000rem, 0.455vw + 1.818rem, 2.400rem);","id":"icqppa","category":"lubzyn"},{"name":"icon-l","value":"clamp(3.600rem, 1.364vw + 3.055rem, 4.800rem);","id":"qsdbsu","category":"lubzyn"},{"name":"icon-m","value":"clamp(2.800rem, 0.455vw + 2.618rem, 3.200rem);","id":"upyrrf","category":"lubzyn"},{"name":"margin-05","value":"0.5rem","id":"rhoeui","category":"agozvt"},{"name":"margin-10","value":"1.0rem","id":"nismph","category":"agozvt"},{"name":"margin-15","value":"1.5rem","id":"sviyxc","category":"agozvt"},{"name":"margin-20","value":"2.0rem","id":"idtunz","category":"agozvt"},{"name":"margin-30","value":"3.0rem","id":"sdfcuo","category":"agozvt"},{"name":"padding-05","value":"0.5rem","id":"vppzyl","category":"hgpifo"},{"name":"padding-10","value":"1.0rem","id":"wipoaw","category":"hgpifo"},{"name":"padding-15","value":"1.5rem","id":"zllujc","category":"hgpifo"},{"name":"padding-20","value":"2.0rem","id":"jzvxss","category":"hgpifo"},{"name":"padding-30","value":"3.0rem","id":"zvdcgd","category":"hgpifo"},{"name":"radius-05","value":"0.5rem","id":"mlknja","category":"ogzmbg"},{"name":"radius-10","value":"1.0rem","id":"lydciq","category":"ogzmbg"},{"name":"radius-15","value":"1.5rem","id":"iwsvnf","category":"ogzmbg"},{"name":"radius-20","value":"2.0rem","id":"fdeulr","category":"ogzmbg"},{"name":"radius-30","value":"3.0rem","id":"sdgqtq","category":"ogzmbg"},{"name":"shadow-s","value":"0 2px 4px -1px rgba(0, 0, 0, 0.05)","id":"dwztei","category":"ocdioz"},{"name":"shadow-m","value":"0 0 10px 10px rgba(0, 0, 0, 0.5)","id":"jctfpp","category":"ocdioz"},{"name":"shadow-l","value":"0 20px 25px -5px rgba(0, 0, 0, 0.5)","id":"epmjjn","category":"ocdioz"},{"name":"space-05","value":"0.5rem","id":"krpggt","category":"hxwzyi"},{"name":"space-10","value":"1.0rem","id":"agkenh","category":"hxwzyi"},{"name":"space-15","value":"1.5rem","id":"qdqtps","category":"hxwzyi"},{"name":"space-20","value":"2.0rem","id":"hxipys","category":"hxwzyi"},{"name":"space-30","value":"3.0rem","id":"yhubfx","category":"hxwzyi"},{"name":"text-h1","value":"clamp(2.28rem, 4.15vi + 1.45rem, 4.77rem);","id":"soufgt","category":"pcqmol"},{"name":"text-h2","value":"clamp(2.03rem, 2.98vi + 1.43rem, 3.81rem);","id":"dhmrms","category":"pcqmol"},{"name":"text-h3","value":"clamp(1.8rem, 2.08vi + 1.39rem, 3.05rem);","id":"dcjfvg","category":"pcqmol"},{"name":"text-h4","value":"clamp(1.6rem, 1.4vi + 1.32rem, 2.44rem);","id":"vdgslu","category":"pcqmol"},{"name":"text-h5","value":"clamp(1.42rem, 0.88vi + 1.25rem, 1.95rem);","id":"lficay","category":"pcqmol"},{"name":"text-h6","value":"clamp(1.27rem, 0.49vi + 1.17rem, 1.56rem);","id":"uvtvgi","category":"pcqmol"},{"name":"text-body-s","value":"clamp(0.8rem, 0.54vi + 0.69rem, 1.13rem);","id":"lwpnwx","category":"pcqmol"},{"name":"text-body-m","value":"clamp(1rem, 0.83vi + 0.83rem, 1.5rem);","id":"aturei","category":"pcqmol"},{"name":"text-body-l","value":"clamp(1.25rem, 1.25vi + 1rem, 2rem);","id":"lmoicw","category":"pcqmol"},{"name":"width-full","value":"1","id":"ewqkos"},{"name":"width-box","value":"128.0rem","id":"jbqqdk","category":"lipqkc"},{"name":"width-s","value":"0.25","id":"jssmqj","category":"lipqkc"},{"name":"width-m","value":"0.5","id":"lvmkrk","category":"lipqkc"},{"name":"width-l","value":"0.75","id":"fnztdl","category":"lipqkc"},{"id":"wnkspo","name":"frame__border-width","value":"0.05rem"},{"id":"lwrarw","name":"frame__border-color","value":"#000000"},{"id":"seuyou","name":"frame__bg-color-1","value":"#fffced"},{"id":"wecyzy","name":"frame__bg-color-2","value":"#e1a647"},{"id":"xdkbob","name":"frame__bg-color-3","value":"#3d4a69"}],"globalVariablesCategories":[{"id":"imwkhd","name":"Color"},{"id":"vnwprc","name":"Grid"},{"id":"lubzyn","name":"Icon"},{"id":"agozvt","name":"Margin"},{"id":"hgpifo","name":"Padding"},{"id":"ogzmbg","name":"Radius"},{"id":"ocdioz","name":"Shadow"},{"id":"hxwzyi","name":"Space"},{"id":"pcqmol","name":"Text"},{"id":"lipqkc","name":"Width"}]}

Similar components

Profile Picture
Akshay Joshi

Xinder hero

Clean hero section featuring a form and quick links.
View now
Copy now
{"id":4670,"name":"xinder-hero","title":"Xinder hero","date":"2025-11-03 06:48:13","date_formatted":"November 3, 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\/xinder-hero\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"8b65c2","name":"section","parent":0,"children":["50c870"],"settings":{"_cssGlobalClasses":["lcfmem","rrqpnw"]},"label":"xinder hero"},{"id":"50c870","name":"container","parent":"8b65c2","children":["c8e21d","e2500d"],"settings":{"_cssGlobalClasses":["cdvcly","bppmvl"],"_direction":"row"}},{"id":"c8e21d","name":"block","parent":"50c870","children":["2aad17","edb62b"],"settings":{"_cssGlobalClasses":["bnyzfw"]},"label":"Column"},{"id":"2aad17","name":"heading","parent":"c8e21d","children":[],"settings":{"text":"Search the work of the best artists","_cssGlobalClasses":["rnbuyv"],"tag":"h1"}},{"id":"edb62b","name":"block","parent":"c8e21d","children":["57c889","4bac44"],"settings":{"_cssGlobalClasses":["yoiqcs"]}},{"id":"57c889","name":"search","parent":"edb62b","children":[],"settings":{"searchOverlayTitle":"Search site","_cssGlobalClasses":["vpgmgv"],"buttonText":"Search"},"themeStyles":[]},{"id":"4bac44","name":"block","parent":"edb62b","children":["300f04","733c43","7ac374","95cc1a","d62c77"],"settings":{"_cssGlobalClasses":["rcotbf"]}},{"id":"300f04","name":"block","parent":"4bac44","children":["b2fff9"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"b2fff9","name":"heading","parent":"300f04","children":[],"settings":{"text":"Oil Painting","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"733c43","name":"block","parent":"4bac44","children":["9e1712"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"9e1712","name":"heading","parent":"733c43","children":[],"settings":{"text":"Abstract Art","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"7ac374","name":"block","parent":"4bac44","children":["d8dab3"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"d8dab3","name":"heading","parent":"7ac374","children":[],"settings":{"text":"Sculpture","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"95cc1a","name":"block","parent":"4bac44","children":["f33dda"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"f33dda","name":"heading","parent":"95cc1a","children":[],"settings":{"text":"Art Deco","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"d62c77","name":"block","parent":"4bac44","children":["112256"],"settings":{"_cssGlobalClasses":["jlaecb"]}},{"id":"112256","name":"heading","parent":"d62c77","children":[],"settings":{"text":"Pop Art","tag":"custom","customTag":"span","_cssGlobalClasses":["pyglpb"]}},{"id":"e2500d","name":"block","parent":"50c870","children":["df5367"],"settings":{"_justifyContent":"flex-end"},"label":"Column"},{"id":"df5367","name":"image","parent":"e2500d","children":[],"settings":{"_cssGlobalClasses":["fnsvzo"],"image":{"id":4245,"filename":"Col-3.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Col-3.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Col-3.webp"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"lcfmem","name":"xinder-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"}},"modified":1760088932,"user_id":1},{"id":"cdvcly","name":"xinder-default-container","settings":{"_widthMax":"1440","_width":"100%","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40"},"modified":1761824078,"user_id":1},{"id":"rrqpnw","name":"xinder-hero","settings":{"_background":{"color":{"hex":"#881f37"}},"_padding":{"bottom":"0","right":"0"},"_padding:mobile_landscape":{"right":"5%","left":"5%"}},"modified":1760088932,"user_id":1},{"id":"bnyzfw","name":"xinder-hero-content_col","settings":{"_rowGap":"24","_padding:tablet_portrait":{"bottom":"80"},"_width":"100%","_width:mobile_landscape":"100%","_width:tablet_portrait":"60%","_padding:mobile_landscape":{"bottom":"0"},"_widthMax":"50%","_widthMax:mobile_landscape":"100%","_padding":{"top":"50"}}},{"id":"fnsvzo","name":"xinder-hero-image","settings":{"_width:mobile_landscape":"100%"}},{"id":"rnbuyv","name":"xinder-h1","settings":{"_typography":{"color":{"hex":"#ffffff"},"font-size":"clamp(40px, calc(40px + (28 * ((100vw - 991px) \/ 929))), 68px);","font-family":"Roboto","line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"36"},"_typography:tablet_portrait":{"font-size":"38"}},"modified":1760088932,"user_id":1},{"id":"vpgmgv","name":"xinder-hero-search","settings":{"buttonPadding":{"top":"12","bottom":"12","right":"12","left":"12"},"iconBackgroundColor":{"hex":"#be123c"},"iconTypography":{"color":{"hex":"#ffffff"}},"iconBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}},"_width":"100%","inputWidth":"79%","placeholderColor":{"hex":"#000000","id":"ymdprl","name":"Color #2"},"inputBackgroundColor":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"inputBorder":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"},"style":"none"},"iconWidth":"20%"}},{"id":"rcotbf","name":"xinder-hero-block","settings":{"_display":"flex","_direction":"row","_columnGap":"8","_flexWrap":"wrap","_rowGap:mobile_landscape":"10","_columnGap:tablet_portrait":"10","_rowGap:tablet_portrait":"10"}},{"id":"jlaecb","name":"xinder-hero-block-inner_block","settings":{"_padding":{"top":"8","bottom":"8","left":"4","right":"4"},"_border":{"width":{"top":"1","bottom":"1","right":"1","left":"1"},"style":"solid","color":{"hex":"#ffffff"},"radius":{"top":"4","right":"4","bottom":"4","left":"4"}},"_width":"max-content","_widthMin":"63","_justifyContent":"center","_alignItems":"center","_alignSelf":"center","_heightMin":"24","_padding:tablet_portrait":{"top":"6","bottom":"6"}}},{"id":"bppmvl","name":"xinder-hero-container","settings":{"_width":"100%","_rowGap":"10%","_columnGap":"10%","_widthMax":"100%","_alignItems:tablet_portrait":"flex-end","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_columnGap:tablet_portrait":"5%","_rowGap:tablet_portrait":"5%"}},{"id":"yoiqcs","name":"xinder-hero-search-block","settings":{"_rowGap":"8"}},{"id":"pyglpb","name":"xinder-hero-ineer-block-text","settings":{"_typography":{"font-size":"14","color":{"hex":"#ffffff"}},"_typography:tablet_portrait":{"font-size":"12"}}}]}
Profile Picture
Akshay Joshi

Xinder Card Slider

Section containing a card slider
View now
Copy now
{"id":4671,"name":"xinder-card-slider","title":"Xinder Card Slider","date":"2025-11-03 06:48:30","date_formatted":"November 3, 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\/xinder-card-slider\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"479955","name":"section","parent":0,"children":["730aba","7f0a3d"],"settings":{"_cssGlobalClasses":["lcfmem","jcwasx"]},"label":"Xinder Card Slider"},{"id":"730aba","name":"container","parent":"479955","children":["ca34af","1ad630"],"settings":{"_cssGlobalClasses":["cdvcly","ckkgwu"]}},{"id":"ca34af","name":"heading","parent":"730aba","children":[],"settings":{"text":"Featured art categories","_cssGlobalClasses":["jhjgmy","byjeua"],"tag":"h2"}},{"id":"1ad630","name":"text-link","parent":"730aba","children":[],"settings":{"text":"View All Categories","_cssGlobalClasses":["hzftun"],"icon":{"library":"themify","icon":"ti-arrow-right"}},"themeStyles":[]},{"id":"7f0a3d","name":"container","parent":"479955","children":["95eb68"],"settings":{"_cssGlobalClasses":["cdvcly","bxdlcm"]}},{"id":"95eb68","name":"slider-nested","parent":"7f0a3d","children":["df4e03","585d01","0f2f13","596aa2","aab7aa","69fbc8"],"settings":{"_cssGlobalClasses":["rzvykp"],"optionsType":"custom","options":"{\n \"type\": \"loop\",\n \"perPage\": 5,\n \"focus\": \"left\",\n \"padding\": { \"right\": \"0%\", \"left\": \"0%\" },\n \"gap\": \"2rem\",\n \"breakpoints\": {\n \"767\": {\n \"perPage\": 1,\n \"padding\": { \"right\": \"60px\", \"left\": \"0px\" },\n \"gap\": \"1rem\"\n }\n },\n \"autoplay\": \"true\",\n \"interval\": \"3000\",\n \"pauseOnHover\": \"false\"\n}","pagination":true},"themeStyles":[]},{"id":"df4e03","name":"block","parent":"95eb68","children":["1b3fed"],"settings":{"_cssGlobalClasses":["hhubng"]},"label":"Slide 1"},{"id":"1b3fed","name":"block","parent":"df4e03","children":["841ab3","495ed2"],"settings":{"_cssGlobalClasses":["crbzpk"],"_background":{"image":{"id":4477,"filename":"a4fb5d4a6371534c98598af9647436bbf8d4ef4c.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/a4fb5d4a6371534c98598af9647436bbf8d4ef4c.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/a4fb5d4a6371534c98598af9647436bbf8d4ef4c.webp"},"position":"center center","repeat":"no-repeat","size":"cover"}}},{"id":"841ab3","name":"heading","parent":"1b3fed","children":[],"settings":{"text":"I am a heading","tag":"custom","customTag":"span","_cssGlobalClasses":["aachof"]}},{"id":"495ed2","name":"heading","parent":"1b3fed","children":[],"settings":{"text":"I am a heading","_cssGlobalClasses":["cdxhts"]}},{"id":"585d01","name":"block","parent":"95eb68","children":["8aa209"],"settings":{"_cssGlobalClasses":["hhubng"]},"label":"Slide 2"},{"id":"8aa209","name":"block","parent":"585d01","children":["761e55","132337"],"settings":{"_cssGlobalClasses":["crbzpk"],"_background":{"image":{"id":4476,"filename":"658f9329552f1b1dee0c888247e9debc5e9e876b.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/658f9329552f1b1dee0c888247e9debc5e9e876b.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/658f9329552f1b1dee0c888247e9debc5e9e876b.webp"},"position":"center center","repeat":"no-repeat","size":"cover"}}},{"id":"761e55","name":"heading","parent":"8aa209","children":[],"settings":{"text":"I am a heading","tag":"custom","customTag":"span","_cssGlobalClasses":["aachof"]}},{"id":"132337","name":"heading","parent":"8aa209","children":[],"settings":{"text":"I am a heading","_cssGlobalClasses":["cdxhts"]}},{"id":"0f2f13","name":"block","parent":"95eb68","children":["754e91"],"settings":{"_cssGlobalClasses":["hhubng"]},"label":"Slide 3"},{"id":"754e91","name":"block","parent":"0f2f13","children":["cc771e","871861"],"settings":{"_cssGlobalClasses":["crbzpk"],"_background":{"image":{"id":4478,"filename":"cca3b205385e7aa43f411a9d3747c13cd2b075f7.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/cca3b205385e7aa43f411a9d3747c13cd2b075f7.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/cca3b205385e7aa43f411a9d3747c13cd2b075f7.webp"},"position":"center center","repeat":"no-repeat","size":"cover"}}},{"id":"cc771e","name":"heading","parent":"754e91","children":[],"settings":{"text":"I am a heading","tag":"custom","customTag":"span","_cssGlobalClasses":["aachof"]}},{"id":"871861","name":"heading","parent":"754e91","children":[],"settings":{"text":"I am a heading","_cssGlobalClasses":["cdxhts"]}},{"id":"596aa2","name":"block","parent":"95eb68","children":["fa586c"],"settings":{"_cssGlobalClasses":["hhubng"]},"label":"Slide 4"},{"id":"fa586c","name":"block","parent":"596aa2","children":["6343fb","092c0c"],"settings":{"_cssGlobalClasses":["crbzpk"],"_background":{"image":{"id":4474,"filename":"2bcb92171e2b714e377280fde5f761c17c00dfc1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/2bcb92171e2b714e377280fde5f761c17c00dfc1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/2bcb92171e2b714e377280fde5f761c17c00dfc1.webp"},"position":"center center","repeat":"no-repeat","size":"cover"}}},{"id":"6343fb","name":"heading","parent":"fa586c","children":[],"settings":{"text":"I am a heading","tag":"custom","customTag":"span","_cssGlobalClasses":["aachof"]}},{"id":"092c0c","name":"heading","parent":"fa586c","children":[],"settings":{"text":"I am a heading","_cssGlobalClasses":["cdxhts"]}},{"id":"aab7aa","name":"block","parent":"95eb68","children":["6b37b2"],"settings":{"_cssGlobalClasses":["hhubng"]},"label":"Slide 5"},{"id":"6b37b2","name":"block","parent":"aab7aa","children":["2bc3fb","271d51"],"settings":{"_cssGlobalClasses":["crbzpk"],"_background":{"image":{"id":4475,"filename":"68ec88d11cc881f627fb493ca4059d5fbed51d19.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/68ec88d11cc881f627fb493ca4059d5fbed51d19.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/68ec88d11cc881f627fb493ca4059d5fbed51d19.webp"},"position":"center center","repeat":"no-repeat","size":"cover"}}},{"id":"2bc3fb","name":"heading","parent":"6b37b2","children":[],"settings":{"text":"I am a heading","tag":"custom","customTag":"span","_cssGlobalClasses":["aachof"]}},{"id":"271d51","name":"heading","parent":"6b37b2","children":[],"settings":{"text":"I am a heading","_cssGlobalClasses":["cdxhts"]}},{"id":"69fbc8","name":"block","parent":"95eb68","children":["c15b02"],"settings":{"_cssGlobalClasses":["hhubng"]},"label":"Slide 6"},{"id":"c15b02","name":"block","parent":"69fbc8","children":["aaaad8","19f55c"],"settings":{"_cssGlobalClasses":["crbzpk"],"_background":{"image":{"id":4406,"filename":"Picture-8.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Picture-8.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Picture-8.webp"},"position":"center center","repeat":"no-repeat","size":"cover"}}},{"id":"aaaad8","name":"heading","parent":"c15b02","children":[],"settings":{"text":"I am a heading","tag":"custom","customTag":"span","_cssGlobalClasses":["aachof"]}},{"id":"19f55c","name":"heading","parent":"c15b02","children":[],"settings":{"text":"I am a heading","_cssGlobalClasses":["cdxhts"]}}],"templateType":"section","global_classes":[{"id":"lcfmem","name":"xinder-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"}},"modified":1760088932,"user_id":1},{"id":"cdvcly","name":"xinder-default-container","settings":{"_widthMax":"1440","_width":"100%","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40"},"modified":1761824078,"user_id":1},{"id":"byjeua","name":"xinder-h2","settings":{"_typography":{"font-size":"40","font-family":"Roboto"},"_typography:mobile_landscape":{"font-size":"32"},"_typography:tablet_portrait":{"font-size":"34"}}},{"id":"jcwasx","name":"xinder-feature-section","settings":{"_rowGap":"30"}},{"id":"ckkgwu","name":"xinder-feature-top-container","settings":{"_direction":"row","_justifyContent":"space-between","_alignItems":"center"}},{"id":"jhjgmy","name":"xinder-feature-container-heading","settings":{"_typography":{"font-family":"Roboto"}}},{"id":"hzftun","name":"xinder-feature-view-more-link","settings":{"_typography":{"color":{"hex":"#2563eb"}},"iconPosition":"right"}},{"id":"bxdlcm","name":"xinder-feature-bottom-container","settings":[]},{"id":"crbzpk","name":"xinder-feature-bottom-slide-block","settings":{"_height":"300","_padding":{"top":"24","bottom":"24","right":"24","left":"24"},"_gradient":{"applyTo":"overlay","colors":[{"id":"vhgbns","color":{"hex":"#0f172a","rgb":"rgba(15, 23, 42, 0.5)","hsl":"hsla(222, 47%, 11%, 0.5)"}},{"id":"xxjaik","color":{"hex":"#0f172a","rgb":"rgba(15, 23, 42, 0)","hsl":"hsla(222, 47%, 11%, 0)"}}]},"_border":{"radius":{"top":"5","right":"5","bottom":"5","left":"5"}}}},{"id":"aachof","name":"xinder-feature-bottom-slide-span","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-size":"16","font-weight":"500"}}},{"id":"cdxhts","name":"xinder-feature-bottom-slide-heading","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-size":"24","font-weight":"700"}}},{"id":"rzvykp","name":"xinder-feature-slider","settings":{"slideBorder":{"radius":{"top":"10","right":"10","bottom":"10","left":"10"}},"_overflow":"hidden","_cssCustom":".xinder-feature-slider .splide__arrows:not(.custom) {\ndisplay: none\n}\n\n\n ","paginationBottom:tablet_portrait":"-20","_heightMin":"380","paginationColor":{"hex":"#be113c","rgb":"rgba(190, 17, 60, 0.42)","hsl":"hsla(345, 84%, 41%, 0.42)"},"paginationColorActive":{"hex":"#be113c"}}},{"id":"hhubng","name":"xinder-feature-slide","settings":{"_overflow":"hidden"}}]}
Profile Picture
Akshay Joshi

Wrapp Featured Box

Simple Icon box
View now
Copy now
{"id":4632,"name":"wrapp-featured-box","title":"Wrapp Featured Box","date":"2025-10-31 13:09:15","date_formatted":"October 31, 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\/wrapp-featured-box\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"112258","name":"section","parent":0,"children":["2cab6b"],"settings":{"_cssGlobalClasses":["jhprhf","bgwojk"]},"label":"Wrapp Featured Box"},{"id":"2cab6b","name":"container","parent":"112258","children":["b8033a","d84167","cb6ec3","777729"],"settings":{"_cssGlobalClasses":["caxzqn","fnkdjq"]}},{"id":"b8033a","name":"block","parent":"2cab6b","children":["81c1cd","14eefd","fe5f7c"],"settings":{"_cssGlobalClasses":["lgdjtg"]}},{"id":"81c1cd","name":"svg","parent":"b8033a","children":[],"settings":{"file":{"id":4377,"filename":"Icon-23.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Icon-23.svg"},"_cssGlobalClasses":["gaxxpq"]}},{"id":"14eefd","name":"heading","parent":"b8033a","children":[],"settings":{"text":"Fermentum amet","_cssGlobalClasses":["zgsbgk"]}},{"id":"fe5f7c","name":"text-basic","parent":"b8033a","children":[],"settings":{"text":"Pellentesque quis tincidunt sit sed. Tortor massa sed habitant.","_cssGlobalClasses":["pjaqxq"]}},{"id":"d84167","name":"block","parent":"2cab6b","children":["027c42","cbd3a0","3e261e"],"settings":{"_cssGlobalClasses":["lgdjtg"]}},{"id":"027c42","name":"svg","parent":"d84167","children":[],"settings":{"file":{"id":4378,"filename":"Icon-22.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Icon-22.svg"},"_cssGlobalClasses":["gaxxpq"]}},{"id":"cbd3a0","name":"heading","parent":"d84167","children":[],"settings":{"text":"Dignissim quam","_cssGlobalClasses":["zgsbgk"]}},{"id":"3e261e","name":"text-basic","parent":"d84167","children":[],"settings":{"text":"Quam sed neque vitae viverra purus venenatis ac non.","_cssGlobalClasses":["pjaqxq"]}},{"id":"cb6ec3","name":"block","parent":"2cab6b","children":["80c67c","996602","663613"],"settings":{"_cssGlobalClasses":["lgdjtg"]}},{"id":"80c67c","name":"svg","parent":"cb6ec3","children":[],"settings":{"file":{"id":4376,"filename":"Icon-24.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Icon-24.svg"},"_cssGlobalClasses":["gaxxpq"]}},{"id":"996602","name":"heading","parent":"cb6ec3","children":[],"settings":{"text":"Dignissim quam","_cssGlobalClasses":["zgsbgk"]}},{"id":"663613","name":"text-basic","parent":"cb6ec3","children":[],"settings":{"text":"Eget sed nunc, amet, nibh nulla. Morbi sed risus ullamcorper diam.","_cssGlobalClasses":["pjaqxq"]}},{"id":"777729","name":"block","parent":"2cab6b","children":["2c8496","dde3dd","650a32"],"settings":{"_cssGlobalClasses":["lgdjtg"]}},{"id":"2c8496","name":"svg","parent":"777729","children":[],"settings":{"file":{"id":4375,"filename":"Icon-25.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/10\/Icon-25.svg"},"_cssGlobalClasses":["gaxxpq"]}},{"id":"dde3dd","name":"heading","parent":"777729","children":[],"settings":{"text":"Risus morbi","_cssGlobalClasses":["zgsbgk"]}},{"id":"650a32","name":"text-basic","parent":"777729","children":[],"settings":{"text":"Euismod sed pellentesque ut elementum.","_cssGlobalClasses":["pjaqxq"]}}],"templateType":"section","global_classes":[{"id":"jhprhf","name":"wrapp-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_rowGap":"80","_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"48"}},{"id":"caxzqn","name":"wrapp-default-container","settings":{"_widthMax":"1440px","_width":"100%"}},{"id":"lgdjtg","name":"wrapp-feature-block","settings":{"_alignSelf":"center","_justifyContent":"flex-start","_alignItems":"center","_rowGap":"16","_columnGap":"16"}},{"id":"gaxxpq","name":"wrapp-feature-block_svg","settings":[]},{"id":"zgsbgk","name":"wrapp-feature-block_heading","settings":{"_typography":{"font-size":"24","font-family":"Roboto","text-align":"center"}}},{"id":"pjaqxq","name":"wrapp-feature-block_text","settings":{"_typography":{"font-size":"16","font-weight":"400","font-family":"Roboto","text-align":"center"}}},{"id":"fnkdjq","name":"wrapp-feature-container","settings":{"_display":"grid","_gridGap":"64","_gridTemplateColumns":"repeat(4,1fr)","_alignContentGrid":"stretch","_gridTemplateColumns:mobile_landscape":"repeat(1,1fr)","_gridTemplateColumns:tablet_portrait":"repeat(2,1fr)","_alignItemsGrid":"flex-start","_gridGap:tablet_portrait":"56","_gridGap:mobile_landscape":"32"}},{"id":"bgwojk","name":"wrapp-feature-section","settings":{"_border":{"width":{"top":"1","right":"0","bottom":"0","left":"0"},"style":"solid","color":{"hex":"#e2e8f0"}}}}]}

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