www_mycelium/templates/partials/benefits.html

55 lines
3.8 KiB
HTML
Raw Permalink Normal View History

2024-05-21 05:34:29 +00:00
<div class="lg:py-12 py-16 lg:px-12 sm:py-16">
<div class="mx-auto max-w-7xl px-6 lg:px-8 py-4 lg:py-12">
<div class="mx-auto max-w-2xl lg:text-center">
<h2 class=" text-center">Why Choose Mycelium Network?</h2>
<p class="mt-4 text-center"> Mycelium Network offers numerous advantages over traditional internet networks.</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-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M5.5 17a4.5 4.5 0 01-1.44-8.765 4.5 4.5 0 018.302-3.046 3.5 3.5 0 014.504 4.272A4 4 0 0115 17H5.5zm3.75-2.75a.75.75 0 001.5 0V9.66l1.95 2.1a.75.75 0 101.1-1.02l-3.25-3.5a.75.75 0 00-1.1 0l-3.25 3.5a.75.75 0 101.1 1.02l1.95-2.1v4.59z" clip-rule="evenodd" />
</svg>
Always Online
</dt>
<dd class="mt-1 flex flex-auto flex-col">
<p class="flex-auto text-base">Stay connected at all times, no matter the situation. Our robust network architecture ensures uninterrupted connectivity even during natural disasters or power outages.</p>
<p class="mt-4">
<a href="#" class="text-sm font-semibold leading-6">Learn more <span aria-hidden="true"></span></a>
</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-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
</svg>
Inclusive Access
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7 ">
<p class="flex-auto text-base">Mycelium Routers provide cost-effective network expansion. This allows for greater internet accessibility in underserved and remote areas.</p>
<p class="mt-4">
<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 p-4">
<dt class="flex items-center gap-x-3 text-base font-semibold leading-7 text-white ">
<svg class="h-5 w-5 flex-none text-indigo-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" d="M15.312 11.424a5.5 5.5 0 01-9.201 2.466l-.312-.311h2.433a.75.75 0 000-1.5H3.989a.75.75 0 00-.75.75v4.242a.75.75 0 001.5 0v-2.43l.31.31a7 7 0 0011.712-3.138.75.75 0 00-1.449-.39zm1.23-3.723a.75.75 0 00.219-.53V2.929a.75.75 0 00-1.5 0V5.36l-.31-.31A7 7 0 003.239 8.188a.75.75 0 101.448.389A5.5 5.5 0 0113.89 6.11l.311.31h-2.432a.75.75 0 000 1.5h4.243a.75.75 0 00.53-.219z" clip-rule="evenodd" />
</svg>
Internet Freedom
</dt>
<dd class="mt-1 flex flex-auto flex-col text-base leading-7">
<p class="flex-auto text-base">Publish, find, buy, and sell anything on our network. Enjoy the freedom to share and access information without restrictions or censorship.</p>
<p class="mt-4">
<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>