Rename education to training

src/website/config.yaml

@@ -134,10 +134,10 @@ menus:
       weight: 43
     - name: solutions-training
       title: Training
-      url: /training/
+      url: /education/
       parent: solutions
       weight: 44
-    - name: solutions-training
+    - name: solutions-security
       title: Security Advisories
       url: /security/
       parent: solutions

src/website/content/training.md

@@ -1,4 +1,5 @@
 ---
 title: http4k Training
 description: Get up to speed with http4k, whether you're just starting out or looking to scale up.
----
+type: solutions
+---

src/website/data/cta.yaml

@@ -11,9 +11,9 @@
   alt: "faq"
   link: "/consulting/"
   text: "Unlock peak performance"
-- title: "Education"
+- title: "Training"
   description: "We provide hands-on training to help you get the most out of http4k. You can get help from the creators of http4k to learn how to use it effectively."
   img: "/images/faq.svg"
-  alt: "education"
-  link: "maito:[email protected]"
+  alt: "training"
+  link: "/training/"
   text: "Level up your team"

src/website/layouts/solutions/list.html

@@ -2,11 +2,11 @@
 
 <div class="layout d-flex">
     <main class="main-content">
-        <div class="row mt-5">
+        <div class="row my-5">
             <h1>http4k Solutions</h1>
             Maximize your productivity with http4k, leveraging the simplicity and power of the world’s most flexible and lightweight HTTP libraries. http4k Solutions equips your developers with the tools to build, modernize, and maintain cutting-edge web applications with ease.
         </div>
-        <div class="row mt-5">
+        <div class="row my-5">
             <div class="container">
                 <div class="row row-cols-1 row-cols-xl-3">
                     {{ range .Site.Data.solutions.top }}
@@ -23,18 +23,18 @@ <h3>{{ .title }}</h3>
                     </div>
                     {{ end }}
                 </div>
-                <div class="row row-cols-3 px-4 justify-content-center">
+                <div class="row row-cols-3 p-4 justify-content-center">
                     <div class="col-6 d-flex justify-content-center">
                         <a class="btn btn-primary w-100" href="mailto:[email protected]?subject=http4k Solutions">Talk to an expert</a>
                     </div>
                 </div>
             </div>
         </div>
-        <div class="row mt-5">
+        <div class="row my-5">
             <div class="container">
                 <div class="row row-cols-1 row-cols-xl-3">
                     {{ range .Site.Data.solutions.bottom }}
-                    <div class="col">
+                    <div class="col p-3">
                         <div class="row">
                             <div class="col-2 p-1">
                                 <img src="{{ .img }}" alt="{{ .alt }}"/>