www_ourworld_tf/templates/partials/portfolio2.html

<div class="">
  <div aria-hidden="true" class="relative">
    <img src="/images/venture.jpg" alt="" class="h-96 w-full object-cover object-center">
    <div class="absolute inset-0 bg-gradient-to-t from-white"></div>
  </div>

  <div class="relative mx-auto -mt-12 max-w-7xl px-4 pb-24 sm:px-6 sm:pb-24 lg:px-8">
    <div class="mx-auto max-w-2xl text-center lg:max-w-4xl">
      <h2 class="lg:text-5xl font-bold tracking-tight text-gray-900 text-3xl">OurWorld Ventures</h2>
      <p class="mt-4 text-gray-500">These are the first OurWorld Ventures, connected by a strong set of values and the aim to bring forward a new era of digital autonomy and empowerment.</p>
    </div>

    <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-6 lg:gap-y-10 sm:grid-cols-2 gap-y-16 lg:max-w-none lg:grid-cols-3 lg:gap-x-8">
      <div class="border-t border-gray-200 pt-4">
        <div class="flex items-center">
          <a href="https://threefold.io" target="_blank" class="flex items-center hover:text-indigo-700">
          <img 
            src="/images/tf.png" 
            alt="ThreeFold Logo" 
            class="w-8 h-8 mr-2"
          />
          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">ThreeFold</dt>
          </a>
        </div>
        <dd class="mt-2 tracking-tight text-gray-500">
          ThreeFold is a scalable bare metal infrastructure layer for AI, Internet, and Cloud – presenting a cloud solution that offers unmatched security, reliability, performance, and autonomy. Leveraging open source technology as developed by TF9.
        </dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
        <div class="flex items-center">
          <a href="https://tf9.io" target="_blank" class="flex items-center hover:text-indigo-700">
          <img 
            src="/images/geo_ico.png" 
            alt="TF9LOGO Logo" 
            class="w-8 h-8 mr-2"
          />
          </a>
          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">GeoMind</dt>
        </div>
        <dd class="mt-2 tracking-tight text-gray-500">GeoMind is a software company which has developed a cloud computing system designed for global scalability, offering secure, immutable data storage that ensures integrity and permanence.​</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
        <div class="flex items-center">
          <a href="http://cybercity.ourworld.tf/" target="_blank" class="flex items-center hover:text-indigo-700">
            <img 
              src="/images/freezone.png" 
              alt="odfz Logo" 
              class="w-8 h-8 mr-2 hover:opacity-80"
            />
            <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Zanzibar Digital Free Zone</dt>
          </a>          
        </div>
        <dd class="mt-2 tracking-tight text-gray-500">A collaboration with the Government of Zanzibar. 100% digital and automated, offering seamless legal, financial, and operational support for businesses. The FreeZone provides regulatory incentives and benefits to businesses through a fully online platform​.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
        <div class="flex items-center">
          <a href="http://cybercity.ourworld.tf/" target="_blank" class="flex items-center hover:text-indigo-700">
          <img 
            src="/images/cybercity.png" 
            alt="OV Logo" 
            class="w-8 h-8 mr-2"
          />
          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Zanzibar Cyber City</dt>
        </a>
        </div>
        <dd class="mt-2 tracking-tight text-gray-500">A visionary startup city featuring 3,000 units in its initial stages. The cyber city aims to be a collaborative hub for innovation, bringing together startups, investors, and technologists in a state-of-the-art urban environment​.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
        <div class="flex items-center">
          <a href="https://sikana.tv" target="_blank" class="flex items-center hover:text-indigo-700">
          <img 
            src="/images/ow_icon.png" 
            alt="TF9LOGO Logo" 
            class="w-8 h-8 mr-2"
          />
          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Indaba</dt>
        </a>
        </div>
        <dd class="mt-2 tracking-tight text-gray-500">Indaba is a social business empowering young people to be resilient, reach their full potential, and contribute to the common good. A global ecosystem for holistic learning - accessible online and offline, affordable to the many, and grounded in culture, care, and collaboration.​</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
        <div class="flex items-center">
          <a href="#" target="_blank" class="flex items-center hover:text-indigo-700">
          <img 
            src="/images/hero.png" 
            alt="OV Logo" 
            class="w-8 h-8 mr-2"
          />
          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Hero</dt>
        </a>
        </div>
          <dd class="mt-2 tracking-tight text-gray-500">Hero is a digital assistant designed to give individuals full control over their digital identity and assets. Focused on privacy and autonomy, Hero helps manage personal information, tasks, and interactions across decentralized platforms.</dd>
      </div>
    </dl>
  </div>
</div>