ourworld_web/www_mycelium
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

add mycelium
Some checks failed
www2.threefold_io / Deploy (push) Has been cancelled
Details
www2.threefold_io / Wait for Website Update (push) Has been cancelled
Details
www2.threefold_io / Check for Broken Links (push) Has been cancelled
Details

Browse Source
This commit is contained in:
sasha-astiadi
2025-02-12 22:11:44 +08:00
parent 67a99377e1
commit d8c8c1ec3a
10 changed files with 144 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
templates/partials/hero/myhero.html
View File

@@ -1,18 +1,18 @@
<div class="relative fade-in lg:py-16">
<div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
<div class="px-6 pt-10 pb-24 sm:pb-32 lg:col-span-7 lg:px-0 lg:pt-40 lg:pb-48 xl:col-span-6">
<div class="px-6 pt-10 lg:pb-16 lg:col-span-7 lg:px-0 lg:pt-24 xl:col-span-6">
<div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
<h1 class="text-4xl font-semibold tracking-tight text-white lg:text-6xl">
This is Hero6.html
MYCELIUM
</h1>
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
<p class="mt-8 text-lg font-light text-gray-50 lgl:text-xl">
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.
Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt.
<h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">Unleashing the Power of Decentralized Networks
</h2>
<p class="mt-8 text-pretty lg:text-xl text-lg font-light text-gray-50 lgl:text-xl">
Discover the future of secure, efficient, and scalable networking with Mycelium, a key component of the ThreeFold Grid. <br>Join the Revolution.
</p>
<div class="mt-10 flex items-center gap-x-6">
<a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-black shadow-xs hover:bg-gray-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
Get started
Get Mycelium
</a>
<a href="#" class="text-sm font-semibold text-white hover:text-gray-200">
Learn more <span aria-hidden="true">→</span>
@@ -21,7 +21,7 @@
</div>
</div>
<div class="relative lg:col-span-5 lg:-mr-8 xl:absolute xl:inset-0 xl:left-1/2 xl:mr-0 ">
<img class="lg:py-16 aspect-1/1 w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="/images/hero5.png" alt="">
<img class="lg:pt-16 mt-20 aspect-1/1 w-full object-cover lg:absolute lg:inset-0 lg:aspect-auto" src="/images/hero5.png" alt="">
</div>
</div>
</div>