Service Cards Bravo - Gutenberg Starter Templates

I am a heading

accent heading
Here goes the text..Select any part of your text to access the formatting toolbar
I am a heading

Here goes the text..Select any part of your text to access the formatting toolbar
I am a heading

Here goes the text..Select any part of your text to access the formatting toolbar
I am a heading

Here goes the text..Select any part of your text to access the formatting toolbar
I am a heading

Here goes the text..Select any part of your text to access the formatting toolbar
Get the Code – Service Cards Bravo Greenshift Template
Instructions
Click on the copy code icon on the HTML header below
to copy to clipboard.
Paste directly into block editor.
Consider Buying Me A Coffee. A small amount goes along way to help build this site to make your life easier. Thank you for the consideration.
HTML
<!-- wp:greenshift-blocks/element {"id":"gsbp-43f68c2","tag":"section","type":"inner","localId":"Hero","staticLocalId":true,"align":"full","styleAttributes":{"display":["flex"],"justifyContent":["center"],"flexDirection":["column"],"alignItems":["center"],"paddingRight":[],"paddingLeft":[],"marginTop":["0px"],"marginBottom":["0px"],"paddingLink_Extra":"lr","position":["relative"],"rowGap":["30px"]},"isVariation":"contentwrapper"} -->
<section class="Hero alignfull"><!-- wp:greenshift-blocks/element {"id":"gsbp-2e21803","type":"inner","localId":"gsbp-2e21803","styleAttributes":{"maxWidth":["var(\u002d\u002dtheme-normal-container-max-width, 100%)"],"width":["var(\u002d\u002dtheme-container-width, calc(100% - 40px))"],"display":["flex"],"flexDirection":["row","row","column","column"],"justifyContent":["space-between"],"flexWrap":["nowrap"],"alignContent":["space-between"],"alignItems":["flex-start"]},"isVariation":"nocolumncontent","metadata":{"name":"Content Area"}} -->
<div class="gsbp-2e21803"><!-- wp:greenshift-blocks/element {"id":"gsbp-301a828","type":"inner","localId":"gsbp-301a828","styleAttributes":{"display":["flex"],"flexDirection":["column-reverse"]}} -->
<div class="gsbp-301a828"><!-- wp:greenshift-blocks/element {"id":"gsbp-6cc85e9","textContent":"I am a heading","tag":"h2","localId":"gsbp-6cc85e9"} -->
<h2>I am a heading</h2>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-3f30526","textContent":"accent heading","tag":"p","localId":"gsbp-3f30526","styleAttributes":{}} -->
<p class="gsbp-3f30526">accent heading</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f8b11d2","type":"inner","localId":"gsbp-f8b11d2","styleAttributes":{"maxWidth":["400px"]}} -->
<div class="gsbp-f8b11d2"><!-- wp:greenshift-blocks/element {"id":"gsbp-75962ce","textContent":"Here goes the text..Select any part of your text to access the formatting toolbar","tag":"p","localId":"gsbp-75962ce"} -->
<p>Here goes the text..Select any part of your text to access the formatting toolbar</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1c4b5e0","type":"inner","localId":"gsbp-1c4b5e0","styleAttributes":{"maxWidth":["var(\u002d\u002dtheme-normal-container-max-width, 100%)"],"width":["var(\u002d\u002dtheme-container-width, calc(100% - 40px))"],"display":["grid"],"gridTemplateLink_Extra":true,"gridTemplateColumns":["repeat(4, minmax(0,1fr))","repeat(2, minmax(0,1fr))","repeat(1, minmax(0,1fr))"],"columnGap":["30px"],"rowGap":["20px"],"gridAutoFlow":["row"]},"isVariation":"nocolumncontent","metadata":{"name":"Content Area"}} -->
<div class="gsbp-1c4b5e0"><!-- wp:greenshift-blocks/element {"id":"gsbp-4ac05f0","dynamicGClasses":[{"value":"feature-card","type":"global","label":"feature-card","css":".feature-card{padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px;background-color:var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dpalette-color-3, var(\u002d\u002dtheme-palette-color-3, #3A4F66));border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;row-gap:20px;}","attributes":{"styleAttributes":{"paddingLink_Extra":"all","paddingTop":["30px"],"paddingBottom":["30px"],"paddingLeft":["30px"],"paddingRight":["30px"],"backgroundColor":["var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dpalette-color-3, var(\u002d\u002dtheme-palette-color-3, #3A4F66))"],"borderRadiusLink_Extra":true,"borderTopLeftRadius":["10px"],"borderBottomLeftRadius":["10px"],"borderTopRightRadius":["10px"],"borderBottomRightRadius":["10px"],"display":["flex"],"flexDirection":["column"],"rowGap":["20px"]}},"originalID":"gsbp-f6f88c6","originalBlock":"greenshift-blocks/element","selectors":[]}],"type":"inner","className":"feature-card","localId":"gsbp-4ac05f0"} -->
<div class="feature-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-6c08b4b","dynamicGClasses":[{"value":"feature-card__icon","type":"global","label":"feature-card__icon","css":".feature-card__icon{width:50px;height:50px;fill:#ffffff;}","attributes":{"styleAttributes":{"width":["50px"],"height":["50px"],"fill":["#ffffff"]}},"originalID":"gsbp-6c08b4b","originalBlock":"greenshift-blocks/element","tag":"svg","selectors":[]}],"tag":"svg","icon":{"icon":{"font":"rhicon rhi-analytics","svg":"","image":""},"type":"font"},"className":"feature-card__icon","localId":"gsbp-6c08b4b"} -->
<svg viewBox="0 0 1152 1024" width="1152" height="1024" class="feature-card__icon"><path d="M160 704h-128c-17.68 0-32 14.32-32 32v256c0 17.68 14.32 32 32 32h128c17.68 0 32-14.32 32-32v-256c0-17.68-14.32-32-32-32zM128 960h-64v-192h64v192zM1120 384h-128c-17.68 0-32 14.32-32 32v576c0 17.68 14.32 32 32 32h128c17.68 0 32-14.32 32-32v-576c0-17.68-14.32-32-32-32zM1088 960h-64v-512h64v512zM1005.54 177.36c14.7 9.12 31.88 14.64 50.46 14.64 53.020 0 96-42.98 96-96s-42.98-96-96-96-96 42.98-96 96c0 11.020 2.24 21.42 5.66 31.28l-179.2 143.36c-14.7-9.14-31.88-14.66-50.46-14.66s-35.76 5.52-50.46 14.66l-179.2-143.36c3.42-9.84 5.66-20.26 5.66-31.28 0-53.020-42.98-96-96-96s-96 42.98-96 96c0 14.8 3.62 28.64 9.6 41.16l-192.44 192.44c-12.52-5.98-26.36-9.6-41.16-9.6-53.020 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96c0-14.8-3.62-28.64-9.6-41.16l192.44-192.44c12.52 5.98 26.36 9.6 41.16 9.6 18.58 0 35.76-5.52 50.46-14.66l179.2 143.36c-3.42 9.86-5.66 20.28-5.66 31.3 0 53.020 42.98 96 96 96s96-42.98 96-96c0-11.020-2.24-21.44-5.66-31.3l179.2-143.34zM1056 64c17.64 0 32 14.36 32 32s-14.36 32-32 32-32-14.36-32-32 14.36-32 32-32zM96 448c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.36 32-32 32zM416 128c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.36 32-32 32zM736 384c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.36 32-32 32zM480 384h-128c-17.68 0-32 14.32-32 32v576c0 17.68 14.32 32 32 32h128c17.68 0 32-14.32 32-32v-576c0-17.68-14.32-32-32-32zM448 960h-64v-512h64v512zM800 640h-128c-17.68 0-32 14.32-32 32v320c0 17.68 14.32 32 32 32h128c17.68 0 32-14.32 32-32v-320c0-17.68-14.32-32-32-32zM768 960h-64v-256h64v256z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-799a99d","dynamicGClasses":[{"value":"feature-card__body","type":"global","label":"feature-card__body","css":"","attributes":{},"originalID":"gsbp-799a99d","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]}],"type":"inner","className":"feature-card__body","localId":"gsbp-799a99d"} -->
<div class="feature-card__body"><!-- wp:greenshift-blocks/element {"id":"gsbp-d35a8fc","dynamicGClasses":[{"value":"card-title","type":"global","label":"card-title","css":"body .card-title:is(h1,h2,h3,h4,h5,h6,div,p){font-size:50px;}","attributes":[],"originalID":"gsbp-781483c","originalBlock":"greenshift-blocks/heading","selectors":[]},{"value":"feature-card__heading","type":"global","label":"feature-card__heading","css":"body .feature-card__heading:is(h1,h2,h3,h4,h5,h6){color:#ffffff;}","attributes":{"styleAttributes":{"color":["#ffffff"]}},"originalID":"gsbp-d35a8fc","originalBlock":"greenshift-blocks/element","tag":"h4","selectors":[]}],"textContent":"I am a heading","tag":"h4","className":"feature-card__heading","localId":"gsbp-d35a8fc"} -->
<h4 class="feature-card__heading">I am a heading</h4>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-ccafd34","dynamicGClasses":[{"value":"feature-card__text","type":"global","label":"feature-card__text","css":"body .feature-card__text:is(p){color:#ffffff;}","attributes":{"styleAttributes":{"color":["#ffffff"]}},"originalID":"gsbp-ccafd34","originalBlock":"greenshift-blocks/element","tag":"p","selectors":[]}],"textContent":"Here goes the text..Select any part of your text to access the formatting toolbar","tag":"p","className":"feature-card__text","localId":"gsbp-ccafd34"} -->
<p class="feature-card__text">Here goes the text..Select any part of your text to access the formatting toolbar</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e151dc9","dynamicGClasses":[{"value":"feature-card","type":"global","label":"feature-card","css":"","attributes":{"styleAttributes":{}},"originalID":"gsbp-f6f88c6","originalBlock":"greenshift-blocks/element","selectors":[]}],"type":"inner","className":"feature-card","localId":"gsbp-e151dc9"} -->
<div class="feature-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-5991894","dynamicGClasses":[{"value":"feature-card__icon","type":"global","label":"feature-card__icon","css":".feature-card__icon{width:50px;height:50px;}","attributes":{"styleAttributes":{"width":["50px"],"height":["50px"]}},"originalID":"gsbp-6c08b4b","originalBlock":"greenshift-blocks/element","tag":"svg","selectors":[]}],"tag":"svg","icon":{"icon":{"font":"rhicon rhi-bolt-regular","svg":"","image":""},"type":"font"},"className":"feature-card__icon","localId":"gsbp-5991894"} -->
<svg viewBox="0 0 768 1024" width="768" height="1024" class="feature-card__icon"><path d="M755.6 335.8c-16.4-28.6-46.2-45.8-79.2-45.8h-188.8l57.4-175c7.4-27.6 1.6-56.6-15.8-79.4-17.6-22.6-44.2-35.6-72.8-35.6h-261c-45.6 0-84.6 34.2-89.6 74.2l-104.8 424.4c-3.8 27.6 4.4 55.4 22.6 76.4s44.6 33 72.4 33h196.2l-69.8 303.4c-6.4 27.4-0.2 55.8 17.2 77.8 17.4 22.2 43.6 34.8 71.8 34.8 32.6 0 63-17.6 77.6-43.2l366.4-553.4c16.8-28.6 16.8-63 0.2-91.6zM320.2 914.8l92.6-402.8h-317.8l100.4-416 255.2-1.8-95.6 291.8h313l-347.8 528.8z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-5da5d29","dynamicGClasses":[{"value":"feature-card__body","type":"global","label":"feature-card__body","css":"","attributes":{},"originalID":"gsbp-799a99d","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]}],"type":"inner","className":"feature-card__body","localId":"gsbp-5da5d29"} -->
<div class="feature-card__body"><!-- wp:greenshift-blocks/element {"id":"gsbp-a6cdfdf","dynamicGClasses":[{"value":"card-title","type":"global","label":"card-title","css":"body .card-title:is(h1,h2,h3,h4,h5,h6,div,p){font-size:50px;}","attributes":[],"originalID":"gsbp-781483c","originalBlock":"greenshift-blocks/heading","selectors":[]},{"value":"feature-card__heading","type":"global","label":"feature-card__heading","css":"","attributes":{},"originalID":"gsbp-d35a8fc","originalBlock":"greenshift-blocks/element","tag":"h4","selectors":[]}],"textContent":"I am a heading","tag":"h4","className":"feature-card__heading","localId":"gsbp-a6cdfdf"} -->
<h4 class="feature-card__heading">I am a heading</h4>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d2c3da3","dynamicGClasses":[{"value":"feature-card__text","type":"global","label":"feature-card__text","css":"","attributes":{},"originalID":"gsbp-ccafd34","originalBlock":"greenshift-blocks/element","tag":"p","selectors":[]}],"textContent":"Here goes the text..Select any part of your text to access the formatting toolbar","tag":"p","className":"feature-card__text","localId":"gsbp-d2c3da3"} -->
<p class="feature-card__text">Here goes the text..Select any part of your text to access the formatting toolbar</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-665ee48","dynamicGClasses":[{"value":"feature-card","type":"global","label":"feature-card","css":"","attributes":{"styleAttributes":{}},"originalID":"gsbp-f6f88c6","originalBlock":"greenshift-blocks/element","selectors":[]}],"type":"inner","className":"feature-card","localId":"gsbp-665ee48"} -->
<div class="feature-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-cd89d16","dynamicGClasses":[{"value":"feature-card__icon","type":"global","label":"feature-card__icon","css":".feature-card__icon{width:50px;height:50px;}","attributes":{"styleAttributes":{"width":["50px"],"height":["50px"]}},"originalID":"gsbp-6c08b4b","originalBlock":"greenshift-blocks/element","tag":"svg","selectors":[]}],"tag":"svg","icon":{"icon":{"font":"rhicon rhi-gem","svg":"","image":""},"type":"font"},"className":"feature-card__icon","localId":"gsbp-cd89d16"} -->
<svg viewBox="0 0 1152 1024" width="1152" height="1024" class="feature-card__icon"><path d="M927.4 0h-702.8c-8.4 0-16.2 4.4-20.6 11.6l-200.6 325.6c-5.4 8.8-4.4 20.2 2.4 28l552 650.4c9.6 11.2 26.8 11.2 36.4 0l552-650.4c6.8-7.8 7.6-19.2 2.4-28l-200.6-325.6c-4.4-7.2-12.2-11.6-20.6-11.6zM900.2 72l148.6 248h-166l-113.6-248h131zM690 72l113.6 248h-455.4l113.8-248h228zM251.8 72h131l-113.6 248h-166l148.6-248zM122.4 384h146l163.6 384-309.6-384zM346.4 384h459l-229.4 527.6-229.6-527.6zM720 768l163.6-384h146l-309.6 384z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-e833bc3","dynamicGClasses":[{"value":"feature-card__body","type":"global","label":"feature-card__body","css":"","attributes":{},"originalID":"gsbp-799a99d","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]}],"type":"inner","className":"feature-card__body","localId":"gsbp-e833bc3"} -->
<div class="feature-card__body"><!-- wp:greenshift-blocks/element {"id":"gsbp-39f538c","dynamicGClasses":[{"value":"card-title","type":"global","label":"card-title","css":"body .card-title:is(h1,h2,h3,h4,h5,h6,div,p){font-size:50px;}","attributes":[],"originalID":"gsbp-781483c","originalBlock":"greenshift-blocks/heading","selectors":[]},{"value":"feature-card__heading","type":"global","label":"feature-card__heading","css":"","attributes":{},"originalID":"gsbp-d35a8fc","originalBlock":"greenshift-blocks/element","tag":"h4","selectors":[]}],"textContent":"I am a heading","tag":"h4","className":"feature-card__heading","localId":"gsbp-39f538c"} -->
<h4 class="feature-card__heading">I am a heading</h4>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-cca7a30","dynamicGClasses":[{"value":"feature-card__text","type":"global","label":"feature-card__text","css":"","attributes":{},"originalID":"gsbp-ccafd34","originalBlock":"greenshift-blocks/element","tag":"p","selectors":[]}],"textContent":"Here goes the text..Select any part of your text to access the formatting toolbar","tag":"p","className":"feature-card__text","localId":"gsbp-cca7a30"} -->
<p class="feature-card__text">Here goes the text..Select any part of your text to access the formatting toolbar</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-a0f8749","dynamicGClasses":[{"value":"feature-card","type":"global","label":"feature-card","css":"","attributes":{"styleAttributes":{}},"originalID":"gsbp-f6f88c6","originalBlock":"greenshift-blocks/element","selectors":[]}],"type":"inner","className":"feature-card","localId":"gsbp-a0f8749"} -->
<div class="feature-card"><!-- wp:greenshift-blocks/element {"id":"gsbp-d7f75a3","dynamicGClasses":[{"value":"feature-card__icon","type":"global","label":"feature-card__icon","css":".feature-card__icon{width:50px;height:50px;fill:#ffffff;}","attributes":{"styleAttributes":{"width":["50px"],"height":["50px"],"fill":["#ffffff"]}},"originalID":"gsbp-6c08b4b","originalBlock":"greenshift-blocks/element","tag":"svg","selectors":[]}],"tag":"svg","icon":{"icon":{"font":"rhicon rhi-lightbulb","svg":"","image":""},"type":"font"},"className":"feature-card__icon","localId":"gsbp-d7f75a3"} -->
<svg viewBox="0 0 704 1024" width="704" height="1024" class="feature-card__icon"><path d="M352 160c-105.88 0-192 86.12-192 192 0 17.68 14.32 32 32 32s32-14.32 32-32c0-70.6 57.44-128 128-128 17.68 0 32-14.32 32-32s-14.32-32-32-32zM192.12 918.34c0 6.3 1.86 12.44 5.36 17.68l49.020 73.68c5.94 8.92 15.94 14.28 26.64 14.28h157.7c10.72 0 20.72-5.36 26.64-14.28l49.020-73.68c3.48-5.24 5.34-11.4 5.36-17.68l0.1-86.36h-319.92l0.080 86.36zM352 0c-204.56 0-352 165.94-352 352 0 88.74 32.9 169.7 87.12 231.56 33.28 37.98 85.48 117.6 104.84 184.32v0.12h96v-0.24c-0.020-9.54-1.44-19.020-4.3-28.14-11.18-35.62-45.64-129.54-124.34-219.34-41.080-46.86-63.040-106.3-63.22-168.28-0.4-147.28 119.34-256 255.9-256 141.16 0 256 114.84 256 256 0 61.94-22.48 121.7-63.3 168.28-78.22 89.22-112.84 182.94-124.2 218.92-2.805 8.545-4.428 18.381-4.44 28.594l-0 0.006v0.2h96v-0.1c19.36-66.74 71.56-146.36 104.84-184.32 54.2-61.88 87.1-142.84 87.1-231.58 0-194.4-157.6-352-352-352z" /></svg>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-12bdd88","dynamicGClasses":[{"value":"feature-card__body","type":"global","label":"feature-card__body","css":"","attributes":{},"originalID":"gsbp-799a99d","originalBlock":"greenshift-blocks/element","tag":"div","selectors":[]}],"type":"inner","className":"feature-card__body","localId":"gsbp-12bdd88"} -->
<div class="feature-card__body"><!-- wp:greenshift-blocks/element {"id":"gsbp-5e0f158","dynamicGClasses":[{"value":"card-title","type":"global","label":"card-title","css":"body .card-title:is(h1,h2,h3,h4,h5,h6,div,p){font-size:50px;}","attributes":[],"originalID":"gsbp-781483c","originalBlock":"greenshift-blocks/heading","selectors":[]},{"value":"feature-card__heading","type":"global","label":"feature-card__heading","css":"","attributes":{},"originalID":"gsbp-d35a8fc","originalBlock":"greenshift-blocks/element","tag":"h4","selectors":[]}],"textContent":"I am a heading","tag":"h4","className":"feature-card__heading","localId":"gsbp-5e0f158"} -->
<h4 class="feature-card__heading">I am a heading</h4>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-99c47af","dynamicGClasses":[{"value":"feature-card__text","type":"global","label":"feature-card__text","css":"","attributes":{},"originalID":"gsbp-ccafd34","originalBlock":"greenshift-blocks/element","tag":"p","selectors":[]}],"textContent":"Here goes the text..Select any part of your text to access the formatting toolbar","tag":"p","className":"feature-card__text","localId":"gsbp-99c47af"} -->
<p class="feature-card__text">Here goes the text..Select any part of your text to access the formatting toolbar</p>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></section>
<!-- /wp:greenshift-blocks/element -->