From decb07d355addf6b649028b3575c4631d949b689 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Tue, 29 Aug 2023 14:58:35 +0500
Subject: [PATCH] update services pattern

---
 patterns/services.php | 659 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 626 insertions(+), 33 deletions(-)

diff --git a/patterns/services.php b/patterns/services.php
index 47d0a1c..651f273 100644
--- a/patterns/services.php
+++ b/patterns/services.php
@@ -8,47 +8,640 @@
 ?>
 
 <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
-<div class="wp-block-columns" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
-<div class="wp-block-column" style="flex-basis:25%"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
-<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Hosted Tools</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Infrastructure
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:column {"width":"75%"} -->
-<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
-<p style="font-size:18px;line-height:2">Mastodon/Hometown<br>Nextcloud<br>Matrix<br>MediaWiki<br>Outline<br>Discourse<br>Peertube</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Co-op Cloud application packaging and deployment</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Linux server administration (Debian, Ubuntu)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Docker/Docker Swarm</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>CI/CD pipelines (Drone)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Advanced Bash scripting</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Single Sign-On (oauth, Keycloak, passwordless login)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Bots/Automation flows (N8n/Bash/Webhooks)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Databases (MySQL, PostgreSQL, MSSQL)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>NoSQL Databases (Memcache, Redis, MongoDB)</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
 <!-- /wp:columns -->
 
 <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
-<div class="wp-block-columns has-button-color has-text-color" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
-<div class="wp-block-column" style="flex-basis:25%"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
-<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Websites</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Development
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:column {"width":"75%"} -->
-<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
-<p style="font-size:18px;line-height:2">Wordpress<br>Custom<br>Etc.</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Wordpress</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Static sites / flat-files CMS (Jekyll, Hugo, Grav etc)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Python (Django, Flask)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Javascript (React, Gatsby)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Go</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>PHP</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>C/C++/D/Rust</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>HTML</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>CSS</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Ruby</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Elm</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Website Performance optimisation</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Analytics (goals, events etc - Matomo, Plausible)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Automated testing</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Monitoring / Graphs</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
 <!-- /wp:columns -->
 
 <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
-<div class="wp-block-columns has-secondary-color has-text-color" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
-<div class="wp-block-column" style="flex-basis:25%"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
-<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">&amp; more</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
+  <div
+    class="wp-block-columns has-secondary-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Technical Support
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:column {"width":"75%"} -->
-<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
-<p style="font-size:18px;line-height:2">Support<br>Training<br>Design<br>Bespoke dev<br>Whatever u got honestly</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Responsive and empathetic first and second line support</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Procurement advice (what software to use)</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
 <!-- /wp:columns -->
 
-<!-- wp:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
-<p style="font-size:18px">Our prices for hosted services start at £5/month (+VAT) for small instances of simple applications.</p>
-<!-- /wp:paragraph -->
\ No newline at end of file
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Organisational Strategy
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Audience mapping</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Communications analysis &amp; planning</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Goal-setting</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Technical workflows</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Consensus decision making</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Sociocracy</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Non-Violent Communication</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Community Building</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Project Management</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Kanban/issue trackers</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Design
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Logo design</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Visual identity design (branding)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Website design</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Design for print</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Illustration</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Photography</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Photo editing</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
+  <div
+    class="wp-block-columns has-secondary-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Usability
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>User experience testing</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Interaction design</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Training
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Documentation</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Workshop design and delivery</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>One-to-one training</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Science
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Sustainable agriculture / climate science</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Physics</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Maths</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
+  <div
+    class="wp-block-columns has-secondary-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Music Production
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Mixing/mastering</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Encoding/transcoding/production</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Live sound</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Composition for moving image</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Video
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Editing</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Motion graphics</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Stop motion animation</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Linguistics
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Copywriting (English, Brazilian Portuguese, Polish, Urdu)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Translation English to Polish</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Translation English to Brazilian Portuguese</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:paragraph -->
+  <p>
+    If you have a dream to build something to make the world a better place, we
+    can help. If you have an existing infrastructure that's feeling a bit
+    creaky, we can give it some tender loving care.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We design systems using only the best open source technologies, integrated
+    into your practices to get stuff done. No artificial limitations are imposed
+    as is common with bigger providers.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We'll give you an honest appraisal of your needs and we aim to explain the
+    technical requirements and challenges encountered in a language anyone can
+    understand.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We focus on building long term relationships with our clients that are
+    mutually beneficial and sustainable. Tend to your digital garden and
+    <a href="mailto:boop@autonomic.zone">drop us an email</a> today.
+  </p>
+<!-- /wp:paragraph -->