add technology section

content/header/_index.md

@@ -10,6 +10,7 @@ extra:
 
 - [Home]("/")
 - [About]("/about")
+- [Technology]("/technology")
 - [Contact]("/contact")
 
 

content/technology/index.md

@@ -0,0 +1,9 @@
+---
+title: "About"
+description: ""
+date: 2018-09-14
+updated: 2021-02-20
+draft: false
+weight: 3
+template: "layouts/technology.html"
+---

templates/layouts/technology.html

@@ -0,0 +1,16 @@
+{% extends "_default/base.html" %}
+{% block content %}
+<!-- mycelium.md page template, has a banner and rows of page summaries -->
+
+
+
+<div>
+    {% set page = get_page(path="technology/index.md") %}
+    {{page.content | safe}}
+</div>
+
+
+{% include "partials/technology1.html" %}
+{% include "partials/technology2.html" %}
+
+{% endblock content %}

templates/partials/technology1.html

@@ -5,27 +5,25 @@
         <div class="aspect-[1266/975] w-[79.125rem] bg-gradient-to-tr from-[#ff4694] to-[#776fff] opacity-20" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
       </div>
       <div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl">
-        <h2 class="text-base font-semibold leading-8 text-indigo-400">ABOUT US</h2>
+        <br>
-        <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A cyber pandemic Antidote</p>
+        <br>
-        <p class="mt-6 text-lg leading-8 text-gray-300">We can help you “rethink“ your next project to achieve security,
+        <br>
-          efficiency and scale which was not possible before, essential for the evolving needs of emerging IT workloads.</p>
+        <h2 class="text-base font-semibold leading-8 text-indigo-400">TECHNOLOGY</h2>
+        <p class="mt-2 text-3xl font-bold tracking-tight text-white sm:text-4xl">A more Advanced and Sustainable Digital Future</p>
+        <p class="mt-6 text-lg leading-8 text-gray-300">Our technological framework provides global effectiveness emphasizing security, efficiency, and sustainability.</p>
       </div>
       <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-10 text-white sm:mt-20 sm:grid-cols-2 sm:gap-y-16 lg:mx-0 lg:max-w-none lg:grid-cols-4">
         <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
-          <dt class="text-sm leading-6">Creators on the platform</dt>
+          <dt class="text-sm leading-6">to build the World Largest Decentralized Internet Grid</dt>
-          <dd class="order-first text-3xl font-semibold tracking-tight">8,000+</dd>
+          <dd class="order-first text-3xl font-semibold tracking-tight">#1</dd>
         </div>
         <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
-          <dt class="text-sm leading-6">Flat platform fee</dt>
+          <dt class="text-sm leading-6">Autonomous operations</dt>
-          <dd class="order-first text-3xl font-semibold tracking-tight">3%</dd>
+          <dd class="order-first text-3xl font-semibold tracking-tight">100%</dd>
         </div>
         <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
-          <dt class="text-sm leading-6">Uptime guarantee</dt>
+          <dt class="text-sm leading-6">Energy Saved compared to traditional infrastructure</dt>
-          <dd class="order-first text-3xl font-semibold tracking-tight">99.9%</dd>
+          <dd class="order-first text-3xl font-semibold tracking-tight">+90%</dd>
-        </div>
-        <div class="flex flex-col gap-y-3 border-l border-white/10 pl-6">
-          <dt class="text-sm leading-6">Paid out to creators</dt>
-          <dd class="order-first text-3xl font-semibold tracking-tight">$70M</dd>
         </div>
       </dl>
     </div>

templates/partials/technology2.html

@@ -0,0 +1,16 @@
+<div class="relative overflow-hidden pt-16 lg:pt-20">
+    <div class="mx-auto max-w-7xl py-24 px-6 lg:px-8">
+        <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
+            <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        <h2 class="text-2xl text-left font-bold tracking-tight text-white lg:text-4xl">Technology Architecture
+        </h2>
+        <p class="mt-6 text-lg leading-8 max-w-4xl text-gray-300">Our advanced architecture seamlessly integrates cutting-edge compute, storage, and network technologies to deliver unparalleled performance, scalability, and security. Designed for modern IT workloads, it supports everything from edge computing to large-scale data centers, ensuring efficiency and resilience at every level.</p>
+        <br>
+        <br>
+      <img class="mb-[-12%] rounded-xl shadow-2xl ring-1 ring-gray-900/10" src="technology/img/technology22.png" alt="">
+      <div class="relative" aria-hidden="true">
+        <div class="absolute -inset-x-20 bottom-0 bg-gradient-to-t from-white pt-[7%]"></div>
+      </div>
+    </div>
+  </div>

templates/partials/technology4.html

@@ -0,0 +1,61 @@
+<div class="bg-gray-900 py-24 sm:py-32">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="mx-auto max-w-2xl lg:mx-0">
+        <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Stay on top of customer support</h2>
+        <p class="mt-6 text-lg leading-8 text-gray-300">Lorem ipsum dolor sit amet consect adipisicing elit. Possimus magnam voluptatum cupiditate veritatis in accusamus quisquam.</p>
+      </div>
+      <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none">
+        <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-3">
+          <div class="flex flex-col">
+            <dt class="text-base font-semibold leading-7 text-white">
+              <div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 13.5h3.86a2.25 2.25 0 012.012 1.244l.256.512a2.25 2.25 0 002.013 1.244h3.218a2.25 2.25 0 002.013-1.244l.256-.512a2.25 2.25 0 012.013-1.244h3.859m-19.5.338V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18v-4.162c0-.224-.034-.447-.1-.661L19.24 5.338a2.25 2.25 0 00-2.15-1.588H6.911a2.25 2.25 0 00-2.15 1.588L2.35 13.177a2.25 2.25 0 00-.1.661z" />
+                </svg>
+              </div>
+              Unlimited inboxes
+            </dt>
+            <dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-gray-300">
+              <p class="flex-auto">Non quo aperiam repellendus quas est est. Eos aut dolore aut ut sit nesciunt. Ex tempora quia. Sit nobis consequatur dolores incidunt.</p>
+              <p class="mt-6">
+                <a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true">→</span></a>
+              </p>
+            </dd>
+          </div>
+          <div class="flex flex-col">
+            <dt class="text-base font-semibold leading-7 text-white">
+              <div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
+                </svg>
+              </div>
+              Manage team members
+            </dt>
+            <dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-gray-300">
+              <p class="flex-auto">Vero eum voluptatem aliquid nostrum voluptatem. Vitae esse natus. Earum nihil deserunt eos quasi cupiditate. A inventore et molestiae natus.</p>
+              <p class="mt-6">
+                <a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true">→</span></a>
+              </p>
+            </dd>
+          </div>
+          <div class="flex flex-col">
+            <dt class="text-base font-semibold leading-7 text-white">
+              <div class="mb-6 flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-500">
+                <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
+                </svg>
+              </div>
+              Spam report
+            </dt>
+            <dd class="mt-1 flex flex-auto flex-col text-base leading-7 text-gray-300">
+              <p class="flex-auto">Et quod quaerat dolorem quaerat architecto aliquam accusantium. Ex adipisci et doloremque autem quia quam. Quis eos molestiae at iure impedit.</p>
+              <p class="mt-6">
+                <a href="#" class="text-sm font-semibold leading-6 text-indigo-400">Learn more <span aria-hidden="true">→</span></a>
+              </p>
+            </dd>
+          </div>
+        </dl>
+      </div>
+    </div>
+  </div>
+