Our 3 Step Process
1. Introductory
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
2. Planning
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
3. Launch
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Get the Code – Accordion – 3 Steps 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/container {"id":"gsbp-41d9b494-40a7","inlineCssStyles":null,"align":"full"} -->
<div class="wp-block-greenshift-blocks-container alignfull gspb_container gspb_container-gsbp-41d9b494-40a7" id="gspb_container-id-gsbp-41d9b494-40a7"><!-- wp:greenshift-blocks/heading {"id":"gsbp-7bf401fc-50cc","inlineCssStyles":null,"headingContent":"Our \u003cmark style=\u0022background-color:rgba(0, 0, 0, 0)\u0022 class=\u0022has-inline-color has-palette-color-2-color\u0022\u003e3 Step\u003c/mark\u003e Process","spacing":{"margin":{"values":{"top":["0px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"alignment":["center"],"textShadow":{},"sizeUnit":"em","size":[3.5],"fontFamily":{"value":"Poppins","label":"Poppins","fontIndex":709},"customweight":"bold"}} -->
<h2 id="gspb_heading-id-gsbp-7bf401fc-50cc" class="gspb_heading gspb_heading-id-gsbp-7bf401fc-50cc ">Our <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-palette-color-2-color">3 Step</mark> Process</h2>
<!-- /wp:greenshift-blocks/heading -->
<!-- wp:greenshift-blocks/row {"id":"gsbp-b4d1a08b-69b2","inlineCssStyles":null,"rowLayout":"2","brp_rowLayout":[null,"30",null],"columnPosition":"center","displayStyles":false} -->
<div class="wp-block-greenshift-blocks-row gspb_row gspb_row-id-gsbp-b4d1a08b-69b2" id="gspb_row-id-gsbp-b4d1a08b-69b2"><div class="gspb_row__content"> <!-- wp:greenshift-blocks/row-column {"id":"gsbp-fb557c4d-1027","inlineCssStyles":null,"columnSize":"6","brp_columnSize":[null,"12",null],"background":{"color":"var(\u002d\u002dtheme-palette-color-3, #3A4F66)"}} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--sm-12 gspb_col-id-gsbp-fb557c4d-1027" id="gspb_col-id-gsbp-fb557c4d-1027"><!-- wp:greenshift-blocks/image {"id":"gsbp-504a0fd6-e078","inlineCssStyles":null,"align":["center",null,null,null],"width":["custom",null,"custom","custom"],"widthUnit":["%","px","px","px"],"customWidth":[100,null,300,198],"originalWidth":1036,"originalHeight":679,"position":{"positionType":["","","",""],"positions":{"values":{}},"Zindex":null},"mediaurl":"https://gstemplates.com/wp-content/uploads/2023/03/1036x679.webp","mediaid":932,"alt":""} -->
<div class="wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-504a0fd6-e078" id="gspb_image-id-gsbp-504a0fd6-e078"><img src="https://gstemplates.com/wp-content/uploads/2023/03/1036x679.webp" data-src="" alt="" width="100" height="679"/></div>
<!-- /wp:greenshift-blocks/image --></div>
<!-- /wp:greenshift-blocks/row-column -->
<!-- wp:greenshift-blocks/row-column {"id":"gsbp-02022f90-da4f","inlineCssStyles":null,"columnSize":"6","brp_columnSize":[null,"12",null],"background":{"color":"#f4f4f4"}} -->
<div class="wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--sm-12 gspb_col-id-gsbp-02022f90-da4f" id="gspb_col-id-gsbp-02022f90-da4f"><!-- wp:greenshift-blocks/accordion {"id":"gsbp-e3acd5ce-51e4","inlineCssStyles":null,"toggleone":true,"tabs":3,"titlebackground":{"color":"#f9f9f9","backgroundMode":"normal"},"align":"left","shadow":{"hoffset":0,"voffset":15,"blur":25,"spread":0,"color":"rgba(0, 0, 0, 0.1)","position":null},"typography":{"textShadow":{},"fontFamily":{"value":"Poppins","label":"Poppins","fontIndex":709},"sizeUnit":"em","size":[1.5]},"spacing":{"margin":{"values":{"left":[-50,null,0,0],"right":[null,null,0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"itemspacing":{"margin":{"values":{"bottom":[15]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}}} -->
<div class="wp-block-greenshift-blocks-accordion gs-accordion gspb_accordion-id-gsbp-e3acd5ce-51e4 togglelogic" id="gspb_accordion-id-gsbp-e3acd5ce-51e4" itemscope itemtype=""><!-- wp:greenshift-blocks/accordionitem {"id":"gsbp-6d2e4bef-ef86","inlineCssStyles":null,"title":"1. Introductory","open":true,"titlebackground":{"color":"var(\u002d\u002dtheme-palette-color-2, #1559ed)","backgroundMode":"hover","hoverColor":"var(\u002d\u002dtheme-palette-color-4, #192a3d)"},"titlecolor":"var(\u002d\u002dtheme-palette-color-8, #ffffff)","titlebordercolor":"#00000000"} -->
<div class="wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-6d2e4bef-ef86 gsopen" id="gspb_accordionitem-gsbp-6d2e4bef-ef86" itemscope><div class="gs-accordion-item__title"><h3 class="gs-accordion-item__heading">1. Introductory</h3><meta itemprop="name" content="1. Introductory"/><span class="iconfortoggle"><span class="gs-iconbefore"></span><span class="gs-iconafter"></span></span></div><div class="gs-accordion-item__content" itemscope><div class="gs-accordion-item__text" itemprop="text"><!-- wp:paragraph {"placeholder":"Add content here or replace by custom block","dynamicAttributes":{"toolsetDSVersion":"252000"}} -->
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/accordionitem -->
<!-- wp:greenshift-blocks/accordionitem {"id":"gsbp-cfc12365-c7d3","inlineCssStyles":null,"title":"2. Planning","titlebackground":{"color":"var(\u002d\u002dtheme-palette-color-1, #2872fa)","backgroundMode":"hover","hoverColor":"var(\u002d\u002dtheme-palette-color-4, #192a3d)"},"titlecolor":"var(\u002d\u002dtheme-palette-color-8, #ffffff)","titlebordercolor":"#ffffff00"} -->
<div class="wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-cfc12365-c7d3 gsclose" id="gspb_accordionitem-gsbp-cfc12365-c7d3" itemscope><div class="gs-accordion-item__title"><h3 class="gs-accordion-item__heading">2. Planning</h3><meta itemprop="name" content="2. Planning"/><span class="iconfortoggle"><span class="gs-iconbefore"></span><span class="gs-iconafter"></span></span></div><div class="gs-accordion-item__content" itemscope><div class="gs-accordion-item__text" itemprop="text"><!-- wp:paragraph {"placeholder":"Add content here or replace by custom block","dynamicAttributes":{"toolsetDSVersion":"252000"}} -->
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/accordionitem -->
<!-- wp:greenshift-blocks/accordionitem {"id":"gsbp-840f6dc2-ccdc","inlineCssStyles":null,"title":"3. Launch","titlebackground":{"color":"var(\u002d\u002dtheme-palette-color-1, #2872fa)","backgroundMode":"hover","hoverColor":"var(\u002d\u002dtheme-palette-color-4, #192a3d)"},"titlecolor":"var(\u002d\u002dtheme-palette-color-8, #ffffff)","titlebordercolor":"#ffffff00"} -->
<div class="wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-840f6dc2-ccdc gsclose" id="gspb_accordionitem-gsbp-840f6dc2-ccdc" itemscope><div class="gs-accordion-item__title"><h3 class="gs-accordion-item__heading">3. Launch</h3><meta itemprop="name" content="3. Launch"/><span class="iconfortoggle"><span class="gs-iconbefore"></span><span class="gs-iconafter"></span></span></div><div class="gs-accordion-item__content" itemscope><div class="gs-accordion-item__text" itemprop="text"><!-- wp:paragraph {"placeholder":"Add content here or replace by custom block","dynamicAttributes":{"toolsetDSVersion":"252000"}} -->
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<!-- /wp:paragraph --></div></div></div>
<!-- /wp:greenshift-blocks/accordionitem --></div>
<!-- /wp:greenshift-blocks/accordion --></div>
<!-- /wp:greenshift-blocks/row-column --> </div></div>
<!-- /wp:greenshift-blocks/row --></div>
<!-- /wp:greenshift-blocks/container -->