<!-- Start block -->
<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="hidden lg:col-span-5 lg:flex">
        <img src="images/hero2.png#mx-auto">
    </div> 
    <div class="mr-auto place-self-center lg:col-span-7">
        <h4><b>About Us</b></h4>
        <h2 class="mb-4 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">Hero Labs</h1>
        <p class="max-w-2xl mb-6">Hero Labs provides a decentralized autonomous cloud technologies that allows anyone to become a cloud service provider.</p>
        <p class="max-w-2xl mb-8">We aims to create a cloud where people and organizations can buy, sell, and use cloud resources autonomously,enable individuals to earn by providing compute, network, and storage capacity​.</p>
        
       <h5><u><b> <a href onclick="hero.md">Contact Hero Labs</a></u></h5>
    
        
        
        <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">
                <div class="mb-2 text-center">
                    <img src="/images/manual.svg#3col"/>
                    <a href="#"><h5 class="font-semibold dark:text-white"><u>Manual</u></h5></a>
                    <h6 class="text-gray-500 dark:text-gray-400">Read the Manual</h6>
                </div>
            </div>
            <div class="pt-8">
                <div class="mb-2 text-center">
                    <img src="/images/Support.svg#3col"/>
                    <a href="#"><h5 class="font-semibold  dark:text-white"><u>Support</u></h5></a>
                    <h6 class="text-gray-500 dark:text-gray-400">Talk to an Expert</h6>
                </div>
            </div>
            <div class="pt-8">
                <div class="mb-2 text-center">
                    <img src="/images/forum.svg#3col"/>
                    <a href="#"><h5 class=" font-semibold dark:text-white"><u>Forum</u></h5></a>
                    <h6 class="text-gray-500 dark:text-gray-400">Join the Conversation</h6>
                </div>
            </div>
            <div class="pt-8">
                <div class="mb-2 text-center">
                    <img src="/images/Telegram.svg#3col"/>
                    <a href="#"><h5 class="font-semibold  dark:text-white"><u>Telegram</u></h5></a>
                    <h6 class="text-gray-500 dark:text-gray-400">Meet the Community</h6>
                </div>
            </div>
        </div>
    </div>           
</div>
<div class="border-t border-gray-200 dark:border-gray-700">
</div>  
<!-- End block -->
