grid brandpanel3

content/page/grid/brandPanel3/index.md

@@ -0,0 +1,8 @@
+---
+id: grid_brandPanel3
+title: THE POWER OF OPEN-SOURCE 
+btnTxt: Hardware Options
+sourceUrl: '#'
+image: open_source.jpg # src/assets/brandPanel/..
+---
+Most modern computers can be booted with ThreeFold’s operating-system, Zero-OS. All you need is electricity, bandwidth and compatible hardware to connect capacity to the network

content/page/grid/grid.md

@@ -13,4 +13,5 @@ button: Take Part
 link: "#"
 brandPanel: grid_brandPanel
 brandPanel2: grid_brandPanel2
+brandPanel3: grid_brandPanel3
 ---

src/components/marketing/sections/cta-sections/BrandPanel.vue

@@ -476,6 +476,47 @@
           </div>
         </div>
       </div>
+
+      <div
+        v-else-if="id == 'grid' && brandPanel3"
+        class="flex flex-wrap lg:text-left lg:pt-16 px-4"
+      >
+        <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
+          <div class="lg:self-center">
+            <h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
+              {{ brand.title }}
+            </h2>
+            <div
+              class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
+              v-html="brand.content"
+            ></div>
+            <a
+              v-if="brand.btnTxt"
+              target="_blank"
+              :href="brand.sourceUrl"
+              class="
+                inline-block
+                bg-white
+                text-sm
+                learn-button
+                hover:bg-gray-400
+                px-12
+                py-1
+                mr-5
+                mb-4
+                border-2
+                shadow
+                border-black
+              "
+              >{{ brand.btnTxt }}</a
+            >
+          </div>
+        </div>
+        <div class="lg:w-1/2 px-2 self-center">
+          <g-image :src="image" :alt="brand.title" />
+        </div>
+      </div>
+
       <div
         v-else
         class="

src/templates/MarkdownPage.vue

@@ -339,6 +339,8 @@
        brandPanel3{
          id
          title
+         btnTxt
+         sourceUrl
          content
          image
        }