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

Construction Kit – Hero News

Simple hero
View now
Copy now
{"id":3602,"name":"construction-kit-hero-news","title":"Construction Kit - Hero News","date":"2025-09-05 06:40:02","date_formatted":"September 5, 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\/construction-kit-hero-news\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"16b6b6","name":"section","parent":0,"children":["31b1f5"],"settings":{"_cssGlobalClasses":["tkudmp","ecvdox"],"_background":{"image":{"id":3399,"filename":"Rectangle-42.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-42.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-42.webp"},"position":"center center","repeat":"no-repeat"}},"label":"Hero - News"},{"id":"31b1f5","name":"container","parent":"16b6b6","children":["e0e598"],"settings":{"_cssGlobalClasses":["kzdlvy","nqvkqo"],"_direction":"row"},"label":"container"},{"id":"e0e598","name":"block","parent":"31b1f5","children":["8824e4"],"settings":{"_cssGlobalClasses":["ueqtko","zgrvin"]},"label":"Column"},{"id":"8824e4","name":"heading","parent":"e0e598","children":[],"settings":{"text":"News","_cssGlobalClasses":["fjtxgz","lhwouz"],"tag":"h1"}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row","_alignItems":"stretch"}},{"id":"fjtxgz","name":"construction-h1","settings":{"_typography":{"font-size":"64","font-family":"Rubik"},"_typography:tablet_portrait":{"font-size":"46"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"ueqtko","name":"construction__hero-column","settings":{"_justifyContent":"center","_gradient":[],"_columnGap":"40","_rowGap":"40","_width:mobile_landscape":"100%","_width":"55%","_width:tablet_portrait":"50%"}},{"id":"lhwouz","name":"construction-left-border-heading","settings":{"_border":{"width":{"left":"10"},"style":"solid","color":{"hex":"#ffb401"}},"_padding":{"left":"20"},"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"tkudmp","name":"construction_hero","settings":{"_gradient":{"applyTo":"overlay","colors":[{"id":"zjnhjl","color":{"hex":"#1f1f1f","rgb":"rgba(31, 31, 31, 0.85)","hsl":"hsla(0, 0%, 12%, 0.85)"}},{"id":"zjnhjl","color":{"hex":"#1f1f1f","rgb":"rgba(31, 31, 31, 0.85)","hsl":"hsla(0, 0%, 12%, 0.85)"}}]}},"modified":1756713051,"user_id":1},{"id":"nqvkqo","name":"construction__hero-container","settings":{"_alignItems":"stretch","_rowGap:mobile_landscape":"50","_columnGap":"100","_columnGap:tablet_portrait":"80"},"modified":1756713051,"user_id":1},{"id":"zgrvin","name":"construction__hero-column-single","settings":{"_width":"70%","_width:mobile_landscape":"100%"},"modified":1756746945,"user_id":1}]}
Profile Picture
Akshay Joshi

Construction Kit – Blog loop

Loop for blogs page
View now
Copy now
{"id":3604,"name":"construction-kit-blog-loop","title":"Construction Kit - Blog loop","date":"2025-09-05 06:41:47","date_formatted":"September 5, 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\/construction-kit-blog-loop\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"16a836","name":"section","parent":0,"children":["c4c2af"],"settings":{"_cssGlobalClasses":["ecvdox","chttpt"]},"label":"Blog loop"},{"id":"c4c2af","name":"container","parent":"16a836","children":["868acb","7964d4","d2e6ac","476736","a51597","559f55"],"settings":{"_cssGlobalClasses":["imymyf","gbypgu"],"_useMasonry":true}},{"id":"868acb","name":"block","parent":"c4c2af","children":["00885d","72ca34","a2b5fa"],"settings":{"_cssGlobalClasses":["zaprmy"]},"label":"grid inner Block"},{"id":"00885d","name":"image","parent":"868acb","children":[],"settings":{"image":{"id":3585,"filename":"Rectangle-45.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-45.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-45.png"},"_cssGlobalClasses":["qzreyi"]},"themeStyles":[]},{"id":"72ca34","name":"div","parent":"868acb","children":["a16ee6","ac10cd"],"settings":{"_cssGlobalClasses":["bvbdem"]}},{"id":"a16ee6","name":"heading","parent":"72ca34","children":[],"settings":{"text":"Nunc Volutpat Venenatis","_cssGlobalClasses":["vcsnro"]}},{"id":"ac10cd","name":"text-basic","parent":"72ca34","children":[],"settings":{"text":"May 9, 2014 | Category","_cssGlobalClasses":["ttoxnh"]}},{"id":"a2b5fa","name":"div","parent":"868acb","children":["dec884"],"settings":{"_cssGlobalClasses":["dsbjen"]}},{"id":"dec884","name":"text-basic","parent":"a2b5fa","children":[],"settings":{"text":"Nulla a odio sed magna congue condimentum. Pellentesque convallis enim nec libero vulputate, et rhoncus urna placerat. Phasellus mattis, diam vel vehicula facilisis, erat leo dapibus augue, at mollis tellus ex non nisi.","_cssGlobalClasses":["hjqfro","ejiadu"]}},{"id":"7964d4","name":"block","parent":"c4c2af","children":["d66db5","5f76f1","6bfc56"],"settings":{"_cssGlobalClasses":["zaprmy"]},"label":"grid inner Block"},{"id":"d66db5","name":"image","parent":"7964d4","children":[],"settings":{"image":{"id":3584,"filename":"Rectangle-48.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-48.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-48.png"},"_cssGlobalClasses":["qzreyi"]},"themeStyles":[]},{"id":"5f76f1","name":"div","parent":"7964d4","children":["71d454","dc619b"],"settings":{"_cssGlobalClasses":["bvbdem"]}},{"id":"71d454","name":"heading","parent":"5f76f1","children":[],"settings":{"text":"Vestibulum Nisl Felis","_cssGlobalClasses":["vcsnro"]}},{"id":"dc619b","name":"text-basic","parent":"5f76f1","children":[],"settings":{"text":"May 9, 2014 | Category","_cssGlobalClasses":["ttoxnh"]}},{"id":"6bfc56","name":"div","parent":"7964d4","children":["66c796"],"settings":{"_cssGlobalClasses":["dsbjen"]}},{"id":"66c796","name":"text-basic","parent":"6bfc56","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet.","_cssGlobalClasses":["hjqfro","ejiadu"]}},{"id":"d2e6ac","name":"block","parent":"c4c2af","children":["7d6f75","8a5f47","f668c2"],"settings":{"_cssGlobalClasses":["zaprmy"]},"label":"grid inner Block"},{"id":"7d6f75","name":"image","parent":"d2e6ac","children":[],"settings":{"image":{"id":3583,"filename":"Rectangle-50.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-50.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-50.png"},"_cssGlobalClasses":["qzreyi"]},"themeStyles":[]},{"id":"8a5f47","name":"div","parent":"d2e6ac","children":["7ff8f9","7b9b9c"],"settings":{"_cssGlobalClasses":["bvbdem"]}},{"id":"7ff8f9","name":"heading","parent":"8a5f47","children":[],"settings":{"text":"Proin Eu Augue Efficitur","_cssGlobalClasses":["vcsnro"]}},{"id":"7b9b9c","name":"text-basic","parent":"8a5f47","children":[],"settings":{"text":"May 9, 2014 | Category","_cssGlobalClasses":["ttoxnh"]}},{"id":"f668c2","name":"div","parent":"d2e6ac","children":["eaac9b"],"settings":{"_cssGlobalClasses":["dsbjen"]}},{"id":"eaac9b","name":"text-basic","parent":"f668c2","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet. ","_cssGlobalClasses":["hjqfro","ejiadu"]}},{"id":"476736","name":"block","parent":"c4c2af","children":["37d67f","7c3cc8","5ff0a7"],"settings":{"_cssGlobalClasses":["zaprmy"]},"label":"grid inner Block"},{"id":"37d67f","name":"image","parent":"476736","children":[],"settings":{"image":{"id":3580,"filename":"Rectangle-56.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-56.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-56.png"},"_cssGlobalClasses":["qzreyi"]},"themeStyles":[]},{"id":"7c3cc8","name":"div","parent":"476736","children":["554b88","f460f9"],"settings":{"_cssGlobalClasses":["bvbdem"]}},{"id":"554b88","name":"heading","parent":"7c3cc8","children":[],"settings":{"text":"Donec Sit Amet Nibh","_cssGlobalClasses":["vcsnro"]}},{"id":"f460f9","name":"text-basic","parent":"7c3cc8","children":[],"settings":{"text":"May 9, 2014 | Category","_cssGlobalClasses":["ttoxnh"]}},{"id":"5ff0a7","name":"div","parent":"476736","children":["e6a5ac"],"settings":{"_cssGlobalClasses":["dsbjen"]}},{"id":"e6a5ac","name":"text-basic","parent":"5ff0a7","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet. ","_cssGlobalClasses":["hjqfro","ejiadu"]}},{"id":"a51597","name":"block","parent":"c4c2af","children":["28122a","cc25e2","1e425f"],"settings":{"_cssGlobalClasses":["zaprmy"]},"label":"grid inner Block"},{"id":"28122a","name":"image","parent":"a51597","children":[],"settings":{"image":{"id":3581,"filename":"Rectangle-54.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-54.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-54.png"},"_cssGlobalClasses":["qzreyi"]},"themeStyles":[]},{"id":"cc25e2","name":"div","parent":"a51597","children":["e06d7e","119a8b"],"settings":{"_cssGlobalClasses":["bvbdem"]}},{"id":"e06d7e","name":"heading","parent":"cc25e2","children":[],"settings":{"text":"Maecenas Fringilla Augue","_cssGlobalClasses":["vcsnro"]}},{"id":"119a8b","name":"text-basic","parent":"cc25e2","children":[],"settings":{"text":"May 9, 2014 | Category","_cssGlobalClasses":["ttoxnh"]}},{"id":"1e425f","name":"div","parent":"a51597","children":["dee1a1"],"settings":{"_cssGlobalClasses":["dsbjen"]}},{"id":"dee1a1","name":"text-basic","parent":"1e425f","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc aliquam justo et nibh venenatis aliquet.Donec quis felis imperdiet, vestibulum est ut, pulvinar dolor. ","_cssGlobalClasses":["hjqfro","ejiadu"]}},{"id":"559f55","name":"block","parent":"c4c2af","children":["169644","aa1537","3308e3"],"settings":{"_cssGlobalClasses":["zaprmy"]},"label":"grid inner Block"},{"id":"169644","name":"image","parent":"559f55","children":[],"settings":{"image":{"id":3582,"filename":"Rectangle-52.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-52.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-52.png"},"_cssGlobalClasses":["qzreyi"]},"themeStyles":[]},{"id":"aa1537","name":"div","parent":"559f55","children":["da3112","4ae2be"],"settings":{"_cssGlobalClasses":["bvbdem"]}},{"id":"da3112","name":"heading","parent":"aa1537","children":[],"settings":{"text":"Nunc Volutpat Venenatis","_cssGlobalClasses":["vcsnro"]}},{"id":"4ae2be","name":"text-basic","parent":"aa1537","children":[],"settings":{"text":"May 9, 2014 | Category","_cssGlobalClasses":["ttoxnh"]}},{"id":"3308e3","name":"div","parent":"559f55","children":["6a89bb"],"settings":{"_cssGlobalClasses":["dsbjen"]}},{"id":"6a89bb","name":"text-basic","parent":"3308e3","children":[],"settings":{"text":"Nulla a odio sed magna congue condimentum. Pellentesque convallis enim nec libero vulputate, et rhoncus urna placerat. Phasellus mattis, diam vel vehicula facilisis, erat leo dapibus augue, at mollis tellus ex non nisi. Maecenas urna sapien, dignissim a augue vitae, porttitor luctus urna. Morbi scelerisque semper congue. ","_cssGlobalClasses":["hjqfro","ejiadu"]}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"imymyf","name":"construction-default-container","settings":{"_rowGap":"20px"}},{"id":"ejiadu","name":"construction_grey-text","settings":{"_typography":{"color":{"hex":"#666666"},"font-size":"17"}},"modified":1756713051,"user_id":1},{"id":"gbypgu","name":"construction-blog-grid-container","settings":{"_masonryGutter":"40","_masonryColumn":"3","_masonryColumn:mobile_portrait":"1","_gridTemplateColumns:mobile_landscape":"repeat(2,1fr)","_gridAutoFlow":"row","_alignItemsGrid":"baseline","_masonryGutter:mobile_portrait":"30","_masonryColumn:tablet_portrait":"2","_masonryGutter:tablet_portrait":"40","_masonryColumn:mobile_landscape":"2","_masonryGutter:mobile_landscape":"40"},"modified":1755950827,"user_id":1},{"id":"zaprmy","name":"construction-blog-grid-container_block","settings":{"_columnGap":"20","_rowGap":"20","_background":{"color":{"hex":"#ffffff"}},"_padding":{"bottom":"20"}}},{"id":"qzreyi","name":"construction-blog-grid-block-image","settings":{"_width":"100%","_heightMin":"204"}},{"id":"vcsnro","name":"construction-blog-grid-block-heading","settings":{"_typography":{"font-size":"18","font-weight":"700","color":{"hex":"#666666"},"font-family":"Rubik"}}},{"id":"ttoxnh","name":"construction-blog-grid-block-meta","settings":{"_typography":{"color":{"hex":"#c9c9c9"},"font-size":"14","font-family":"Open Sans"}}},{"id":"hjqfro","name":"construction-blog-grid-block-text","settings":[]},{"id":"chttpt","name":"construction-blog-bg","settings":{"_background":{"color":{"hex":"#f5f5f5"}}}},{"id":"bvbdem","name":"construction-blog-grid-block-meta-div","settings":{"_padding":{"left":"20","right":"20"},"_display":"flex","_direction":"column","_rowGap":"10","_columnGap":"10"}},{"id":"dsbjen","name":"construction-blog-grid-block-content-div","settings":{"_padding":{"left":"20","right":"20"}}}]}
Profile Picture
Akshay Joshi

Construction Kit – Hero Project

Hero section with small details
View now
Copy now
{"id":3607,"name":"construction-hero-project","title":"Construction - Hero Project","date":"2025-09-05 06:46:21","date_formatted":"September 5, 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\/construction-hero-project\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"cf2140","name":"section","parent":0,"children":["8ef7db"],"settings":{"_cssGlobalClasses":["tkudmp","ecvdox"],"_background":{"image":{"id":3401,"filename":"Rectangle-43.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-43.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-43.webp"},"position":"center center","repeat":"no-repeat"}},"label":"Hero Project"},{"id":"8ef7db","name":"container","parent":"cf2140","children":["d2168e","8184db"],"settings":{"_cssGlobalClasses":["kzdlvy","nqvkqo"],"_direction":"row"},"label":"container"},{"id":"d2168e","name":"block","parent":"8ef7db","children":["528eee","918b1e"],"settings":{"_cssGlobalClasses":["ueqtko"]},"label":"Column"},{"id":"528eee","name":"heading","parent":"d2168e","children":[],"settings":{"text":"Monarch HQ Project","_cssGlobalClasses":["fjtxgz","lhwouz"]}},{"id":"918b1e","name":"text-basic","parent":"d2168e","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis egestas pellentesque libero dolor in diam consequat ut.","_cssGlobalClasses":["wyotfr"]}},{"id":"8184db","name":"block","parent":"8ef7db","children":["e7e58d"],"settings":{"_cssGlobalClasses":["zvwtzc","xxecjr"],"_width:mobile_landscape":"100%","_display:mobile_landscape":"grid","_gridGap:mobile_landscape":"30","_gridTemplateColumns:mobile_landscape":"repeat(1,1fr)","_gridTemplateColumns:mobile_portrait":"repeat(1,1fr)"},"label":"Column"},{"id":"e7e58d","name":"block","parent":"8184db","children":["315f80"],"settings":{"_cssGlobalClasses":["foavli"]}},{"id":"315f80","name":"list","parent":"e7e58d","children":[],"settings":{"items":[{"title":"Date:","id":"dxlrzd","meta":"12 April 2018"},{"title":"Time:","id":"qohfoj","meta":"Monarch Group"},{"title":"Project Type:","id":"aqvyvp","meta":"Building Renovation"}],"_cssGlobalClasses":["mvyyej"]}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row","_alignItems":"stretch"}},{"id":"fjtxgz","name":"construction-h1","settings":{"_typography":{"font-size":"64","font-family":"Rubik"},"_typography:tablet_portrait":{"font-size":"46"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"wyotfr","name":"construction-body_font_big","settings":{"_typography":{"font-size":"22","color":{"hex":"#ffffff"}},"_typography:mobile_landscape":{"font-size":"17"}},"modified":1755695502,"user_id":1},{"id":"foavli","name":"construction_hero-small-block","settings":{"_display":"flex","_direction":"row","_rowGap":"10","_columnGap":"10","_alignItems":"center","_flexWrap:mobile_portrait":"nowrap"}},{"id":"ueqtko","name":"construction__hero-column","settings":{"_justifyContent":"center","_gradient":[],"_columnGap":"40","_rowGap":"40","_width:mobile_landscape":"100%","_width":"55%","_width:tablet_portrait":"50%"}},{"id":"zvwtzc","name":"construction__hero-column__right","settings":{"_width":"45%","_justifyContent":"center","_columnGap":"5%","_rowGap":"50px","_padding":{"left":"5%"},"_padding:tablet_portrait":{"left":"0"}},"modified":1756747741,"user_id":1},{"id":"lhwouz","name":"construction-left-border-heading","settings":{"_border":{"width":{"left":"10"},"style":"solid","color":{"hex":"#ffb401"}},"_padding":{"left":"20"},"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"tkudmp","name":"construction_hero","settings":{"_gradient":{"applyTo":"overlay","colors":[{"id":"zjnhjl","color":{"hex":"#1f1f1f","rgb":"rgba(31, 31, 31, 0.85)","hsl":"hsla(0, 0%, 12%, 0.85)"}},{"id":"zjnhjl","color":{"hex":"#1f1f1f","rgb":"rgba(31, 31, 31, 0.85)","hsl":"hsla(0, 0%, 12%, 0.85)"}}]}},"modified":1756713051,"user_id":1},{"id":"nqvkqo","name":"construction__hero-container","settings":{"_alignItems":"stretch","_rowGap:mobile_landscape":"50","_columnGap":"100","_columnGap:tablet_portrait":"80"},"modified":1756713051,"user_id":1},{"id":"mvyyej","name":"construction-hero-list","settings":{"separatorDisable":true,"titleTypography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-weight":"500","font-size":"16","font-family":"Open Sans"},"metaTypography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-size":"16","font-weight":"400","font-family":"Open Sans"},"itemJustifyContent":"flex-start","metaMargin":{"left":"5"},"titleMargin":{"right":"0"}}},{"id":"xxecjr","name":"construction_project-hero-right_column","settings":{"_alignSelf":"flex-start"}}]}

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