pulumi-hugo-cn/themes/default/layouts/partials/top-nav.html

<nav class="top-nav-bar docs transition-all px-4 py-2.5">
    <div class="top-nav-container lg:container lg:px-4 text-white">
        <div data-track="header-pulumi-logo" class="logo-nav-button" aria-haspopup="true" aria-controls="logo-nav-menu">
            <img class="h-6" src="/images/logo/logo-on-black.svg" alt="Pulumi logo" />
            <i class="fa fa-chevron-down ml-4 pr-1 hidden lg:block"></i>
            <div class="flex-1"></div>
            <i class="lg:hidden fa fa-bars text-white text-2xl mobile-menu-toggle-icon"></i>
            <i class="lg:hidden hidden fa fa-times text-white text-2xl mobile-menu-toggle-icon"></i>
        </div>
        <ul id="logo-nav-menu" role="menu" class="logo-nav-menu hidden">
            <li role="none"><a role="menuitem" href="/">Pulumi Home</a></li>
            <li role="none"><a role="menuitem" href="/docs/get-started/">Get Started</a></li>
            <li role="none"><a role="menuitem" href="/cloud-engineering/">Cloud Engineering</a></li>
            <li role="none"><a role="menuitem" href="/product/">Product</a></li>
            <li role="none"><a role="menuitem" href="/pricing/">Pricing</a></li>
            <li role="none"><a role="menuitem" href="/docs/">Docs</a></li>
            <li role="none"><a role="menuitem" href="/blog/">Blog</a></li>
            <li role="none"><a role="menuitem" href="/learn/">Learn Pulumi</a></li>
            <li role="none"><a role="menuitem" href="/resources/">Events & Workshops</a></li>
            <ul role="menu" class="sm:hidden">
                <li role="none"><a role="menuitem" href="https://github.com/pulumi/pulumi">GitHub</a></li>
                <li role="none"><a role="menuitem" href="https://slack.pulumi.com">Slack</a></li>
                <li role="none"><a role="menuitem" href="/registry/">Registry</a></li>
                <li role="none"><a role="menuitem" href="/ai">Pulumi AI</a></li>
                <li role="none">
                    <a role="menuitem" href="https://app.pulumi.com">
                        {{ partial "top-nav-user-toggle" }}
                    </a>
                </li>
            </ul>
        </ul>
        <a class="get-started-header-button" data-track="get-started-practitioner-nav" href="/docs/get-started/">Get Started</a>
        <div class="flex-1"></div>
        <ul class="hidden w-full lg:flex lg:w-1/2 justify-end items-center order-first lg:order-last">
            <li class="github-widget mr-8">
                <a
                    data-track="header-github-pulumi"
                    class="github-button"
                    href="https://github.com/pulumi/pulumi"
                    data-size="small"
                    data-show-count="true"
                    aria-label="Star pulumi/pulumi on GitHub"
                >
                    Star
                </a>
            </li>
            <li class="mr-8">
                <a data-track="header-slack" href="https://slack.pulumi.com/">
                    <i class="fab fa-slack"></i>
                    Slack
                </a>
            </li>
            <li class="mr-8">
                <a data-track="header-github" href="/docs/">
                    <i class="fas fa-book mr-0.5"></i>
                    Docs
                </a>
            </li>
            <li class="mr-8">
                <a data-track="header-github" href="/registry/">
                    <i class="fas fa-archive mr-0.5"></i>
                    Registry
                </a>
            </li>
            <li class="mr-8">
                <a data-track="header-ai" href="/ai">
                    <i class="fas fa-robot mr-0.5"></i>
                    Pulumi AI
                </a>
            </li>
            <li>
                <a data-track="header-console" href="https://app.pulumi.com/" target="_blank">
                    <i class="fas fa-user-circle"></i>
                    {{ partial "top-nav-user-toggle" }}
                </a>
            </li>
        </ul>
    </div>
</nav>