href="#">Xbox</a></li>
                <li><a href="#">Support</a></li>
            </ul>
        </div>
        <div class="right-menu">
            <a href="#">All Microsoft</a>
            <a href="#"><i class="fas fa-search"></i> Search</a>
            <a href="#"><i class="fas fa-shopping-cart"></i> Cart</a>
            <a href="#"><i class="fas fa-sign-in-alt"></i> Sign in</a>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <h1>Achieve the extraordinary</h1>
        <p>Microsoft 365 delivers cloud storage, security and Microsoft Copilot in your favourite apps – all in one plan.</p>
        <a href="#">Shop Microsoft 365</a>
        <div class="icons">
            <img src="https://storage.googleapis.com/a1aa/image/IcqugZawDEYpWkXSrp0VEMn7kEEwgB6D12bxBrmyUEQ.jpg" alt="Microsoft 365 icon 1">
            <img src="https://storage.googleapis.com/a1aa/image/VzqsewH2tuWBti8OVzKPvQ35LtFuiAwDuDQLzoGbjmo.jpg" alt="Microsoft 365 icon 2">
            <img src="https://storage.googleapis.com/a1aa/image/pjb-gPfN6MahxTZcUOOiZpx4fT7nqRg7J-NHsO4Rzeo.jpg" alt="Microsoft 365 icon 3">
            <img src="https://storage.googleapis.com/a1aa/image/zIRrOrBlX_KGLmjBaCo3JIoTIauB1Iwg6xZqCZ72OOs.jpg" alt="Microsoft 365 icon 4">
            <img src="https://storage.googleapis.com/a1aa/image/hWnI2v-_QX7y-vTrjVr8zi3b-AdpJ1ncGTC1HWN2Byo.jpg" alt="Microsoft 365 icon 5">
            <img src="https://storage.googleapis.com/a1aa/image/yMLvs9GJdl2wAomBXGuwioobUz7hnF_f7GXwrl1mq24.jpg" alt="Microsoft 365 icon 6">
            <img src="https://storage.googleapis.com/a1aa/image/zFvOyPRRhzrXL0ENwPiqqM10BzFCbh9x8fFE4r9Z7v8.jpg" alt="Microsoft 365 icon 7">
        </div>
    </section>

    <!-- Carousel Section -->
    <section class="carousel">
        <div class="controls">
            <button><i class="fas fa-chevron-left"></i></button>
            <div class="dots">
                <span></span>
                <span class="inactive"></span>
                <span class="inactive"></span>
            </div>
            <button><i class="fas fa-chevron-right"></i></button>
        </div>
    </section>

    <!-- Links Section -->
    <section class="links">
        <div class="link-item">
            <img src="https://storage.googleapis.com/a1aa/image/gPOZIL72LrCEDzo2ntBAN3i1rUX7QsIrqORiDiZCW-0.jpg" alt="Microsoft 365 icon">
            <a href="#">Choose your Microsoft 365</a>
        </div>
        <div class="link-item">
            <img src="https://storage.googleapis.com/a1aa/image/SUfoH9N3v-tIUzJxLABkcFJj2Rb3hzSCdxOZFmHtbYY.jpg" alt="Xbox icon">
            <a href="#">Shop Xbox</a>
        </div>
        <div class="link-item">
            <img src="https://storage.googleapis.com/a1aa/image/laUctOyWHB818EsqTAIp2ZeJc0fyEJ5VRIGGyR_SikI.jpg" alt="Windows 11 icon">
            <a href="#">Get Windows 11</a>
        </div>
        <div class="link-item">
            <img src="https://storage.googleapis.com/a1aa/image/9BFvU3vEImwm-vQEYsYP_PnLlRQUDapRu2lDli8j3rE.jpg" alt="Surface devices icon">
            <a href="#">Explore Surface devices</a>
        </div>
    </section>
</body>
</html>