OwlCyberSecurity - MANAGER

Edit File: section-with-3-columns.php

<?php /** * Title: Section with 3 columns * Slug: inspiro/section-with-3-columns * Description: * Categories: inspiro, columns * Keywords: * Viewport Width: 1280 * Block Types: * Post Types: * Inserter: true * Custom Categories: Inspiro */ register_block_pattern_category( 'inspiro', [ 'label' => __( 'Inspiro', 'inspiro' ), 'pm_custom' => true ] ); ?> <!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"left","style":{"color":{"text":"#0bb4aa"}}} --> <p class="has-text-align-left has-text-color" style="color:#0bb4aa">WHAT WE DO</p> <!-- /wp:paragraph --> <!-- wp:heading {"textAlign":"left","level":3,"fontSize":"large"} --> <h3 class="wp-block-heading has-text-align-left has-large-font-size">Bring the world to <br>your solutions</h3> <!-- /wp:heading --> <!-- wp:spacer {"height":"64px"} --> <div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"width":"0px","style":"none"}},"className":"is-style-default"} --> <div class="wp-block-column is-style-default" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:outermost/icon-block {"iconName":"","itemsJustification":"left","customIconColor":"#0bb4aa","iconColorValue":"#0bb4aa","align":"center"} --> <div class="wp-block-outermost-icon-block aligncenter items-justified-left"><div class="icon-container has-icon-color" style="color:#0bb4aa;width:48px"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="https://www.w3.org/2000/svg"><path d="M50 27.7778H31.6667L44.7222 40.8333L40.8333 44.7222L27.7778 31.6667V50H22.2222V31.3889L9.16667 44.4444L5.27778 40.5556L17.7778 27.7778H0V22.2222H18.3333L5.27778 9.16667L9.16667 5.27778L22.2222 18.3333V0H27.7778V17.7778L40.5556 5L44.4444 9.16667L31.3889 22.2222H50V27.7778Z" fill="var(--wp--preset--color--primary)"></path></svg></div></div> <!-- /wp:outermost/icon-block --> <!-- wp:heading --> <h2 class="wp-block-heading">Service 1</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><a href="#">Learn more →</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"width":"0px","style":"none"}},"className":"is-style-default"} --> <div class="wp-block-column is-style-default" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:outermost/icon-block {"iconName":"","itemsJustification":"left","customIconColor":"#0bb4aa","iconColorValue":"#0bb4aa","align":"center"} --> <div class="wp-block-outermost-icon-block aligncenter items-justified-left"><div class="icon-container has-icon-color" style="color:#0bb4aa;width:48px"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="https://www.w3.org/2000/svg"><path d="M50 27.7778H31.6667L44.7222 40.8333L40.8333 44.7222L27.7778 31.6667V50H22.2222V31.3889L9.16667 44.4444L5.27778 40.5556L17.7778 27.7778H0V22.2222H18.3333L5.27778 9.16667L9.16667 5.27778L22.2222 18.3333V0H27.7778V17.7778L40.5556 5L44.4444 9.16667L31.3889 22.2222H50V27.7778Z" fill="var(--wp--preset--color--primary)"></path></svg></div></div> <!-- /wp:outermost/icon-block --> <!-- wp:heading --> <h2 class="wp-block-heading">Service 2</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><a href="#">Learn more →</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --> <!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"border":{"width":"0px","style":"none"}},"className":"is-style-default"} --> <div class="wp-block-column is-style-default" style="border-style:none;border-width:0px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:outermost/icon-block {"iconName":"","itemsJustification":"left","customIconColor":"#0bb4aa","iconColorValue":"#0bb4aa","align":"center"} --> <div class="wp-block-outermost-icon-block aligncenter items-justified-left"><div class="icon-container has-icon-color" style="color:#0bb4aa;width:48px"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="https://www.w3.org/2000/svg"><path d="M50 27.7778H31.6667L44.7222 40.8333L40.8333 44.7222L27.7778 31.6667V50H22.2222V31.3889L9.16667 44.4444L5.27778 40.5556L17.7778 27.7778H0V22.2222H18.3333L5.27778 9.16667L9.16667 5.27778L22.2222 18.3333V0H27.7778V17.7778L40.5556 5L44.4444 9.16667L31.3889 22.2222H50V27.7778Z" fill="var(--wp--preset--color--primary)"></path></svg></div></div> <!-- /wp:outermost/icon-block --> <!-- wp:heading --> <h2 class="wp-block-heading">Service 3</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><a href="#">Learn more →</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->