hero.html

 <!-- Hero header -->
            <header class="mt-4 mb-5">
                <!-- Header row -->
                <div class="d-flex align-items-center">
                    <!-- Logo -->
                    <a href="https://azureweekly.info/" class="logo" style="block-size: 2rem;">
                        <span class="visually-hidden">Azure Weekly Home</span>
                    </a>
                    <!-- Nav -->
                    <nav class="d-flex me-auto ms-1 ms-sm-3">
                        <a href="#archives" class="fw-bold link-dark px-2">Archives</a>
                        <a href="#contribute" class="fw-bold link-dark px-2">Contribute</a>
                    </nav>
                    <!-- Icons -->
                    <div class="d-flex align-items-center">
                        <button class="d-flex mx-1 show-search-form-button js-toggle-search" aria-expanded="false" aria-controls="search" aria-label="Show search form" style="color: var(--c-brand)">
                            <svg width="24" height="24"><use xlink:href="#ri-search-line"></use></svg>
                        </button>
                        <a class="d-flex mx-1" href="https://azureweekly.info/rss.xml" style="color: var(--c-brand)" aria-label="RSS">
                            <svg width="24" height="24"><use xlink:href="#ri-rss-fill"></use></svg>
                        </a>
                        <a class="d-none d-sm-flex mx-1" href="https://bsky.app/profile/powerbiweekly.endj.in" style="color: var(--c-brand)" aria-label="RSS">
                            <svg width="24" height="24"><use xlink:href="#ri-bluesky-fill"></use></svg>
                        </a>
                        <a class="d-flex mx-1" href="https://twitter.com/powerbiweekly" style="color: var(--c-brand)" aria-label="Follow on Twitter">
                            <svg width="24" height="24"><use xlink:href="#ri-twitter-x-fill"></use></svg>
                        </a>
                    </div>
                    <!-- /Header col right -->
                </div>
                <!-- /Header row -->
            </header>
            <!-- /Hero header -->