forked from hero/www_hero_project
30 lines
2.3 KiB
HTML
30 lines
2.3 KiB
HTML
|
<div class="grid max-w-screen-xl px-4 pt-4 pb-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12 lg:pt-28">
|
||
|
|
<div class="mr-auto place-self-center lg:col-span-7">
|
||
|
|
<h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Our Planet Needs a <br>Cloud & AI Infrastructure Upgrade.</h1>
|
||
|
|
<p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">This free and open-source landing page template was built using the utility classes from <a href="https://tailwindcss.com" class="hover:underline">Tailwind CSS</a> and based on the components from the <a href="https://flowbite.com/docs/getting-started/introduction/" class="hover:underline">Flowbite Library</a> and the <a href="https://flowbite.com/blocks/" class="hover:underline">Blocks System</a>.</p>
|
||
|
|
<div class="space-y-4 sm:flex sm:space-y-0 sm:space-x-4 border-t border-gray-200 my-7 dark:border-gray-700">
|
||
|
|
<div class="pt-8">
|
||
|
|
<h3 class="mb-2 text-2xl font-bold dark:text-white">Sovereign</h3>
|
||
|
|
<p class="font-light text-gray-500 dark:text-gray-400">Local infrastructure ensures data locality and security
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="pt-8">
|
||
|
|
<h3 class="mb-2 text-2xl font-bold dark:text-white">Private</h3>
|
||
|
|
<p class="font-light text-gray-500 dark:text-gray-400">Complete control over your own data at your proximity</p>
|
||
|
|
</div>
|
||
|
|
<div class="pt-8">
|
||
|
|
<h3 class="mb-2 text-2xl font-bold dark:text-white">Decentralized</h3>
|
||
|
|
<p class="font-light text-gray-500 dark:text-gray-400">Dispersed workloads System, instead of centralizing data</p>
|
||
|
|
</div>
|
||
|
|
<div class="pt-8">
|
||
|
|
<h3 class="mb-2 text-2xl font-bold dark:text-white">Secure</h3>
|
||
|
|
<p class="font-light text-gray-500 dark:text-gray-400">Multi-layered security architecture for data and compute safe</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="hidden lg:mt-0 lg:col-span-5 lg:flex">
|
||
|
|
<img src="images/my1.png" alt="hero image">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- End block -->
|