FEATURES & SERVICES
Core Values Section
A modern Core Values Section pattern designed to highlight your company’s guiding principles. It features three value cards with icons, bold titles, and concise descriptions. Perfect for About pages, company profiles, and product landing pages to build trust and credibility.
Our Core Values
The principles that guide everything we do at ConvertForce.
Simplicity
We create plugins that are easy to use and focus only on what really matters.
WordPress Native
We keep our products aligned with the WordPress experience, so they feel natural and intuitive.
Affordable
We make sure our plugins remain budget-friendly while delivering premium quality.
Pattern Markup
<!-- wp:group {"align":"full","style":{"color":{"background":"#f8fafc"},"spacing":{"padding":{"top":"88px","bottom":"88px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#f8fafc;padding-top:88px;padding-bottom:88px"><!-- wp:group {"align":"wide","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"clamp(28px,4.5vw,44px)","lineHeight":"1.2"},"spacing":{"margin":{"bottom":"6px"}}}} -->
<h2 class="wp-block-heading has-text-align-center" id="our-core-values" style="margin-bottom:6px;font-size:clamp(28px,4.5vw,44px);line-height:1.2">Our Core Values</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"clamp(15px,2.2vw,18px)"},"color":{"text":"#6b7280"}}} -->
<p class="has-text-align-center has-text-color" style="color:#6b7280;font-size:clamp(15px,2.2vw,18px)">The principles that guide everything we do at ConvertForce.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"40px"},"blockGap":{"top":"28px","left":"28px"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:40px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"color":"#e5e7eb","width":"1px","radius":"16px"},"spacing":{"padding":{"top":"32px","right":"28px","bottom":"32px","left":"28px"},"blockGap":"12px"},"color":{"background":"#ffffff"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:32px;padding-right:28px;padding-bottom:32px;padding-left:28px"><!-- wp:ub/icon {"icon":{"iconName":"plusCircle","type":"wordpress"},"padding":{"bottom":"var:preset|spacing|x-small"},"size":"50px"} -->
<div style="--ub-icon-rotation:rotate(0deg);--ub-icon-size:50px;--ub-icon-justification:center;--ub-icon-padding-bottom:var(--wp--preset--spacing--x-small);--ub-icon-border-top: undefined;--ub-icon-border-right: undefined;--ub-icon-border-bottom: undefined;--ub-icon-border-left: undefined" class="wp-block-ub-icon"><div class="ub_icon"><div class="ub_icon_wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" aria-hidden="true"><path d="M10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6zM10 1c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm1-11H9v3H6v2h3v3h2v-3h3V9h-3V6z"></path></svg></div></div></div>
<!-- /wp:ub/icon -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontSize":"22px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"6px"}}}} -->
<h4 class="wp-block-heading has-text-align-center" id="simplicity" style="margin-top:0;margin-bottom:6px;font-size:22px;font-weight:700">Simplicity</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"typography":{"fontSize":"18px","lineHeight":"1.7"}}} -->
<p class="has-text-align-center has-text-color" style="color:#4b5563;font-size:18px;line-height:1.7">We create plugins that are easy to use and focus only on what really matters.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"color":"#e5e7eb","width":"1px","radius":"16px"},"spacing":{"padding":{"top":"32px","right":"28px","bottom":"32px","left":"28px"},"blockGap":"12px"},"color":{"background":"#ffffff"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:32px;padding-right:28px;padding-bottom:32px;padding-left:28px"><!-- wp:ub/icon {"icon":{"iconName":"wordpress","type":"wordpress"},"padding":{"bottom":"var:preset|spacing|x-small"},"size":"50px"} -->
<div style="--ub-icon-rotation:rotate(0deg);--ub-icon-size:50px;--ub-icon-justification:center;--ub-icon-padding-bottom:var(--wp--preset--spacing--x-small);--ub-icon-border-top: undefined;--ub-icon-border-right: undefined;--ub-icon-border-bottom: undefined;--ub-icon-border-left: undefined" class="wp-block-ub-icon"><div class="ub_icon"><div class="ub_icon_wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg></div></div></div>
<!-- /wp:ub/icon -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontSize":"22px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"6px"}}}} -->
<h4 class="wp-block-heading has-text-align-center" id="wordpress-native" style="margin-top:0;margin-bottom:6px;font-size:22px;font-weight:700">WordPress Native</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"typography":{"fontSize":"18px","lineHeight":"1.7"}}} -->
<p class="has-text-align-center has-text-color" style="color:#4b5563;font-size:18px;line-height:1.7">We keep our products aligned with the WordPress experience, so they feel natural and intuitive.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"border":{"color":"#e5e7eb","width":"1px","radius":"16px"},"spacing":{"padding":{"top":"32px","right":"28px","bottom":"32px","left":"28px"},"blockGap":"12px"},"color":{"background":"#ffffff"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:32px;padding-right:28px;padding-bottom:32px;padding-left:28px"><!-- wp:ub/icon {"icon":{"iconName":"currencyDollar","type":"wordpress"},"padding":{"bottom":"var:preset|spacing|x-small"},"size":"50px"} -->
<div style="--ub-icon-rotation:rotate(0deg);--ub-icon-size:50px;--ub-icon-justification:center;--ub-icon-padding-bottom:var(--wp--preset--spacing--x-small);--ub-icon-border-top: undefined;--ub-icon-border-right: undefined;--ub-icon-border-bottom: undefined;--ub-icon-border-left: undefined" class="wp-block-ub-icon"><div class="ub_icon"><div class="ub_icon_wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zm-1.338 4.877c-.314.22-.412.452-.412.623 0 .171.098.403.412.623.312.218.783.377 1.338.377.825 0 1.605.233 2.198.648.59.414 1.052 1.057 1.052 1.852 0 .795-.461 1.438-1.052 1.852-.41.286-.907.486-1.448.582v.316a.75.75 0 01-1.5 0v-.316a3.64 3.64 0 01-1.448-.582c-.59-.414-1.052-1.057-1.052-1.852a.75.75 0 011.5 0c0 .171.098.403.412.623.312.218.783.377 1.338.377s1.026-.159 1.338-.377c.314-.22.412-.452.412-.623 0-.171-.098-.403-.412-.623-.312-.218-.783-.377-1.338-.377-.825 0-1.605-.233-2.198-.648-.59-.414-1.052-1.057-1.052-1.852 0-.795.461-1.438 1.052-1.852a3.64 3.64 0 011.448-.582V7.5a.75.75 0 011.5 0v.316c.54.096 1.039.296 1.448.582.59.414 1.052 1.057 1.052 1.852a.75.75 0 01-1.5 0c0-.171-.098-.403-.412-.623-.312-.218-.783-.377-1.338-.377s-1.026.159-1.338.377z"></path></svg></div></div></div>
<!-- /wp:ub/icon -->
<!-- wp:heading {"textAlign":"center","level":4,"style":{"typography":{"fontSize":"22px","fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"6px"}}}} -->
<h4 class="wp-block-heading has-text-align-center" id="affordable" style="margin-top:0;margin-bottom:6px;font-size:22px;font-weight:700">Affordable</h4>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#4b5563"},"typography":{"fontSize":"18px","lineHeight":"1.7"}}} -->
<p class="has-text-align-center has-text-color" style="color:#4b5563;font-size:18px;line-height:1.7">We make sure our plugins remain budget-friendly while delivering premium quality.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->How to Use This Pattern
Insert the pattern into your About or Landing Page.
Replace the sample values (Simplicity, WordPress Native, Affordable) with your own brand values.
Update the icons to better match your company’s identity.
Adjust the colors and typography to align with your website branding.
Add or remove cards as needed if you have more or fewer values.
