Info block with icon steps

Copy code below, and paste it (CTRL+V) in content of page

<div id="gspb_row-id-gsbp-b358605f-c280" class="gspb_row gspb_row-id-gsbp-b358605f-c280 wp-block-greenshift-blocks-row alignfull gspb_row-id-gsbp-b358605f-c280 gspb_row--gutter-custom-0"><div class="gspb_row__content"> 
<div id="gspb_col-id-gsbp-ed5b5cc3-7516" class="gspb_row__col--6 wp-block-greenshift-blocks-row-column  gspb_row__col--md-12 gspb_col-id-gsbp-ed5b5cc3-7516">
<p id="gspb_text-id-gsbp-d57f8dbf-ebbd" class="gspb_text gspb_text-id-gsbp-d57f8dbf-ebbd ">Say hello to Greenshift</p>

<h2 id="gspb_heading-id-gsbp-beef79bb-8c5a" class="gspb_heading gspb_heading-id-gsbp-beef79bb-8c5a ">Get your project going in 3 steps</h2>

<div id="gspb_text-id-gsbp-d8a18471-ce57" class="gspb_text gspb_text-id-gsbp-d8a18471-ce57 ">Clarity gives you the blocks & components you need to create a truly professional website for your SaaS and gives the blocks.</div>
</div>

<div id="gspb_col-id-gsbp-2fb873b7-bae0" class="gspb_row__col--6 wp-block-greenshift-blocks-row-column  gspb_row__col--md-12 gspb_col-id-gsbp-2fb873b7-bae0">
<div id="gspb_container-id-gsbp-2387fa77-e602" class="gspb_container gspb_container-gsbp-2387fa77-e602 wp-block-greenshift-blocks-container">
<div id="gspb_iconBox-id-gsbp-f6b3157b-4605" class="gspb_iconBox gspb_iconBox-id-gsbp-f6b3157b-4605 wp-block-greenshift-blocks-iconbox"><div class="gspb_iconBox__wrapper" style="display:inline-flex"><svg class="" style="display:inline-block;vertical-align:middle" width="72" height="72" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M71.37 704.133c-51.715 51.707-77.269 181.055-70.219 318.688 138.23 7.117 267.222-18.703 318.73-70.211 80.578-80.559 85.754-187.973 12.621-261.098-73.129-73.117-180.562-67.941-261.132 12.621zM234.636 872.195c-17.172 17.168-60.168 25.773-106.238 23.398-2.348-45.871 6.168-88.984 23.406-106.219 26.855-26.852 62.66-28.578 87.035-4.207 24.375 24.375 22.652 60.176-4.203 87.027zM1010.326 38.594c-2.352-10.926-13.977-22.531-24.902-24.867-64.191-13.727-114.496-13.727-164.586-13.727-206.437 0-330.238 110.406-422.656 256h-208.406c-32.594 0-71.199 23.848-85.777 52.996l-98.844 197.598c-2.917 6.275-4.741 13.593-5.028 21.303l-0.003 0.103c0.009 26.509 21.499 47.995 48.007 48l207.907 0c0.004-0 0.009-0 0.014-0 106.041 0 192.005 85.96 192.013 191.999l0 0.001v208c0.009 26.509 21.499 47.995 48.007 48l0.001 0c7.814-0.298 15.13-2.121 21.76-5.178l-0.354 0.146 197.496-98.813c29.121-14.57 52.949-53.129 52.949-85.687v-208.875c145.176-92.625 256.039-216.813 256.039-422.188 0.187-50.301 0.187-100.602-13.637-164.812zM716.276 544.664c-50.664 32.324-15.012 13.48-198.633 104.418-29.484-63.448-79.351-113.287-141.040-141.991l-1.78-0.744c90.746-183.367 71.793-147.5 104.426-198.906 94.078-148.207 196.234-211.441 341.589-211.441 35.297 0 67.082 0 102.746 4.496 4.609 36.527 4.488 68.937 4.363 102.91-0 144.539-63.305 246.598-211.672 341.258zM736.112 208c-44.178 0.007-79.988 35.821-79.988 80 0 44.183 35.817 80 80 80s80-35.817 80-80v0c-0.022-44.178-35.833-79.984-80.010-80l-0.001-0z"></path></svg></div></div>

<div id="gspb_container-id-gsbp-e4c3ea1c-57be" class="gspb_container gspb_container-gsbp-e4c3ea1c-57be wp-block-greenshift-blocks-container">
<h3 id="gspb_heading-id-gsbp-9173823d-72ab" class="gspb_heading gspb_heading-id-gsbp-9173823d-72ab "><span style="color: #64748b;" class="stk-highlight">Step-1:</span> Start with a great design</h3>

