www_mycelium/templates/partials/about3.html

<div class="lg:py-24 py-24 lg:px-12">
  <div class="mx-auto max-w-7xl px-6 lg:px-8 py-4 lg:py-12">
    <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>
    <div class="mx-auto max-w-3xl lg:text-center">
      <h2 class="lg:text-4xl text-3xl text-center">Our Track Records</h2>
      <p class="mt-4 text-center">Our team has consistently led the way in pioneering innovations, from setting world records in web hosting to creating quantum-resistant storage solutions. Each milestone showcases our commitment to pushing the boundaries of what's possible in the digital world.
      </p>
    </div>
    <div class="mx-auto mt-2 max-w-2xl mt-6 lg:mt-12 lg:max-w-none">
      <dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white">
            <svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
              <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
            </svg>
            World Records for Web Hosting (1997-2002)
          </dt>
          <dd class="mt-1 flex flex-auto flex-col">
            <p class="flex-auto text-base">Our team started the Internet hosting and datacenter business in Europe. We hosted some of the largest websites in the world including UEFA, Nasa, World Cup.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
            <svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
              <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
            </svg>
            The FIRST Backup Data Duplication system in the world (2005)
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7  ">
            <p class="flex-auto   text-base">Our advancements in this field brought up to 100x benefit compared to the status quo running in datacenters at the time</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
            <svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
              <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
            </svg>
            One of the FIRST Cloud Systems (2008)
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto   text-base">We were one of the pioneers of cloud computing in general. Terms like Virtual Private Datacenter were invented by us.</p>
          </dd>
        </div>
      </dl>
      <dl class="grid max-w-xl grid-cols-1 gap-x-10 gap-y- lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-24 lg:mx-16">
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
            <svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
              <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
            </svg>
            The FIRST multi-site consistent database (2010)
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto text-base">We invented a method to store data in a database over multiple sites in such a way data could never be lost, corrupted or order of updates changed.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
            <svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
              <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
            </svg>
            The FIRST unbreakable and distributed storage system (2012)
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto   text-base">Not only incorruptible, our system boasts 10x energy efficiency compared to alternative solutions, marking a significant technological leap.</p>
          </dd>
        </div>
        <div class="flex flex-col p-4">
          <dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
            <svg class="h-full w-6 object-cover flex-none text-indigo-400" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd" d="M9.315 7.584C12.195 3.883 16.695 1.5 21.75 1.5a.75.75 0 0 1 .75.75c0 5.056-2.383 9.555-6.084 12.436A6.75 6.75 0 0 1 9.75 22.5a.75.75 0 0 1-.75-.75v-4.131A15.838 15.838 0 0 1 6.382 15H2.25a.75.75 0 0 1-.75-.75 6.75 6.75 0 0 1 7.815-6.666ZM15 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" clip-rule="evenodd" />
              <path d="M5.26 17.242a.75.75 0 1 0-.897-1.203 5.243 5.243 0 0 0-2.05 5.022.75.75 0 0 0 .625.627 5.243 5.243 0 0 0 5.022-2.051.75.75 0 1 0-1.202-.897 3.744 3.744 0 0 1-3.008 1.51c0-1.23.592-2.323 1.51-3.008Z" />
            </svg>
            Horizontal Scalability
          </dt>
          <dd class="mt-1 flex flex-auto flex-col text-base leading-7">
            <p class="flex-auto   text-base">The network has the capability to amplify resources without the need to individually augment the capacity.</p>
          </dd>
        </div>
      </dl>
    </div>
  </div>
</div>