CINXE.COM

<!DOCTYPE html><html class=" is-full has-default-focus theme-light" lang="en-us" dir="ltr" data-authenticated="false" data-auth-status-determined="false" data-target="docs" x-ms-format-detection="none"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="Windows Dev Center" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://developer.microsoft.com/en-us/windows/" /><meta property="og:description" content="Content, samples, downloads, design inspiration, and other resources you need to complete your app or game development project for Windows." /><meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" /> <meta property="og:image:alt" content="Microsoft Learn" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@MicrosoftLearn" /> <meta name="color-scheme" content="light dark"><meta name="author" content="jdanyow" /> <meta name="breadcrumb_path" content="/windows/breadcrumb/toc.json" /> <meta name="depot_name" content="MSDN.dev-windows" /> <meta name="description" content="Content, samples, downloads, design inspiration, and other resources you need to complete your app or game development project for Windows." /> <meta name="document_id" content="beebf6d4-cc29-46c0-ce75-d56f07ad2041" /> <meta name="document_version_independent_id" content="beebf6d4-cc29-46c0-ce75-d56f07ad2041" /> <meta name="feedback_help_link_type" content="" /> <meta name="feedback_help_link_url" content="" /> <meta name="feedback_product_url" content="" /> <meta name="feedback_system" content="None" /> <meta name="git_commit_id" content="c116db2dfac7d98f3b356246649d12cd47b25d9c" /> <meta name="gitcommit" content="https://github.com/MicrosoftDocs/dev-center/blob/c116db2dfac7d98f3b356246649d12cd47b25d9c/dev-windows/index.yml" /> <meta name="locale" content="en-us" /> <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/dev-center/blob/live/dev-windows/index.yml" /> <meta name="page_type" content="marketing" /> <meta name="schema" content="Marketing" /> <meta name="site_name" content="dev.microsoft.com" /> <meta name="uhfHeaderId" content="win-dev-center-header" /> <meta name="updated_at" content="2024-11-21 07:12 AM" /> <meta name="persistent_id" content="d7ef211b-f9a5-464a-8ba6-48247d0698ab" /> <meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/dev-center/blob/live/dev-windows/index.yml" /><link href="https://developer.microsoft.com/en-us/windows/" rel="canonical"><title>Windows Dev Center | Microsoft Developer</title><link rel="stylesheet" href="/static/assets/0.4.028726178/styles/site-ltr.css"> <script id="msdocs-script"> var msDocs = {environment: { supportLevel: 'production', accessLevel: 'online', reviewFeatures: false, systemContent: false, azurePortalHostname: 'portal.azure.com', legacyHosting: false, siteName: 'developer', },data: { timeOrigin: Date.now(), contentLocale: 'en-us', contentDir: 'ltr', userLocale: 'en-us', userDir: 'ltr', pageTemplate: 'Marketing', brand: 'developer', context: {}, hasBinaryRating: false, feedbackHelpLinkType:'', feedbackHelpLinkUrl:'', standardFeedback: false, showFeedbackReport: false, enableTutorialFeedback: false, feedbackSystem: 'None', feedbackGitHubRepo: '', feedbackProductUrl: '',extendBreadcrumb: true,isEditDisplayable: true, hideViewSource: false, hasPageActions: false, hasPrintButton: false, hasBookmark: false, hasShare: true, isPermissioned: false, isPrivateUnauthorized: false,hasRecommendations: false,contributors: [{ name: "niels9001", url: "https://github.com/niels9001" },{ name: "jwmsft", url: "https://github.com/jwmsft" },{ name: "Taojunshen", url: "https://github.com/Taojunshen" },{ name: "QuinnRadich", url: "https://github.com/QuinnRadich" },{ name: "pritamso", url: "https://github.com/pritamso" }],}, functions:{} }; </script><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="/static/assets/0.4.028726178/global/deprecation.js"></script><script src="/static/assets/0.4.028726178/scripts/en-us/index-docs.js"></script></head> <body lang="en-us" dir="ltr"> <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 has-body-background" tabindex="1">Skip to main content</a><div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div> <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>   <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><div id="disclaimer-holder" class="has-overflow-hidden has-default-focus">  </div> </div> <div class="mainContainer uhf-container is-full has-default-focus" data-bi-name="body"> <div class="columns has-large-gaps is-gapless-mobile is-gapless"> <section class="primary-holder column ">  <div class="columns is-gapless-mobile has-large-gaps is-gapless"><div id="main-column" class="column "> <main id="main" class="" role="main" data-bi-name="content" lang="en-us" dir="ltr"><div> <button type="button" class="border contents-button button button-clear button-sm is-hidden-tablet has-inner-focus" data-bi-name="contents-expand" data-contents-button hidden> <span class="icon"> <span class="docon docon-editor-list-bullet" aria-hidden="true"></span> </span><span class="contents-expand-title">Table of contents</span></button> </div> <div class=""><div id="Marketing" class="has-overflow-hidden"> <div id="hero-section-0" class="hero is-medium has-linear-gradient-background-docs color-white-static "> <div class="hero-background "> <video autoplay="" loop="" muted="" src="images/pagehero.mp4" aria-hidden="true" data-linktype="relative-path"> </video></div> <div class="hero-body"> <div class="is-reading-width has-backdrop-filter-blur"> <h1 id="windows-dev-center" class="title is-size-jumbo-responsive">Windows Dev Center</h1> <p class="font-size-md margin-top-lg is-reading-width">Leverage our tools and resources to tap into the expansive Windows user base.</p> </div> </div> </div> <div id="markdown-section-1" class="padding-block-sm"> <div class="uhf-container padding-top-sm"> <div class="content"> <section class="row"> <div class="column"> <div style="text-align:center;"> <h1 id="whats-new-for-windows-developers">What's new for <span class="text-gradient-purple-blue">Windows Developers</span></h1> <p>Learn more about what was announced at Ignite 2024 <br> <br> <a class="button button-sm button-primary button-filled margin-right-none" href="https://blogs.windows.com/windowsexperience/2024/11/19/microsoft-ignite-2024-embracing-the-future-of-windows-at-work/" data-linktype="external">Read the announcement blog</a></p> </div> </div> </section> </div> </div> </div> <div id="cards-section-2" class="padding-block-lg"> <div class="uhf-container"> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg " data-bi-name="card"> <figure class="media-card-image"> <img src="images/devboxtile.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <p class="title is-5 margin-block-none">Level up your developer productivity</p> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Explore the latest updates to our developer tooling to streamline your workflow. </p> <a href="/en-us/windows/dev-tools/" data-linktype="absolute-path">Learn more</a> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg " data-bi-name="card"> <figure class="media-card-image"> <img src="images/ai.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <p class="title is-5 margin-block-none">Create breakthrough AI experiences</p> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Infuse AI into your app with Windows Copilot Runtime. </p> <a href="/en-us/windows/ai" data-linktype="absolute-path">Learn more</a> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg " data-bi-name="card"> <figure class="media-card-image"> <img src="images/winui-hero-bifold.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <p class="title is-5 margin-block-none">Build apps for Windows</p> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Learn more about how WinUI and WPF let you build amazing apps that reach millions of users. </p> <a href="https://aka.ms/windev" data-linktype="external">Learn more</a> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg " data-bi-name="card"> <figure class="media-card-image"> <img src="images/ytchannel.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <p class="title is-5 margin-block-none">Windows Developer on YouTube</p> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Dive into expert-led tutorials, developer stories, and more on our YouTube channel. </p> <a href="https://www.youtube.com/@WindowsDevelopers" data-linktype="external">Learn more</a> </div> </div> </article> </li> </ul> </div> </div> <div id="markdown-section-3" class="padding-block-sm"> <div class="uhf-container padding-top-sm"> <div class="content"> <section class="row"> <div class="column"> <div style="text-align:center;"> <h1 id="develop--distribute--your-next-app"><span class="text-gradient-purple-blue">Develop & distribute </span> your next app</h1> <p>Create rich, modern applications with WinUI 3 or WPF. Submit your app to the Microsoft Store and reach millions of users.</p> </div> </div> </section> </div> </div> </div> <div id="cards-section-4" class="padding-block-lg"> <div class="uhf-container"> <ul class="grid "> <li class="grid-item"> <article class="media-card border-radius-lg " data-bi-name="card"> <figure class="media-card-image"> <img src="images/winui-hero-bifold.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <p class="title is-5 margin-block-none">Build apps for Windows</p> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Develop your next ground-breaking app experience for Windows. Explore WinUI, WPF, or other frameworks to develop your next big idea! </p> <a href="https://aka.ms/windev" data-linktype="external">Learn more about Windows app development</a> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg " data-bi-name="card"> <figure class="media-card-image"> <img src="images/microsoftstore.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <p class="title is-5 margin-block-none">Bring your app to the Microsoft Store</p> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Distribute your work to an audience of millions! Whether you've built a new WinUI, web, or traditional desktop app - all types of apps are welcome on the Microsoft Store! </p> <a href="https://aka.ms/microsoftstoredeveloper" data-linktype="external">Learn more about the Microsoft Store</a> </div> </div> </article> </li> </ul> </div> </div> <div id="markdown-section-5" class="padding-block-sm"> <div class="uhf-container padding-top-sm"> <div class="content"> <section class="row"> <div class="column"> <div style="text-align:center;"> <h1 id="developer-productivity-unparalleled">Developer productivity. <span class="text-gradient-purple-blue">Unparalleled.</span></h1> <p>See how Windows is optimized for developers, and how you can streamline your workflow with Terminal, DevHome, and PowerToys. <br> <br> <a class="button button-sm button-primary button-filled margin-right-none" href="/en-us/windows/dev-tools/" data-linktype="absolute-path">Level up your devbox</a></p> </div> </div> </section> </div> </div> </div> <div id="hero-section-6" class="hero is-medium has-linear-gradient-background-docs has-text-docs-invert uhf-container padding-inline-none margin-block-md border-radius-lg has-overflow-hidden"> <div class="hero-background "> <img src="images/devbox_header.png" aria-hidden="true" data-linktype="relative-path"> </div> <div class="hero-body padding-inline-md padding-inline-lg-tablet"> <div class="is-reading-width has-backdrop-filter-blur"> </div> </div> </div> <div id="markdown-section-7" class="padding-block-sm"> <div class="uhf-container padding-top-sm"> <div class="content"> <section class="row"> <div class="column"> <div style="text-align:center;"> <h1 id="explore-more-content">Explore more content</h1> </div> </div> </section> </div> </div> </div> <div id="grid-section-8" class="padding-block-md"> <div class="uhf-container"> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="card position-relative" data-bi-name="icon-card"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left"> <figure class="image is-64x64 "> <img src="images/icon-documentation.svg" alt="" aria-hidden="true" data-linktype="relative-path"> </figure> </div> <div class="media-content"> <a href="https://learn.microsoft.com/windows/" class="card-title stretched-link" data-linktype="external">Documentation</a> <p class="card-content-description margin-top-xxs"> Check out documentation to get started with developing on and for Windows. </p> </div> </div> </div> </article> </li> <li class="grid-item"> <article class="card position-relative" data-bi-name="icon-card"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left"> <figure class="image is-64x64 "> <img src="images/icon-learn.svg" alt="" aria-hidden="true" data-linktype="relative-path"> </figure> </div> <div class="media-content"> <a href="https://learn.microsoft.com/training/browse/?roles=developer&products=windows" class="card-title stretched-link" data-linktype="external">Microsoft Learn</a> <p class="card-content-description margin-top-xxs"> Our hands-on approach to learning is designed to help individuals at every skill level. </p> </div> </div> </div> </article> </li> <li class="grid-item"> <article class="card position-relative" data-bi-name="icon-card"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left"> <figure class="image is-64x64 "> <img src="images/icon-insider.svg" alt="" aria-hidden="true" data-linktype="relative-path"> </figure> </div> <div class="media-content"> <a href="https://www.microsoft.com/windowsinsider/getting-started" class="card-title stretched-link" data-linktype="external">Windows Insider Program</a> <p class="card-content-description margin-top-xxs"> Be the first to see what's next for Windows and give us your feedback to help us improve. </p> </div> </div> </div> </article> </li> <li class="grid-item"> <article class="card position-relative" data-bi-name="icon-card"> <div class="card-content display-flex"> <div class="media align-items-stretch"> <div class="media-left"> <figure class="image is-64x64 "> <img src="images/icon-samples.svg" alt="" aria-hidden="true" data-linktype="relative-path"> </figure> </div> <div class="media-content"> <a href="https://learn.microsoft.com/windows/apps/get-started/samples" class="card-title stretched-link" data-linktype="external">Samples</a> <p class="card-content-description margin-top-xxs"> Get started with app development by exploring our samples. </p> </div> </div> </div> </article> </li> </ul> </div> </div> <div id="markdown-section-9" class="padding-block-sm"> <div class="uhf-container padding-top-sm"> <div class="content"> <h2 id="latest-news">Latest news</h2> <section class="row"> <div class="column"> <div class="border border-radius padding-inline-xs padding-bottom-xs"> <p><strong><a href="https://blogs.windows.com/windowsdeveloper/2024/11/12/directml-unlocks-new-silicon-for-ai-experiences-across-windows-copilot-pcs/" data-linktype="external">DirectML unlocks new silicon for AI experiences across Windows Copilot+ PCs</a></strong></p> <p>October was an exciting month of amazing showcases and announcements for applications leveraging the...</p> <p><strong>November 12, 2024</strong></p> <p><a href="https://blogs.windows.com/windowsdeveloper" data-linktype="external"><img src="/en-us/windows/images/windows-devblog.png" alt="Windows developer blog" data-linktype="absolute-path"></a></p> </div> </div> <div class="column"> <div class="border border-radius padding-inline-xs padding-bottom-xs"> <p><strong><a href="https://blogs.windows.com/windowsdeveloper/2024/11/07/so-whats-new-with-microsoft-native-ux-technologies/" data-linktype="external">So what鈥檚 new with Microsoft native UX technologies</a></strong></p> <p>Client apps are often the first interaction users have with your services, whether those are cloud n...</p> <p><strong>November 07, 2024</strong></p> <p><a href="https://blogs.windows.com/windowsdeveloper" data-linktype="external"><img src="/en-us/windows/images/windows-devblog.png" alt="Windows developer blog" data-linktype="absolute-path"></a></p> </div> </div> <div class="column"> <div class="border border-radius padding-inline-xs padding-bottom-xs"> <p><strong><a href="https://devblogs.microsoft.com/visualstudio/top-5-github-copilot-features-in-visual-studio-from-microsoft-ignite-2024/" data-linktype="external">Top 5 GitHub Copilot Features in Visual Studio from Microsoft Ignite 2024</a></strong></p> <p>At this year鈥檚 Microsoft Ignite, it was truly exciting to see Scott, Dalia, and Jessie demo some of ...</p> <p><strong>November 22, 2024</strong></p> <p><a href="https://devblogs.microsoft.com/visualstudio" data-linktype="external"><img src="/en-us/windows/images/visualstudio_blog.png" alt="Visual Studio blog" data-linktype="absolute-path"></a></p> </div> </div> <div class="column"> <div class="border border-radius padding-inline-xs padding-bottom-xs"> <p><strong><a href="https://devblogs.microsoft.com/visualstudio/making-you-more-productive-with-visual-studio-v17-12/" data-linktype="external">Making you more productive with Visual Studio v17.12</a></strong></p> <p>The 12th update to Visual Studio 2022 is packed with lots of exciting new features that users have b...</p> <p><strong>November 21, 2024</strong></p> <p><a href="https://devblogs.microsoft.com/visualstudio" data-linktype="external"><img src="/en-us/windows/images/visualstudio_blog.png" alt="Visual Studio blog" data-linktype="absolute-path"></a></p> </div> </div> </section> </div> </div> </div> <div id="social-section-10" 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" class="title is-2 is-responsive">Follow us</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="http://go.microsoft.com/fwlink/p/?LinkID=317808" title="Twitter" data-linktype="external"> <span class="docon docon-brand-twitter"></span> <span class="visually-hidden">Twitter</span> </a> <a class="button button-lg" href="https://www.instagram.com/windowsdeveloper/" title="Instagram" data-linktype="external"> <span class="docon docon-brand-instagram"></span> <span class="visually-hidden">Instagram</span> </a> <a class="button button-lg" href="http://go.microsoft.com/fwlink/p/?LinkID=317807" title="Facebook" data-linktype="external"> <span class="docon docon-brand-facebook"></span> <span class="visually-hidden">Facebook</span> </a> <a class="button button-lg" href="https://blogs.windows.com/windowsdeveloper/" title="Blog" data-linktype="external"> <span class="docon docon-blog"></span> <span class="visually-hidden">Blog</span> </a> <a class="button button-lg" href="https://www.youtube.com/@WindowsDevelopers" title="YouTube" data-linktype="external"> <span class="docon docon-brand-youtube"></span> <span class="visually-hidden">YouTube</span> </a> </div> </div> </div> </div> </div> </div> </div> </div><div id="assertive-live-region" role="alert" aria-live="assertive" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div> <div id="polite-live-region" role="status" aria-live="polite" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div>  </main>  <div class="border-top is-visible-interactive has-default-focus margin-top-sm margin-top-none"><footer id="footer-interactive" data-bi-name="footer" class="footer-layout"><div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"><a data-mscc-ic="false" class="locale-selector-link button button-sm button-clear flex-shrink-0" href="#" data-bi-name="select-locale"> <span class="icon" aria-hidden="true"> <span class="docon docon-world"></span> </span> <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a href="https://aka.ms/yourcaliforniaprivacychoices" class="button button-sm button-clear flex-shrink-0" data-mscc-ic="false" data-bi-name="your-privacy-choices" > <svg role="img" aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" focusable="false" > <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title> <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 class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="theme-menu-interactive" 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="theme-menu-interactive" role="menu"> <ul class="theme-selector padding-xxs" role="none"> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Light</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Dark</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>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 class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy">Privacy</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkID=206977" data-bi-name="termsofuse">Terms of Use</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks">Trademarks</a></li><li>© Microsoft 2024</li> </ul> </footer></div></div></div>  </section>   <aside id="interactive-container" class="interactive-container is-visible-interactive column has-body-background-dark "> </aside>  </div> </div>  <section class="border-top has-default-focus is-hidden-interactive margin-top-sm margin-top-none"><footer id="footer" data-bi-name="footer" class="footer-layout uhf-container has-padding" role="contentinfo"><div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"><a data-mscc-ic="false" class="locale-selector-link button button-sm button-clear flex-shrink-0" href="#" data-bi-name="select-locale"> <span class="icon" aria-hidden="true"> <span class="docon docon-world"></span> </span> <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a href="https://aka.ms/yourcaliforniaprivacychoices" class="button button-sm button-clear flex-shrink-0" data-mscc-ic="false" data-bi-name="your-privacy-choices" > <svg role="img" aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" focusable="false" > <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title> <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 class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="theme-menu" 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="theme-menu" role="menu"> <ul class="theme-selector padding-xxs" role="none"> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Light</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Dark</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>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 class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy">Privacy</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkID=206977" data-bi-name="termsofuse">Terms of Use</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks">Trademarks</a></li><li>© Microsoft 2024</li> </ul> </footer> </section> <div id="action-panel" role="region" aria-label="Action Panel" class="action-panel has-default-focus" tabindex="-1"></div> </body> </html>