Profile Picture
Julian Galluzzo

PostPilot Icon Cards Section

A dark section with 6 simple cards - with an icon, heading, and paragraph.
Copy component
Download JSON
{"content":[{"id":"zznvei","name":"section","parent":0,"children":["yqakyo"],"settings":{"_cssGlobalClasses":["xdjjuf","jiaqax"]},"label":"Dark Section"},{"id":"yqakyo","name":"container","parent":"zznvei","children":["jckhuw","bmayyu"],"settings":{"_cssGlobalClasses":["dccpwx"]}},{"id":"jckhuw","name":"heading","parent":"yqakyo","children":[],"settings":{"text":"The Direct Mail Platform For eComm Brands.","_cssGlobalClasses":["pneycn","dnxudm"],"_margin":{"bottom":"75"},"_widthMax":"700"},"label":"H2"},{"id":"bmayyu","name":"div","parent":"yqakyo","children":["theexj","bnuofv","oxtqux","mbxcec","dljcjk","kjomvd"],"settings":{"_cssGlobalClasses":["omouls"]},"label":"Icon Grid"},{"id":"theexj","name":"div","parent":"bmayyu","children":["ssldwz","xdhkpy","ipkqou"],"settings":{"_cssGlobalClasses":["krzegf"],"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}},"_padding:mobile_portrait":{"top":"0"}},"label":"Icon Grid Card"},{"id":"ssldwz","name":"icon","parent":"theexj","children":[],"settings":{"icon":{"library":"svg","svg":{"id":120,"filename":"clap.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/clap.svg"}}}},{"id":"xdhkpy","name":"heading","parent":"theexj","children":[],"settings":{"text":"Ridiculously Easy","_cssGlobalClasses":["elqwhw"]}},{"id":"ipkqou","name":"text-basic","parent":"theexj","children":[],"settings":{"text":"Leave the work to us—strategy, creative, execution and optimization. It’s like having your own direct mail department.","_cssGlobalClasses":["kvwhyj"],"_typography":{"font-size":"18"}}},{"id":"bnuofv","name":"div","parent":"bmayyu","children":["ajjzql","jletsf","crdvzq"],"settings":{"_cssGlobalClasses":["krzegf"],"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}},"label":"Icon Grid Card"},{"id":"ajjzql","name":"icon","parent":"bnuofv","children":[],"settings":{"icon":{"library":"svg","svg":{"id":121,"filename":"fast.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/fast.svg"}}}},{"id":"jletsf","name":"heading","parent":"bnuofv","children":[],"settings":{"text":"Insanely Fast","_cssGlobalClasses":["elqwhw"]}},{"id":"crdvzq","name":"text-basic","parent":"bnuofv","children":[],"settings":{"text":"From concept to your customer’s hands in under a week. We even run our own state-of-the-art printing facilities for the fastest time to home and best quality.","_cssGlobalClasses":["kvwhyj"],"_typography":{"font-size":"18"}}},{"id":"oxtqux","name":"div","parent":"bmayyu","children":["ilcbqr","kdzaes","yvmciw"],"settings":{"_cssGlobalClasses":["krzegf"],"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}},"label":"Icon Grid Card"},{"id":"ilcbqr","name":"icon","parent":"oxtqux","children":[],"settings":{"icon":{"library":"svg","svg":{"id":122,"filename":"effective.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/effective.svg"}}}},{"id":"kdzaes","name":"heading","parent":"oxtqux","children":[],"settings":{"text":"Shockingly Effective","_cssGlobalClasses":["elqwhw"]}},{"id":"yvmciw","name":"text-basic","parent":"oxtqux","children":[],"settings":{"text":"Direct mail works. It's worked for over a century. PostPilot made it easy, more targeted, and more relevant. You'll be blown away by your results.","_cssGlobalClasses":["kvwhyj"],"_typography":{"font-size":"18"}}},{"id":"mbxcec","name":"div","parent":"bmayyu","children":["qnebok","cyopzx","dnzvch"],"settings":{"_cssGlobalClasses":["krzegf"],"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}},"label":"Icon Grid Card"},{"id":"qnebok","name":"icon","parent":"mbxcec","children":[],"settings":{"icon":{"library":"svg","svg":{"id":126,"filename":"funnel.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/funnel.svg"}}}},{"id":"cyopzx","name":"heading","parent":"mbxcec","children":[],"settings":{"text":"Full-funnel","_cssGlobalClasses":["elqwhw"]}},{"id":"dnzvch","name":"text-basic","parent":"mbxcec","children":[],"settings":{"text":"Direct mail can do it all: cold prospecting, retargeting, abandoned cart, loyalty, subscriptions, winbacks, retail, and more.","_cssGlobalClasses":["kvwhyj"],"_typography":{"font-size":"18"}}},{"id":"dljcjk","name":"div","parent":"bmayyu","children":["oelsdq","efsutu","zjtrcy"],"settings":{"_cssGlobalClasses":["krzegf"],"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}},"label":"Icon Grid Card"},{"id":"oelsdq","name":"icon","parent":"dljcjk","children":[],"settings":{"icon":{"library":"svg","svg":{"id":123,"filename":"66ea7f884dfeeddb123d1f94_stack-friendly.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/66ea7f884dfeeddb123d1f94_stack-friendly.svg"}}}},{"id":"efsutu","name":"heading","parent":"dljcjk","children":[],"settings":{"text":"Stack friendly","_cssGlobalClasses":["elqwhw"]}},{"id":"zjtrcy","name":"text-basic","parent":"dljcjk","children":[],"settings":{"text":"We natively integrate directly with Shopify, Klaviyo, and your tech stack to make setup a cinch.","_cssGlobalClasses":["kvwhyj"],"_typography":{"font-size":"18"}}},{"id":"kjomvd","name":"div","parent":"bmayyu","children":["lurxpr","xzxaqf","xubmro"],"settings":{"_cssGlobalClasses":["krzegf"],"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}},"_padding:mobile_portrait":{"bottom":"0"}},"label":"Icon Grid Card"},{"id":"lurxpr","name":"icon","parent":"kjomvd","children":[],"settings":{"icon":{"library":"svg","svg":{"id":124,"filename":"click.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/click.svg"}}}},{"id":"xzxaqf","name":"heading","parent":"kjomvd","children":[],"settings":{"text":"Less than the cost of a click","_cssGlobalClasses":["elqwhw"]}},{"id":"xubmro","name":"text-basic","parent":"kjomvd","children":[],"settings":{"text":"As low as $.50 per card, including postage. Algorithms be damned.","_cssGlobalClasses":["kvwhyj"],"_typography":{"font-size":"18"}}}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.11.1.1","globalClasses":[{"id":"xdjjuf","name":"dark-section","settings":{"_background":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}}},{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"dccpwx","name":"container-width","settings":{"_width":"100%","_widthMax":"1300px"}},{"id":"pneycn","name":"h2--light","settings":{"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-family":"Merriweather","font-size":"52","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"30"}}},{"id":"dnxudm","name":"text-align-center","settings":{"_typography":{"text-align":"center"},"_margin":{"left":"auto","right":"auto"}}},{"id":"omouls","name":"icon-grid","settings":{"_width":"100%","_display":"grid","_gridTemplateColumns":"1fr 1fr 1fr","_gridGap":"1px","_background":{"color":{"hex":"#3b3d47"}},"_gridTemplateColumns:tablet_portrait":"1fr 1fr","_gridTemplateColumns:mobile_portrait":"1fr"}},{"id":"krzegf","name":"icon-grid__card","settings":{"_display":"flex","_direction":"column","_justifyContent":"flex-start","_alignItems":"center","_columnGap":"20","_rowGap":"20","_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"text-align":"center"},"_padding":{"bottom":"50","top":"50","right":"50","left":"50"},"_padding:mobile_portrait":{"right":"25","left":"25"}}},{"id":"elqwhw","name":"h3--small-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"},"font-weight":"500"},"_typography:mobile_portrait":{"font-size":"25"}}},{"id":"kvwhyj","name":"icon-grid__card-paragraph","settings":[]}],"globalElements":[]}

Our notes on this component

Quickly showcase your top features or benefits with this simple & beautiful dark icon cards section.

This component features a 3-wide grid, so you can showcase 3, 6, or 9 (and beyond) different things using this one section.

The design from this component was taken from the PostPilot website – so the images are more than likely all owned by them!

Similar components

Profile Picture
Akshay Joshi

Construction kit – Project Featured Section

Section containing a 2-column layout
View now
Copy now
{"id":3608,"name":"construction-kit-project-featured-section","title":"Construction kit - Project Featured Section","date":"2025-09-05 06:47:14","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-project-featured-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"427b03","name":"section","parent":0,"children":["38b1b0","7f8df5","d83754"],"settings":{"_cssGlobalClasses":["ecvdox","lgcubu"]},"label":"Project Featured Section"},{"id":"38b1b0","name":"container","parent":"427b03","children":["b421a4","ad4300"],"settings":{"_cssGlobalClasses":["imymyf","zfaalm"],"_direction":"row"}},{"id":"b421a4","name":"block","parent":"38b1b0","children":["1abc6a","77176a","8090f6"],"settings":{"_cssGlobalClasses":["vrkida"]},"label":"Column"},{"id":"1abc6a","name":"heading","parent":"b421a4","children":[],"settings":{"text":"About this Project","tag":"h2","_cssGlobalClasses":["jxypep"]}},{"id":"77176a","name":"divider","parent":"b421a4","children":[],"settings":{"_cssGlobalClasses":["moeqkt"]},"themeStyles":[]},{"id":"8090f6","name":"text","parent":"b421a4","children":[],"settings":{"text":"Lectus erat, consectetur eu sapien eget rhoncus consectetur sem. Proin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl A tortor ultrices bibendum Nulla fermentum Metus quis Sodales tristique","_cssGlobalClasses":["ejiadu"]}},{"id":"ad4300","name":"block","parent":"38b1b0","children":[],"settings":{"_cssGlobalClasses":["vngalg"]},"label":"Column"},{"id":"7f8df5","name":"container","parent":"427b03","children":[],"settings":{"_cssGlobalClasses":["vpkluk"]}},{"id":"d83754","name":"container","parent":"427b03","children":["c84f75","f61600"],"settings":{"_cssGlobalClasses":["imymyf","zfaalm","xwthih"],"_direction":"row"}},{"id":"c84f75","name":"block","parent":"d83754","children":[],"settings":{"_cssGlobalClasses":["iidlvh"],"_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"}}},"label":"Column"},{"id":"f61600","name":"block","parent":"d83754","children":["688c98"],"settings":{"_cssGlobalClasses":["ufkmlc"]},"label":"Column"},{"id":"688c98","name":"text","parent":"f61600","children":[],"settings":{"_cssGlobalClasses":["ejiadu"],"text":"Lorem ipsum dolor sit consectetur adipiscing elit. Nullam lectus erat, consectetur eu sapien eget rhoncus consectetur sem. Proin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl a tortor ultrices bibendum. Nulla fermentum, metus quis sodales tristique, augue mauris molestie augue non feugiat ligula neque nec felis. Lectus erat, consectetur eu sapien eget rhoncus consectetur sem. Proin cursus, dolor a mollis consectetur, risus dolor fermentum massa, a commodo elit dui sit amet risus. Maecenas ornare nisl a tortor ultrices bibendum. Nulla fermentum, metus quis sodales tristique, augue mauris molestie augue, non feugiat ligula neque nec felis."}}],"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":"jxypep","name":"construction-h2","settings":{"_typography:tablet_portrait":{"font-size":"32"},"_typography":{"font-size":"40","font-family":"Rubik","color":{"hex":"#2a2a2a"}},"_typography:mobile_landscape":{"font-size":"28"}}},{"id":"ejiadu","name":"construction_grey-text","settings":{"_typography":{"color":{"hex":"#666666"},"font-size":"17"}},"modified":1756713051,"user_id":1},{"id":"moeqkt","name":"construction-yellow-divider","settings":{"width":"10%","height":"5","color":{"hex":"#ffb400"}}},{"id":"lgcubu","name":"construction-project_about-section","settings":{"_background":{"color":{"hex":"#f5f5f5"}},"_rowGap":"100","_columnGap":"100","_columnGap:mobile_landscape":"50","_rowGap:mobile_landscape":"50"},"modified":1756993405,"user_id":1},{"id":"zfaalm","name":"construction-project-2-col-container","settings":{"_alignItems":"stretch","_rowGap":"50","_columnGap":"50","_rowGap:mobile_portrait":"20"},"modified":1756993405,"user_id":1},{"id":"vpkluk","name":"construction-project-big-image-container","settings":{"_background":{"image":{"id":3399,"filename":"Rectangle-42.webp","size":"large","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-1024x531.webp"}},"_heightMin":"560","_heightMin:mobile_landscape":"400"}},{"id":"vrkida","name":"construction-project-conatiner_col","settings":{"_rowGap":"20"}},{"id":"vngalg","name":"construction-project-about-image-col","settings":{"_background":{"image":{"id":3366,"filename":"Rectangle-36.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-36.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-36.webp"}},"_heightMin:mobile_landscape":"300"}},{"id":"iidlvh","name":"construction-project-small-image-col","settings":{"_heightMin":"250","_width:mobile_landscape":"100%","_width":"40%"},"modified":1755953106,"user_id":1},{"id":"ufkmlc","name":"construction-project-content-col","settings":{"_width":"60%","_width:mobile_landscape":"100%"},"modified":1755953106,"user_id":1},{"id":"xwthih","name":"construction-margin-top-sub","settings":{"_margin":{"top":"-25"},"_margin:mobile_landscape":{"top":"0"}},"modified":1756993405,"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 – Project loop

Loop for archive pages
View now
Copy now
{"id":3559,"name":"construction-kit-project-loop","title":"Construction kit - Project loop","date":"2025-09-01 17:35:23","date_formatted":"September 1, 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-project-loop\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"8ca5d5","name":"section","parent":0,"children":["63c069"],"settings":{"_cssGlobalClasses":["ecvdox"]},"label":"Project loop"},{"id":"63c069","name":"container","parent":"8ca5d5","children":["f30155"],"settings":{"_cssGlobalClasses":[]}},{"id":"f30155","name":"block","parent":"63c069","children":["1590c5","48a848","255baa","d4a51f","26121a","897e34","c0ea18","d6d8b5","1e66dc"],"settings":{"_cssGlobalClasses":["oswtyr"]},"label":"loop grid"},{"id":"1590c5","name":"block","parent":"f30155","children":["97ecb8","ff394d"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"97ecb8","name":"image","parent":"1590c5","children":[],"settings":{"image":{"id":3490,"filename":"Rectangle-13.png","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-13.png","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/Rectangle-13.png"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"ff394d","name":"block","parent":"1590c5","children":["2c958a","69cd8c","bb6af5"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"2c958a","name":"heading","parent":"ff394d","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"69cd8c","name":"text-basic","parent":"ff394d","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"bb6af5","name":"button","parent":"ff394d","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"48a848","name":"block","parent":"f30155","children":["d8d85d","376398"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"d8d85d","name":"image","parent":"48a848","children":[],"settings":{"image":{"id":3298,"filename":"Rectangle-11.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-11.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-11.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"376398","name":"block","parent":"48a848","children":["2efb5e","9fe917","4ce4cc"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"2efb5e","name":"heading","parent":"376398","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"9fe917","name":"text-basic","parent":"376398","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"4ce4cc","name":"button","parent":"376398","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"255baa","name":"block","parent":"f30155","children":["7dc73d","c450df"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"7dc73d","name":"image","parent":"255baa","children":[],"settings":{"image":{"id":3364,"filename":"Rectangle-12.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-12.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-12.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"c450df","name":"block","parent":"255baa","children":["b55330","307d8a","fbe87c"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"b55330","name":"heading","parent":"c450df","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"307d8a","name":"text-basic","parent":"c450df","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"fbe87c","name":"button","parent":"c450df","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"d4a51f","name":"block","parent":"f30155","children":["444b62","d8f35c"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"444b62","name":"image","parent":"d4a51f","children":[],"settings":{"image":{"id":3369,"filename":"Rectangle-36-1.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-36-1.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-36-1.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"d8f35c","name":"block","parent":"d4a51f","children":["a7a718","72bb55","b2e226"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"a7a718","name":"heading","parent":"d8f35c","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"72bb55","name":"text-basic","parent":"d8f35c","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"b2e226","name":"button","parent":"d8f35c","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"26121a","name":"block","parent":"f30155","children":["f84e77","e48be5"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"f84e77","name":"image","parent":"26121a","children":[],"settings":{"image":{"id":3365,"filename":"Rectangle-34.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-34.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-34.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"e48be5","name":"block","parent":"26121a","children":["edfd28","c32a23","6417c7"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"edfd28","name":"heading","parent":"e48be5","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"c32a23","name":"text-basic","parent":"e48be5","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"6417c7","name":"button","parent":"e48be5","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"897e34","name":"block","parent":"f30155","children":["c63c5c","9be294"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"c63c5c","name":"image","parent":"897e34","children":[],"settings":{"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"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"9be294","name":"block","parent":"897e34","children":["bdd3f4","9e2c91","edae24"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"bdd3f4","name":"heading","parent":"9be294","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"9e2c91","name":"text-basic","parent":"9be294","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"edae24","name":"button","parent":"9be294","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"c0ea18","name":"block","parent":"f30155","children":["5af9f6","b88ee0"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"5af9f6","name":"image","parent":"c0ea18","children":[],"settings":{"image":{"id":3130,"filename":"Rectangle-11-2.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-11-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-11-2.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"b88ee0","name":"block","parent":"c0ea18","children":["06d79e","21435b","4443b5"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"06d79e","name":"heading","parent":"b88ee0","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"21435b","name":"text-basic","parent":"b88ee0","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"4443b5","name":"button","parent":"b88ee0","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"d6d8b5","name":"block","parent":"f30155","children":["c4516e","a6f993"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"c4516e","name":"image","parent":"d6d8b5","children":[],"settings":{"image":{"id":3364,"filename":"Rectangle-12.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-12.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-12.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"a6f993","name":"block","parent":"d6d8b5","children":["2431ab","c75cd9","353a1d"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"2431ab","name":"heading","parent":"a6f993","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"c75cd9","name":"text-basic","parent":"a6f993","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"353a1d","name":"button","parent":"a6f993","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}},{"id":"1e66dc","name":"block","parent":"f30155","children":["ebcafb","8a0af3"],"settings":{"_cssGlobalClasses":["rxctjr"]},"label":"project"},{"id":"ebcafb","name":"image","parent":"1e66dc","children":[],"settings":{"image":{"id":3371,"filename":"Rectangle-36-2.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-36-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/08\/Rectangle-36-2.webp"},"_cssGlobalClasses":["utiezc"]},"themeStyles":[]},{"id":"8a0af3","name":"block","parent":"1e66dc","children":["b3cc5b","289c84","8028b0"],"settings":{"_cssGlobalClasses":["jzudkz"]}},{"id":"b3cc5b","name":"heading","parent":"8a0af3","children":[],"settings":{"text":"Service Title","_cssGlobalClasses":["cjfdfm"]}},{"id":"289c84","name":"text-basic","parent":"8a0af3","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Id et euismod bibendum adipiscing et orci, fermentum. ","_cssGlobalClasses":["qypvjb"]}},{"id":"8028b0","name":"button","parent":"8a0af3","children":[],"settings":{"text":"Learn More","_cssGlobalClasses":["uidyrn"]}}],"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":"oswtyr","name":"const_project-loop-grid","settings":{"_direction":"row","_columnGap":"60","_columnGap:tablet_portrait":"30","_rowGap:mobile_landscape":"50","_gridTemplateColumns":"repeat(3, 1fr);","_display":"grid","_gridGap":"60","_gridGap:tablet_portrait":"30","_gridTemplateColumns:mobile_landscape":"repeat(1, 1fr);"}},{"id":"rxctjr","name":"const_project-item","settings":{"_rowGap":"20"}},{"id":"utiezc","name":"const_project-img","settings":{"_width":"100%","_height":"182","_objectFit":"cover","_height:mobile_landscape":"300","_height:mobile_portrait":"270"}},{"id":"jzudkz","name":"const_project-block","settings":{"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"color":{"hex":"#666666"},"style":"solid"},"_padding":{"top":"40","left":"20","right":"20","bottom":"20"},"_rowGap":"20"}},{"id":"cjfdfm","name":"const_project-heading","settings":{"_typography":{"font-family":"Open Sans","font-size":"15"}}},{"id":"qypvjb","name":"const_project-text","settings":{"_typography":{"color":{"hex":"#666666"}}}},{"id":"uidyrn","name":"const_project-btn","settings":{"_typography":{"font-family":"Rubik","font-size":"11","color":{"hex":"#666666"},"font-weight":"700","text-transform":"uppercase"},"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#666666"}},"_widthMin":"138"}}]}

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