<div id="gspb_text-id-gsbp-e8ca2cd5-82d6" class="gspb_text gspb_text-id-gsbp-e8ca2cd5-82d6 ">Clarity gives you the blocks & components you need to create a website.</div>
</div>
</div>

<div id="gspb_container-id-gsbp-fe8ef8bb-dde8" class="gspb_container gspb_container-gsbp-fe8ef8bb-dde8 wp-block-greenshift-blocks-container">
<div id="gspb_iconBox-id-gsbp-b564a029-a3f2" class="gspb_iconBox gspb_iconBox-id-gsbp-b564a029-a3f2 wp-block-greenshift-blocks-iconbox"><div class="gspb_iconBox__wrapper" style="display:inline-flex"><svg class="" style="display:inline-block;vertical-align:middle" width="72" height="72" viewBox="0 0 1152 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" 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"></path></svg></div></div>

<div id="gspb_container-id-gsbp-9f3019f2-20e3" class="gspb_container gspb_container-gsbp-9f3019f2-20e3 wp-block-greenshift-blocks-container">
<h3 id="gspb_heading-id-gsbp-a99393a2-dbfe" class="gspb_heading gspb_heading-id-gsbp-a99393a2-dbfe "><span style="color: #64748b;" class="stk-highlight">Step-2:</span> Add clever content areas</h3>

<div id="gspb_text-id-gsbp-de0058a6-d6ba" class="gspb_text gspb_text-id-gsbp-de0058a6-d6ba ">Clarity gives you the blocks & components you need to create a website.</div>
</div>
</div>

<div id="gspb_container-id-gsbp-94248aaf-3d8a" class="gspb_container gspb_container-gsbp-94248aaf-3d8a wp-block-greenshift-blocks-container">
<div id="gspb_iconBox-id-gsbp-9e57b088-94e0" class="gspb_iconBox gspb_iconBox-id-gsbp-9e57b088-94e0 wp-block-greenshift-blocks-iconbox"><div class="gspb_iconBox__wrapper" style="display:inline-flex"><svg class="" style="display:inline-block;vertical-align:middle" width="72" height="72" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M512 614.4c-3.379 0-6.758-0.669-9.934-2.006l-486.4-204.8c-9.493-3.997-15.666-13.293-15.666-23.594s6.173-19.597 15.666-23.594l486.4-204.8c6.354-2.675 13.517-2.675 19.869 0l486.4 204.8c9.493 3.997 15.666 13.293 15.666 23.594s-6.173 19.597-15.666 23.594l-486.4 204.8c-3.176 1.338-6.555 2.006-9.934 2.006zM91.57 384l420.43 177.024 420.43-177.024-420.43-177.024-420.43 177.024z"></path><path style="fill:#565D66" d="M512 768c-3.379 0-6.758-0.669-9.934-2.006l-486.4-204.8c-13.030-5.486-19.146-20.498-13.659-33.528s20.498-19.146 33.528-13.659l476.466 200.618 476.466-200.618c13.029-5.483 28.042 0.63 33.528 13.659 5.488 13.032-0.63 28.042-13.659 33.528l-486.4 204.8c-3.176 1.338-6.555 2.006-9.934 2.006z"></path><path style="fill:#565D66" d="M512 921.6c-3.379 0-6.758-0.669-9.934-2.006l-486.4-204.8c-13.030-5.486-19.146-20.498-13.659-33.528s20.498-19.144 33.528-13.659l476.466 200.618 476.466-200.618c13.029-5.483 28.042 0.63 33.528 13.659 5.488 13.032-0.63 28.042-13.659 33.528l-486.4 204.8c-3.176 1.338-6.555 2.006-9.934 2.006z"></path></svg></div></div>

<div id="gspb_container-id-gsbp-7afab42a-a5a5" class="gspb_container gspb_container-gsbp-7afab42a-a5a5 wp-block-greenshift-blocks-container">
<h3 id="gspb_heading-id-gsbp-118867ea-8621" class="gspb_heading gspb_heading-id-gsbp-118867ea-8621 "><span style="color: #64748b;" class="stk-highlight">Step-3:</span> Easily update your site</h3>

<div id="gspb_text-id-gsbp-c0bf5ffc-bdce" class="gspb_text gspb_text-id-gsbp-c0bf5ffc-bdce ">Clarity gives you the blocks & components you need to create a website.</div>
</div>
</div>
</div>
 </div></div>

Say hello to Greenshift

Get your project going in 3 steps

Clarity gives you the blocks & components you need to create a truly professional website for your SaaS and gives the blocks.

Step-1: Start with a great design

Clarity gives you the blocks & components you need to create a website.

Step-2: Add clever content areas

Clarity gives you the blocks & components you need to create a website.

Step-3: Easily update your site

Clarity gives you the blocks & components you need to create a website.