<!DOCTYPE html> <html class="layout layout-single marketing show-breadcrumb default-focus" lang="en-us" dir="ltr" data-authenticated="false" data-auth-status-determined="false" data-target="docs" x-ms-format-detection="none" > <head> <title>Shows - Event & Video Content | Microsoft Learn</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="color-scheme" content="light dark" /> <meta name="description" content="Browse thousands of hours of video content from Microsoft. On-demand video, certification prep, past Microsoft events, and recurring series." /> <link rel="canonical" href="https://learn.microsoft.com/en-us/shows/" /> <!-- Non-customizable open graph and sharing-related metadata --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@MicrosoftLearn" /> <meta property="og:type" content="website" /> <meta property="og:image:alt" content="Microsoft Learn" /> <meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" /> <!-- Page specific open graph and sharing-related metadata --> <meta property="og:title" content="Shows - Event & Video Content" /> <meta property="og:url" content="https://learn.microsoft.com/en-us/shows/" /> <meta property="og:description" content="Browse thousands of hours of video content from Microsoft. On-demand video, certification prep, past Microsoft events, and recurring series." /> <meta name="platform_id" content="bcc7edfc-797b-bed7-8be2-a114c39f158a" /> <meta name="locale" content="en-us" /> <meta name="uhfHeaderId" content="MSDocsHeader-Shows" /> <meta name="page_type" content="marketing" /> <!--page specific meta tags--> <!-- custom meta tags --> <meta name="schema" content="Marketing" /> <meta name="breadcrumb_path" content="/shows/breadcrumb/toc.json" /> <meta name="ms.topic" content="marketing-hub" /> <meta name="feedback_system" content="None" /> <meta name="ms.service" content="learn" /> <meta name="ms.date" content="2024-11-01T00:00:00Z" /> <meta name="author" content="markdefalco" /> <meta name="document_id" content="ac9158bc-b7b4-daf8-cdb8-30f6e25ab302" /> <meta name="document_version_independent_id" content="ac9158bc-b7b4-daf8-cdb8-30f6e25ab302" /> <meta name="updated_at" content="2025-06-02T19:51:00Z" /> <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/show-pr/blob/live/shows/index.yml" /> <meta name="gitcommit" content="https://github.com/MicrosoftDocs/show-pr/blob/ab7182ccf17b01f298978be80454634950cf792a/shows/index.yml" /> <meta name="git_commit_id" content="ab7182ccf17b01f298978be80454634950cf792a" /> <meta name="site_name" content="Docs" /> <meta name="depot_name" content="MSDN.show" /> <meta name="feedback_product_url" content="" /> <meta name="feedback_help_link_type" content="" /> <meta name="feedback_help_link_url" content="" /> <meta name="asset_id" content="index" /> <meta name="moniker_range_name" content="" /> <meta name="item_type" content="Content" /> <meta name="source_path" content="shows/index.yml" /> <meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/show-pr/blob/live/shows/index.yml" /> <!-- assets and js globals --> <link rel="stylesheet" href="/static/assets/0.4.03104.6925-1dfb91e3/styles/site-ltr.css" /> <script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script> <script src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script> <script src="/_themes/docs.theme/master/en-us/_themes/global/deprecation.js"></script> <!-- msdocs global object --> <script id="msdocs-script"> var msDocs = { "environment": { "accessLevel": "online", "azurePortalHostname": "portal.azure.com", "reviewFeatures": false, "supportLevel": "production", "systemContent": true, "siteName": "learn", "legacyHosting": false }, "data": { "contentLocale": "en-us", "contentDir": "ltr", "userLocale": "en-us", "userDir": "ltr", "pageTemplate": "Marketing", "brand": "", "context": {}, "standardFeedback": false, "showFeedbackReport": false, "feedbackHelpLinkType": "", "feedbackHelpLinkUrl": "", "feedbackSystem": "None", "feedbackGitHubRepo": "", "feedbackProductUrl": "", "extendBreadcrumb": false, "isEditDisplayable": true, "isPrivateUnauthorized": false, "hideViewSource": false, "isPermissioned": false, "hasRecommendations": false, "contributors": [ { "name": "v-trmyl", "url": "https://github.com/v-trmyl" }, { "name": "kcpitt", "url": "https://github.com/kcpitt" }, { "name": "brstegge", "url": "https://github.com/brstegge" }, { "name": "duncanmak", "url": "https://github.com/duncanmak" } ] }, "functions": {}};; </script> <!-- base scripts, msdocs global should be before this --> <script src="/static/assets/0.4.03104.6925-1dfb91e3/scripts/en-us/index-docs.js"></script> <!-- json-ld --> </head> <body id="body" data-bi-name="body" class="layout-body " lang="en-us" dir="ltr" > <header class="layout-body-header"> <div class="header-holder has-default-focus"> <a href="#main" style="z-index: 1070" class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body" > Skip to main content </a> <div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div> <!-- Unsupported browser warning --> <div id="unsupported-browser" style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;" hidden > <div style="max-width: 800px; margin: 0 auto;"> <p style="font-size: 24px">This browser is no longer supported.</p> <p style="font-size: 16px; margin-top: 16px;"> Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. </p> <div style="margin-top: 12px;"> <a href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 " style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;" > Download Microsoft Edge </a> <a href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge" style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;" > More info about Internet Explorer and Microsoft Edge </a> </div> </div> </div> <!-- site header --> <header id="ms--site-header" data-test-id="site-header-wrapper" role="banner" itemscope="itemscope" itemtype="http://schema.org/Organization" > <div id="ms--mobile-nav" class="site-header display-none-tablet padding-inline-none gap-none" data-bi-name="mobile-header" data-test-id="mobile-header" ></div> <div id="ms--primary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L1-header" data-test-id="primary-header" ></div> <div id="ms--secondary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L2-header" data-test-id="secondary-header" ></div> </header> <!-- banner --> <div data-banner> <div id="disclaimer-holder"></div> </div> <!-- banner end --> </div> </header> <main id="main" role="main" class="layout-body-main " data-bi-name="content" lang="en-us" dir="ltr" > <div data-main-column class=" "><div id="Marketing" class="has-overflow-hidden"><div id="hero-product-section-0" class="hero hero-lg hero-image gradient-border-right gradient-border-body-accent background-color-body-accent " style=" --hero-background-image-light: url(/en-us/shows/media/hero_light.png?branch=main); --hero-background-image-dark: url(/en-us/shows/media/hero_dark.png?branch=main); "> <div class="hero-content"> <h1 id="shows" class="title is-1 is-responsive">Shows</h1> <p>Discover thousands of hours of fun, authentic, and informative original programming from Microsoft technical experts.</p> <div class="buttons margin-top-md"> <a href="/en-us/shows/browse" class="button button-clear border" data-linktype="absolute-path">Browse all shows and events</a> </div> </div></div><div id="cards-section-1" class="padding-block-lg"> <div class="uhf-container"> <h2 id="featured" class="title is-2 is-responsive">Featured</h2> <ul class="grid "> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="exam-readiness-zone/media/examreadiness_show-thumbnail.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/exam-readiness-zone" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Exam Readiness Zone</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Join our experts as they provide tips, tricks, and strategies for preparing for a Microsoft Certification exam. Our exam prep videos will help you identify the key knowledge and skills measured on the exam and how to allocate your study time. Each video segment corresponds to a major topic area on the exam. In these videos, we include example questions and answers with explanations. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="on-demand-instructor-led-training-series/media/oilts.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/on-demand-instructor-led-training-series" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">On Demand Instructor-led Training Series</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Elevate your learning experience with our Course Video Training series. Each video lasts between 15 to 30 minutes, providing flexibility and empowering you to cover the course content at your own pace. Perfect for those looking for a supplementary resource to reinforce understanding, make the most of this resource and enhance your learning experience with additional insights and expert guidance. </p> </div> </div> </article> </li> </ul> </div></div><div id="cards-section-2" class="padding-block-lg"> <div class="uhf-container"> <h2 id="popular" class="title is-2 is-responsive">Popular</h2> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="data-exposed/media/dataexposed_383x215.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/data-exposed" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Data Exposed</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Data Exposed is all about data; relational and non-relational, on-premises and in the cloud, big and small. Get the inside scoop and join us as we demonstrate features, discuss the latest news and share our love for data technology including SQL Server, Azure SQL Database, Cosmos DB, open-source databases, Azure Arc Data Services, Azure Data Factory, Azure Synapse and more! </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="azure-essentials-show/media/azure-essentials-show.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/azure-essentials-show" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Azure Essentials Show</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Watch the Azure Essentials Show, formerly known as the Azure Enablement Show, where we share technical advice, product demos, pricing tips and skilling resources to accelerate your cloud and AI journey. Learn best practices to enhance new and existing projects on Azure. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="mastering-copilot-studio/media/mastering-copilot-studio-banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/mastering-copilot-studio" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Mastering Copilot Studio</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Your go-to guide for building and customizing agents in Microsoft Copilot Studio - from conversational to fully autonomous agents. Learn how to harness the full power of Copilot Studio - learning to guide conversations with topics, ground agents in knowledge, and use triggers and actions to perform real-world tasks. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="fabric-tech-talk-fridays/media/fttf_titleslate_banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/fabric-tech-talk-fridays" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Fabric Tech Talk Fridays</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> The Microsoft Fabric video series is an educational and engaging set of videos designed to go beyond just showcasing features. It delves into real-world use cases, demonstrating how Microsoft Fabric can drive tangible impact in diverse industries. Covering key topics like data integration, analytics, machine learning, and Power BI, the series not only provides demonstrations but also highlights practical applications to help users understand and leverage the platform effectively. </p> </div> </div> </article> </li> </ul> </div></div><div id="cards-section-3" class="padding-block-lg"> <div class="uhf-container"> <h2 id="beginners-and-limited-series" class="title is-2 is-responsive">Beginner's and Limited series</h2> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="rag-time-ai-learning/media/rag_banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/rag-time-ai-learning" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">RAG Time: AI Learning</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> RAG Time is an AI learning series focused on Retrieval-Augmented Generation (RAG) and advanced retrieval techniques. Each session features expert-led discussions, exclusive leadership interviews, and demos, while guiding developers to hands-on samples and more learning resources in the RAG Time GitHub repository for practical implementation. Topics cover indexing fundamentals, vector search, hybrid search, multimodal retrieval, and optimization strategies, with real. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="multimodal-data-processing-with-azure-ai-content-understanding/media/begmm_seriestitlecard_v4.jpg" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/multimodal-data-processing-with-azure-ai-content-understanding" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Multimodal data processing with Azure AI Content Understanding</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> In this series, you will learn everything Azure AI Content Understanding. This new AI service enables developers to transform unstructured content stored in videos, audio files, documents and text, into structured insights. It uses the latest of the foundation models (e.g. GPT-4o and beyond) to process multimodal data and allows users to tweak the insights using confidence scores built into the service. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="ai-agents-for-beginners/media/beg_aia_seriestitlecard_01.jpg" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/ai-agents-for-beginners" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">AI Agents for Beginners</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> In this 10-lesson course we take you from concept to code while covering the fundamentals of building AI agents. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="github-copilot-bootcamp/media/githubbootcampbanner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/github-copilot-bootcamp" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">GitHub Copilot Bootcamp</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> The GitHub Copilot Bootcamp is a 4-part live class series designed to equip you with the tools and knowledge needed to supercharge your development productivity and fully leverage GitHub Copilot. In this bootcamp, youll learn how to streamline your workflow with GitHub Copilotmastering everything from crafting effective prompts to automating repetitive tasks like testing and documentation. Don't miss out on this opportunity to take your coding skills to the next level! </p> </div> </div> </article> </li> </ul> </div></div><div id="cards-section-4" class="padding-block-lg"> <div class="uhf-container"> <h2 id="events" class="title is-2 is-responsive">Events</h2> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="learn-events/media/learnevents-hero-image-x2.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/learn-events/" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Upcoming Events</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Check out all of our upcoming events! </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="pure-virtual-cpp-2025/media/pvc25-banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/pure-virtual-cpp-2025" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Pure Virtual C++ 2025</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> A free, one-day, virtual conference for the whole C community. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="dotnet-conf-focus-on-modernization-2025/media/dotnetconffocusonmodern2025.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/dotnet-conf-focus-on-modernization-2025" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">.NET Conf: Focus on Modernization 2025</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> A free virtual event focused on how to modernize your .NET applications and unlock the benefits of modern app development. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="powerful-devs-conference-2025/media/powerfuldevsconf2025-banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/powerful-devs-conference-2025" class="has-external-link-indicator title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Powerful Devs Conference 2025</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Get ready to unleash your creativity at the Powerful Devs Conference! This is the ultimate event for developers who want to tap into the full potential of the Power Platform for enterprise app development. </p> </div> </div> </article> </li> </ul> </div></div><div id="social-section-5" class="border-high-contrast padding-block-sm"> <div class="uhf-container"> <div class="level"> <div class="level-left flex-shrink-1"> <div class="level-item flex-shrink-1"> <div class="padding-right-lg-tablet"> <h2 id="follow-us-on-the-web" class="title is-2 is-responsive">Follow us on the web</h2> </div> </div> </div> <div class="level-right flex-shrink-1"> <div class="level-item flex-shrink-1"> <div class="buttons"> <a class="button button-lg" href="https://twitter.com/MicrosoftLearn" title="Twitter" data-linktype="external"> <span class="docon docon-xlogo-share"></span> <span class="visually-hidden">Twitter</span> </a> <a class="button button-lg" href="https://www.youtube.com/c/MicrosoftDeveloper/videos" title="YouTube" data-linktype="external"> <span class="docon docon-brand-youtube"></span> <span class="visually-hidden">YouTube</span> </a> <a class="button button-lg" href="https://twitch.tv/microsoftdeveloper" title="Twitch" data-linktype="external"> <span class="docon docon-brand-twitch"></span> <span class="visually-hidden">Twitch</span> </a> </div> </div> </div> </div> </div></div></div></div> </main> <div class="layout-body-footer " data-bi-name="layout-footer"> <footer id="footer" data-test-id="footer" data-bi-name="footer" class="footer-layout has-padding has-default-focus border-top uhf-container" role="contentinfo" > <div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"> <a data-mscc-ic="false" href="#" data-bi-name="select-locale" class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator" id="" title="" ><span class="icon" aria-hidden="true" ><span class="docon docon-world"></span></span ><span class="local-selector-link-text">en-us</span></a > <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a data-mscc-ic="false" href="https://aka.ms/yourcaliforniaprivacychoices" data-bi-name="your-privacy-choices" class="button button-sm button-clear flex-shrink-0 external-link-indicator" id="" title="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" aria-hidden="true" focusable="false" > <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff" ></path> <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f" ></path> <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff" ></path> <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f" ></path> </svg> <span>Your Privacy Choices</span></a > </div> <div class="flex-shrink-0"> <div class="dropdown has-caret-up"> <button data-test-id="theme-selector-button" class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="{{ themeMenuId }}" aria-expanded="false" title="Theme" data-bi-name="theme" > <span class="icon"> <span class="docon docon-sun" aria-hidden="true"></span> </span> <span>Theme</span> <span class="icon expanded-indicator" aria-hidden="true"> <span class="docon docon-chevron-down-light"></span> </span> </button> <div class="dropdown-menu" id="{{ themeMenuId }}" role="menu"> <ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu"> <li class="theme display-block"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left" data-theme-to="light" > <span class="theme-light margin-right-xxs"> <span class="theme-selector-icon border display-inline-block has-body-background" aria-hidden="true" > <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span role="menuitem"> Light </span> </button> </li> <li class="theme display-block"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left" data-theme-to="dark" > <span class="theme-dark margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true" > <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span role="menuitem"> Dark </span> </button> </li> <li class="theme display-block"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left" data-theme-to="high-contrast" > <span class="theme-high-contrast margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true" > <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span role="menuitem"> High contrast </span> </button> </li> </ul> </div> </div> </div> </div> <ul class="links" data-bi-name="footerlinks"> <li class="manage-cookies-holder" hidden=""></li> <li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/principles-for-ai-generated-content" data-bi-name="aiDisclaimer" class=" external-link-indicator" id="" title="" >AI Disclaimer</a > </li><li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/previous-versions/" data-bi-name="archivelink" class=" external-link-indicator" id="" title="" >Previous Versions</a > </li> <li> <a data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink" class=" external-link-indicator" id="" title="" >Blog</a > </li> <li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/contribute" data-bi-name="contributorGuide" class=" external-link-indicator" id="" title="" >Contribute</a > </li><li> <a data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy" class=" external-link-indicator" id="" title="" >Privacy</a > </li><li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/legal/termsofuse" data-bi-name="termsofuse" class=" external-link-indicator" id="" title="" >Terms of Use</a > </li><li> <a data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks" class=" external-link-indicator" id="" title="" >Trademarks</a > </li> <li>© Microsoft 2025</li> </ul> </footer> </footer> </body> </html>
