sashaastiadi/www_mycelium
1
0
Fork 1
forked from hero/www_hero_project
Code Pull Requests Activity

fix blog

Browse Source
This commit is contained in:
sasha-astiadi
2024-08-19 14:46:06 +02:00
parent daa7ab4e75
commit 526c6aaf7c
5 changed files with 32 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
templates/partials/usecases2.html
View File

@@ -13,15 +13,12 @@
<div>
<div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
<img src="usecases/img/usecases_tiers.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div>
<div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Tier-S Data Center</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">Tier 3 and Tier 4 Data centers are outdated due to the transformative impact of AI.</p>
</div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div>
<div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -32,15 +29,12 @@
<div>
<div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
<img src="usecases/img/usecases_tfgrid.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div>
<div class="relative mt-4">
<h3 class="text-sm font-medium text-white">ThreeFold Grid</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">ThreeFold uses TF9 for their decentralized DePIN network, the biggest of its kind globally.</p>
</div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div>
<div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -51,15 +45,12 @@
<div>
<div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
<img src="usecases/img/usecases_digital_zone.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div>
<div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Digital Free Zone</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">Zanzibar is using our technology for the development of a cutting-edge digital free zone.</p>
</div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div>
<div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -70,15 +61,12 @@
<div>
<div class="relative pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
<img src="usecases/img/usecases_sovereign.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div>
<div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Sovereign Internet for countries</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">By harnessing TF9's advanced solutions, Tanzania is building its own sovereign internet</p>
</div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div>
<div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>
@@ -89,15 +77,12 @@
<div>
<div class="relative pt-6 lg:pt-16 xl:pt-16">
<div class="relative h-72 w-full overflow-hidden rounded-lg">
<img src="https://tailwindui.com/img/ecommerce-images/product-page-03-related-product-01.jpg" alt="usecase" class="h-full w-full object-cover object-center">
<img src="usecases/img/usecases_cyber.png" alt="usecase" class="h-30 w-full object-cover object-center">
</div>
<div class="relative mt-4">
<h3 class="text-sm font-medium text-white">Cyber Pandemic Solution</h3>
<p class="mt-1 mb-4 text-sm text-gray-50">The gravity of cyber threats and our robust solutions to protect against them.</p>
</div>
<div class="absolute inset-x-0 top-0 flex h-72 items-end justify-end overflow-hidden rounded-lg p-4">
<div aria-hidden="true" class="absolute inset-x-0 bottom-0 h-36 bg-gradient-to-t from-black opacity-50"></div>
</div>
</div>
<div class="mt-6">
<a href="#" class="relative flex items-center justify-center rounded-md border border-transparent bg-indigo-400 px-8 py-2 text-sm font-medium text-white hover:bg-gray-900">Read More</a>