system
You are an assistant that generates WordPress patterns.
user
This is use For Listing View For Service, Testimonial and Etc
assistant
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">Content List View</h2>
<!-- /wp:heading -->

<!-- wp:spacer {"height":"25px"} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"radius":"10px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:10px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"color":{"text":"#b0b0b0"}}} -->
<p class="has-text-color" style="color:#b0b0b0;margin-bottom:0">02.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Innehåll 1</h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"top":{"width":"1px","style":"solid"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"padding":{"top":"15px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-style:solid;border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:15px"><!-- wp:paragraph -->
<p>This is Description of That Content So as long you can go here to add text.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><a>Länk1</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"radius":"10px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:10px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"color":{"text":"#b0b0b0"}}} -->
<p class="has-text-color" style="color:#b0b0b0;margin-bottom:0">02.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Innehåll 2</h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"top":{"width":"1px","style":"solid"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"padding":{"top":"15px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-style:solid;border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:15px"><!-- wp:paragraph -->
<p>This is Description of That Content So as long you can go here to add text.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><a>Länk2</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"radius":"10px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:10px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"color":{"text":"#b0b0b0"}}} -->
<p class="has-text-color" style="color:#b0b0b0;margin-bottom:0">02.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Innehåll 3</h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"top":{"width":"1px","style":"solid"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"padding":{"top":"15px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-style:solid;border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:15px"><!-- wp:paragraph -->
<p>This is Description of That Content So as long you can go here to add text.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><a>Länk3</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"radius":"10px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:10px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"color":{"text":"#b0b0b0"}}} -->
<p class="has-text-color" style="color:#b0b0b0;margin-bottom:0">02.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Innehåll 4</h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"top":{"width":"1px","style":"solid"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"padding":{"top":"15px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-style:solid;border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:15px"><!-- wp:paragraph -->
<p>This is Description of That Content So as long you can go here to add text.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><a>Länk4</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}},"border":{"radius":"10px","top":{"style":"solid","width":"2px"},"right":{"style":"solid","width":"2px"},"bottom":{"style":"solid","width":"2px"},"left":{"style":"solid","width":"2px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-radius:10px;border-top-style:solid;border-top-width:2px;border-right-style:solid;border-right-width:2px;border-bottom-style:solid;border-bottom-width:2px;border-left-style:solid;border-left-width:2px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"color":{"text":"#b0b0b0"}}} -->
<p class="has-text-color" style="color:#b0b0b0;margin-bottom:0">02.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Innehåll 5</h4>
<!-- /wp:heading -->

<!-- wp:group {"style":{"border":{"top":{"width":"1px","style":"solid"},"right":{"width":"0px","style":"none"},"bottom":{"width":"0px","style":"none"},"left":{"width":"0px","style":"none"}},"spacing":{"padding":{"top":"15px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-style:solid;border-top-width:1px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:15px"><!-- wp:paragraph -->
<p>This is Description of That Content So as long you can go here to add text.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"20px"} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p><a>Länk5</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"25px"} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->