index.html

---
layout: layout_en
navigation: portal.html
---
<div class="bg-stone-800 jumbotron px-20 py-14 flex overflow-hidden">
    <div class="w-1/2 text-white py-14">
        <large class="inline-flex rounded-full text-xl border-stone-500 text-orange-500 border-2 pt-1 px-3">
            <svg class="h-6 w-6 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8.4,18.2C8.78,18.7,9,19.32,9,20c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3c0.44,0,0.85,0.09,1.23,0.26l1.41-1.77 c-0.92-1.03-1.29-2.39-1.09-3.69l-2.03-0.68C4.98,11.95,4.06,12.5,3,12.5c-1.66,0-3-1.34-3-3s1.34-3,3-3s3,1.34,3,3 c0,0.07,0,0.14-0.01,0.21l2.03,0.68c0.64-1.21,1.82-2.09,3.22-2.32l0-2.16C9.96,5.57,9,4.4,9,3c0-1.66,1.34-3,3-3s3,1.34,3,3 c0,1.4-0.96,2.57-2.25,2.91v2.16c1.4,0.23,2.58,1.11,3.22,2.32l2.03-0.68C18,9.64,18,9.57,18,9.5c0-1.66,1.34-3,3-3s3,1.34,3,3 s-1.34,3-3,3c-1.06,0-1.98-0.55-2.52-1.37l-2.03,0.68c0.2,1.29-0.16,2.65-1.09,3.69l1.41,1.77C17.15,17.09,17.56,17,18,17 c1.66,0,3,1.34,3,3s-1.34,3-3,3s-3-1.34-3-3c0-0.68,0.22-1.3,0.6-1.8l-1.41-1.77c-1.35,0.75-3.01,0.76-4.37,0L8.4,18.2z"/></svg>
            Content Hub
        </large>
        <h1 class="text-6xl font-bold mb-4 mt-4">
            The Beauty Behind IT Services.</h1>
        <p class="text-lg mb-4">Where your interests and international networks intersect to provide custom software solutions for any need.</p>
        <a href="/dashboard" class="bg-orange-600 hover:bg-orange-500 text-white font-bold py-2 px-4 rounded-lg text-lg">Get Started</a>
    </div>
    <div class="w-1/2 h-96">
        <img src="/images/hero-thumb.png" class="w-96 float-right" />
    </div>
</div>
<!--div class="py-4">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-4">
        <div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-3 cards-animate">
            <a href="#" class="card h-56 pt-8 rounded-lg shadow-md">
                <div class="boxie">
                    <div class="icon mb-4">
                        <x-carbon-software-resource class="w-10 h-10 text-gray-500 mx-auto mt-4" />
                    </div>
                    <h3 class="text-lg font-semibold text-center mb-2">SOFTWARE</h3>
                    <p class="text-center">Efficient cloud-based software solutions.</p>
                </div>
            </a>
            <a href="#" class="card h-56 pt-8 rounded-lg shadow-md">
                <div class="boxie">
                    <div class="icon mb-4">
                        <x-carbon-platforms class="w-10 h-10 text-gray-500 mx-auto mt-4" />
                    </div>
                    <h3 class="text-lg font-semibold text-center mb-2">PLATFORMS</h3>
                    <p class="text-center">Robust cloud platforms for your needs.</p>
                </div>
            </a>
            <a href="#" class="card h-56 pt-8 rounded-lg shadow-md">
                <div class="boxie">
                    <div class="icon mb-4">
                        <x-carbon-infrastructure-classic class="w-10 h-10 text-gray-500 mx-auto mt-4" />
                    </div>
                    <h3 class="text-lg font-semibold text-center mb-2">INFRASTRUCTURE</h3>
                    <p class="text-center">Scalable and secure cloud infrastructure.</p>
                </div>
            </a>            
        </div>
    </div>
</div-->