pulumi-hugo-cn/themes/default/layouts/shortcodes/get-started.html

<section class="my-16">
    <div class="container mx-auto max-w-5xl md:flex my-8 align-top justify-center text-center">
        <div class="md:w3-/12 mr-4">
            <h2 class="no-anchor">Get Started with Pulumi</h2>
            <p class="text-gray-700 text-sm">Use Pulumi's open-source SDK to create, deploy, and manage infrastructure on any cloud.</p>
        </div>
    </div>

    <div class="mx-auto max-w-4xl">
        <div class="tiles flex-wrap mt-4">
            <div class="pb-4 md:pr-4 md:w-1/2">
                <a class="tile p-8" href="{{ relref . "/docs/clouds/aws/get-started" }}">
                    <img class="h-10 mx-auto" src="/logos/tech/aws.svg" alt="AWS" />
                </a>
            </div>
            <div class="pb-4 md:w-1/2">
                <a class="tile p-8" href="{{ relref . "/docs/clouds/azure/get-started" }}">
                    <img class="h-10 mx-auto" src="/logos/tech/azure.svg" alt="Azure" />
                </a>
            </div>
            <div class="pb-4 md:pr-4 md:w-1/2">
                <a class="tile p-8" href="{{ relref . "/docs/clouds/gcp/get-started" }}">
                    <img class="h-10 mx-auto" src="/logos/tech/gcp.svg" alt="Google Cloud" />
                </a>
            </div>
            <div class="pb-4 md:w-1/2">
                <a class="tile p-8" href="{{ relref . "/docs/clouds/kubernetes/get-started" }}">
                    <img class="h-10 mx-auto" src="/logos/tech/k8s.svg" alt="Kubernetes" />
                </a>
            </div>
        </div>
    </div>
</section>