feat: create templace for services page
continuous-integration/drone/push Build is passing Details

This commit is contained in:
desmukh 2023-01-26 23:02:35 +05:00
parent 513576851e
commit 9719f37a4b
4 changed files with 264 additions and 2 deletions

20
patterns/service-card.php Normal file
View File

@ -0,0 +1,20 @@
<?php
/**
* Title: Autonomic Service Card
* Slug: autonomic/service-card
* Description: Card for Service page
* Categories: autonomic
*/
?>
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Mastodon</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

View File

@ -55,4 +55,23 @@ with others.
.wp-block-navigation-item.current-menu-item {
color: var(--wp--preset--color--secondary)
}
.service-card {
max-width: 48%;
}
.kt-tab-title-2 {
color: var(--wp--preset--color--orange) !important;
border-color: var(--wp--preset--color--orange) !important;
}
.kt-tab-title-3 {
color: var(--wp--preset--color--secondary) !important;
border-color: var(--wp--preset--color--secondary) !important;
}
.contact-monster {
display: flex;
align-items: flex-end;
height: 100%;
}

211
templates/services.html Normal file
View File

@ -0,0 +1,211 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:188px;padding-right:64px"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"64%"} -->
<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"}},"fontSize":"medium"} -->
<p class="has-medium-font-size" style="text-transform:uppercase">Choose a category of service</p>
<!-- /wp:paragraph -->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"64px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-bottom:64px"><!-- wp:kadence/tabs {"uniqueID":"_812ee9-ed","contentBgColor":"#F5FBF8","contentBorderColor":"#bcbcbc","contentBorder":[0,0,0,0],"innerPadding":[62,0,0,0],"innerPaddingControl":"individual","titles":[{"text":"Hosted tools","icon":"","iconSide":"right","onlyIcon":false,"subText":"","anchor":""},{"text":"Websites","icon":"","iconSide":"right","onlyIcon":false,"subText":"","anchor":""},{"text":"\u0026amp; more","icon":"","iconSide":"right","onlyIcon":false,"subText":"","anchor":""}],"titleColor":"#dc3e9d","titleColorHover":"#dc3e9d","titleColorActive":"#dc3e9d","titleBg":"#F5FBF8","titleBgHover":"rgba(255,255,255,0)","titleBgActive":"rgba(255,255,255,0)","titleBorder":"#dc3e9d","titleBorderHover":"#e2e2e2","titleBorderActive":"#dc3e9d","titleBorderWidth":[1,1,1,1],"titleBorderRadius":[0,0,0,0],"titleBorderRadiusControl":"linked","titlePadding":[8,20,8,20],"titleMargin":[0,8,0,0],"size":13,"lineHeight":1.4,"lineType":"em","fontWeight":"bold","textTransform":"uppercase","startTab":1} -->
<div class="wp-block-kadence-tabs alignnone"><div class="kt-tabs-wrap kt-tabs-id_812ee9-ed kt-tabs-has-3-tabs kt-active-tab-1 kt-tabs-layout-tabs kt-tabs-tablet-layout-inherit kt-tabs-mobile-layout-inherit kt-tab-alignment-left " style="max-width:none"><ul class="kt-tabs-title-list"><li id="tab-hostedtools" class="kt-title-item kt-title-item-1 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-active"><a href="#tab-hostedtools" data-tab="1" class="kt-tab-title kt-tab-title-1 "><span class="kt-title-text">Hosted tools</span></a></li><li id="tab-websites" class="kt-title-item kt-title-item-2 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-websites" data-tab="2" class="kt-tab-title kt-tab-title-2 "><span class="kt-title-text">Websites</span></a></li><li id="tab-ampmore" class="kt-title-item kt-title-item-3 kt-tabs-svg-show-always kt-tabs-icon-side-right kt-tab-title-inactive"><a href="#tab-ampmore" data-tab="3" class="kt-tab-title kt-tab-title-3 "><span class="kt-title-text">&amp; more</span></a></li></ul><div class="kt-tabs-content-wrap"><!-- wp:kadence/tab {"uniqueID":"_83c147-3b"} -->
<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-1 kt-inner-tab_83c147-3b"><div class="kt-tab-inner-content-inner"><!-- wp:group {"layout":{"type":"flex","orientation":"horizontal"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Mastodon</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Nextcloud</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Matrix</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">MediaWiki</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Outline</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Discourse</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:kadence/tab -->
<!-- wp:kadence/tab {"id":2,"uniqueID":"_e1f8a6-f8"} -->
<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-2 kt-inner-tab_e1f8a6-f8"><div class="kt-tab-inner-content-inner"><!-- wp:group {"layout":{"type":"flex","orientation":"horizontal"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Wordpress</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Custom</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Etc</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:kadence/tab -->
<!-- wp:kadence/tab {"id":3,"uniqueID":"_6f563a-90"} -->
<div class="wp-block-kadence-tab kt-tab-inner-content kt-inner-tab-3 kt-inner-tab_6f563a-90"><div class="kt-tab-inner-content-inner"><!-- wp:group {"layout":{"type":"flex","orientation":"horizontal"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Support</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Training</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Design</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Bespoke Dev</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
<div class="wp-block-group service-card" style="border-width:1px"><!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-width:1px"><!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
<h3 class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);font-size:14px;text-transform:uppercase">Etc</h3>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
<p class="has-small-font-size" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:kadence/tab --></div></div></div>
<!-- /wp:kadence/tabs --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"16%"} -->
<div class="wp-block-column" style="flex-basis:16%"><!-- wp:group {"className":"contact-monster","layout":{"type":"constrained"}} -->
<div class="wp-block-group contact-monster"><!-- wp:image {"id":275,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="http://autonomic.local/wp-content/uploads/2023/01/monster-contact.png" alt="" class="wp-image-275"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->

View File

@ -4,10 +4,17 @@
"customTemplates": [
{
"name": "about",
"title": "About page",
"postTypes": [
"page"
],
"title": "About page"
]
},
{
"name": "services",
"title": "Services page",
"postTypes": [
"page"
]
}
],
"settings": {
@ -46,6 +53,11 @@
"slug": "contrast-text",
"color": "#FFF",
"name": "Contrast text"
},
{
"slug": "orange",
"color": "#FF7613",
"name": "Orange"
}
]
},