It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://engineering.microsoft.com/feed/

  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56. <html
  57. class=" is-full hub has-default-focus theme-light"
  58. lang="en-us"
  59. dir="ltr"
  60. data-authenticated="false"
  61. data-auth-status-determined="false"
  62. data-target="docs"
  63. x-ms-format-detection="none">
  64.  
  65. <head>
  66. <meta charset="utf-8" />
  67. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  68. <meta property="og:title" content="DevOps resource center - Azure DevOps" />
  69. <meta property="og:type" content="website" />
  70. <meta property="og:url" content="https://learn.microsoft.com/en-us/devops/" />
  71. <meta property="og:description" content="Learn about DevOps practices, Git version control, Agile methods, and DevOps at Microsoft." />
  72.  
  73. <meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
  74.  
  75. <meta property="og:image:alt" content="Microsoft Learn" />
  76.  
  77. <meta name="twitter:card" content="summary_large_image" />
  78.  
  79. <meta name="twitter:site" content="@MicrosoftLearn" />
  80.  
  81. <meta name="color-scheme" content="light dark">
  82.  
  83.  
  84. <meta name="author" content="mijacobs" />
  85. <meta name="breadcrumb_path" content="/devops/breadcrumb/toc.json" />
  86. <meta name="depot_name" content="MSDN.azure-devops-learn" />
  87. <meta name="description" content="Learn about DevOps practices, Git version control, Agile methods, and DevOps at Microsoft." />
  88. <meta name="document_id" content="885f49c6-ea72-8b23-f2c5-c99518456e3e" />
  89. <meta name="document_version_independent_id" content="faa80f9b-6dc8-bbd0-1b60-69c2d0d6311c" />
  90. <meta name="feedback_help_link_type" content="" />
  91. <meta name="feedback_help_link_url" content="" />
  92. <meta name="feedback_product_url" content="https://developercommunity.visualstudio.com/spaces/21/index.html" />
  93. <meta name="feedback_system" content="Standard" />
  94. <meta name="git_commit_id" content="fbc8f4dad2e33ad15c2ed5ef87a0de41bf6c359e" />
  95. <meta name="gitcommit" content="https://github.com/MicrosoftDocs/devops-resource-center-pr/blob/fbc8f4dad2e33ad15c2ed5ef87a0de41bf6c359e/docs/index.yml" />
  96. <meta name="locale" content="en-us" />
  97. <meta name="ms.author" content="jukullam" />
  98. <meta name="ms.date" content="03/05/2024" />
  99. <meta name="ms.manager" content="mijacobs" />
  100. <meta name="ms.prodfamily" content="ALM" />
  101. <meta name="ms.service" content="azure-devops" />
  102. <meta name="ms.subservice" content="devops-resource-center" />
  103. <meta name="ms.topic" content="hub-page" />
  104. <meta name="ms.version" content="ALM" />
  105. <meta name="MSHAttr.msprod" content="ms.prod:devops" />
  106. <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/devops-resource-center-pr/blob/live/docs/index.yml" />
  107. <meta name="page_type" content="hub" />
  108. <meta name="schema" content="Hub" />
  109. <meta name="site_name" content="Docs" />
  110. <meta name="summary" content="Learn about DevOps practices, Git version control, Agile methods, and DevOps at Microsoft." />
  111. <meta name="uhfHeaderId" content="MSDocsHeader-DevOps" />
  112. <meta name="updated_at" content="2024-04-05 09:15 PM" />
  113.  
  114.  
  115. <meta name="persistent_id" content="5d54f746-54ec-7a89-1703-8d6522da3d5a" />
  117.  
  118.  
  119. <meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/5bd2b3fa-c186-4b92-a3c8-09f22a249d37" data-source="generated" />
  120.  
  121. <meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/9bdc1705-9b40-49d6-8377-caa0b71fda66" data-source="generated" />
  122.  
  123. <meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/68ec7f3a-2bc6-459f-b959-19beb729907d" data-source="generated" />
  124.  
  126.  
  127.  
  128. <meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/7eba7926-b7b2-4a7a-bf89-e6ac53b3e7f6" data-source="generated" />
  129.  
  130. <meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/686ed158-d915-41e9-9760-efa46ba88f6d" data-source="generated" />
  131.  
  132. <meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/90370425-aca4-4a39-9533-d52e5e002a5d" data-source="generated" />
  133.  
  135.  
  136.  
  137. <meta name="scope" content="VSTS, Azure DevOps, Azure, DevOps" />
  138. <meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/devops-resource-center-pr/blob/live/docs/index.yml" />
  139. <link href="https://learn.microsoft.com/en-us/devops/" rel="canonical">
  140. <title>DevOps resource center - Azure DevOps | Microsoft Learn</title>
  141.  
  142. <link rel="stylesheet" href="/_themes/docs.theme/master/en-us/_themes/styles/b020066a.site-ltr.css ">
  143.  
  145.  
  146. <script id="msdocs-script">
  147. var msDocs = {
  148. data: {
  149. timeOrigin: Date.now(),
  150. contentLocale: 'en-us',
  151. contentDir: 'ltr',
  152. userLocale: 'en-us',
  153. userDir: 'ltr',
  154. pageTemplate: 'Hub',
  155. brand: 'azure',
  156. context: {
  157. },
  158. hasBinaryRating: false,
  159. hasGithubIssues: false,
  160. feedbackHelpLinkType:'',
  161. feedbackHelpLinkUrl:'',
  162. standardFeedback: false,
  163. showFeedbackReport: false,
  164. enableTutorialFeedback: false,
  165. feedbackSystem: 'Standard',
  166. feedbackGitHubRepo: '',
  167. feedbackProductUrl: 'https://developercommunity.visualstudio.com/spaces/21/index.html',
  168. extendBreadcrumb: false,
  169. isEditDisplayable: false,
  170. hideViewSource: false,
  171. hasPageActions: false,
  172. hasPrintButton: false,
  173. hasBookmark: false,
  174. hasShare: true,
  175. isPermissioned: false,
  176. isPrivateUnauthorized: false,
  177. hasRecommendations: false,
  178. contributors: [
  179. { name: "juliakm", url: "https://github.com/juliakm" }
  180. ],
  181. },
  182. functions:{}
  183. };
  184. </script>
  185. <script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
  186. <script src="https://js.monitor.azure.com/scripts/c/ms.jsll-3.min.js"></script>
  187.  
  188. <script src="/_themes/docs.theme/master/en-us/_themes/global/67a45209.deprecation.js"></script>
  189.  
  190. <link rel="preconnect" href="//mscom.demdex.net" crossorigin>
  191. <link rel="dns-prefetch" href="//target.microsoft.com">
  192. <link rel="dns-prefetch" href="//microsoftmscompoc.tt.omtrdc.net">
  193. <link
  194. rel="preload"
  195. as="script"
  196. href="/static/third-party/adobe-target/at-js/2.9.0/at.js"
  197. integrity="sha384-1/viVM50hgc33O2gOgkWz3EjiD/Fy/ld1dKYXJRUyjNYVEjSUGcSN+iPiQF7e4cu"
  198. crossorigin="anonymous"
  199. id="adobe-target-script"
  200. type="application/javascript"
  201. />
  202. <script src="/_themes/docs.theme/master/en-us/_themes/scripts/930d4fa3.index-docs.js"></script>
  203. </head>
  204.  
  205. <body lang="en-us" dir="ltr">
  206. <div class="header-holder has-default-focus">
  207. <a href="#main" class="skip-to-main-link has-outline-color-text visually-hidden-until-focused position-fixed has-inner-focus focus-visible top-0 left-0 right-0 padding-xs has-text-centered has-body-background" tabindex="1">Skip to main content</a>
  208.  
  209. <div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div>
  210.  
  211. <div id="unsupported-browser" style="
  212. background-color: white;
  213. color: black;
  214. padding: 16px;
  215. border-bottom: 1px solid grey;"
  216. hidden
  217. >
  218. <div style="max-width: 800px; margin: 0 auto;">
  219. <p style="font-size: 24px">This browser is no longer supported.</p>
  220. <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>
  221. <div style="margin-top: 12px;">
  222. <a href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
  223. style="
  224. background-color: #0078d4;
  225. border: 1px solid #0078d4;
  226. color: white;
  227. padding: 6px 12px;
  228. border-radius: 2px;
  229. display: inline-block;
  230. ">
  231. Download Microsoft Edge </a>
  232. <a href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
  233. style="
  234. background-color: white;
  235. padding: 6px 12px;
  236. border: 1px solid #505050;
  237. color: #171717;
  238. border-radius: 2px;
  239. display: inline-block;
  240. ">
  241. More info about Internet Explorer and Microsoft Edge </a>
  242. </div>
  243. </div>
  244. </div>
  245. <!-- liquid-tag banners global -->
  246.  
  247. <!-- site header -->
  248. <header id="ms--site-header" data-test-id="site-header-wrapper" role="banner" itemscope="itemscope" itemtype="http://schema.org/Organization">
  249. <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>
  250. <div id="ms--primary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L1-header" data-test-id="primary-header"></div>
  251. <div id="ms--secondary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L2-header" data-test-id="secondary-header"></div>
  252. </header>
  253.  
  254.  
  255. <div id="disclaimer-holder" class="has-overflow-hidden has-default-focus">
  256. <!-- liquid-tag banners sectional -->
  257. </div>
  258. </div>
  259.  
  260. <div class="mainContainer  uhf-container is-full  has-default-focus" data-bi-name="body">
  261.  
  262. <div class="columns has-large-gaps is-gapless-mobile  is-gapless">
  263.  
  264.  
  265. <!-- .primary-holder -->
  266. <section class="primary-holder column ">
  267. <!--div.columns -->
  268. <div class="columns is-gapless-mobile has-large-gaps  is-gapless">
  269.  
  270.  
  271. <div id="main-column" class="column ">
  272.  
  273. <main id="main" class="" role="main" data-bi-name="content" lang="en-us" dir="ltr">
  274.  
  275.  
  276. <div>
  277. <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>
  278. <span class="icon">
  279. <span class="docon docon-editor-list-bullet" aria-hidden="true"></span>
  280. </span>
  281. <span class="contents-expand-title">Table of contents</span>
  282. </button>
  283. </div>
  284.  
  285. <!-- end mobile-contents button  -->
  286.  
  287. <div class="content ">
  288.  
  289.  
  291.  
  292.  
  293.  
  294. <!-- <content> -->
  295. <section id="hero" class="hero  has-background-azure has-text-azure-invert background-image-pattern-plus hero-xs background-image-pattern background-size-200">
  296. <div class="hero-content">
  297. <h1 id="hero-title" class="title">DevOps resource center</h1>
  298. <p id="hero-summary" class="margin-none padding-top-xs">Learn about DevOps practices, Git version control, Agile methods, and DevOps at Microsoft.</p>
  299. </div>
  300. </section>
  301.  
  302. <section id="highlighted-content">
  303. <div class="uhf-container padding-block-sm">
  304. <div class="columns is-multiline">
  305. <div class="column is-6-tablet is-3-desktop">
  306. <article class="card is-full-height position-relative">
  307. <div class="card-content display-flex">
  308. <div class="media align-items-stretch">
  309. <div class="media-left display-none display-block-tablet">
  310. <div class="image image-64x64 has-text-azure" aria-hidden="true">
  311. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path class="has-stroke-current-color" fill="none" stroke="#0079d6" stroke-width="3.25px" stroke-miterlimit="10" d="M17.05 6.77a5.87 5.87 0 0 0-4.45 1.47c-.92 1-1.39 2.66-1.39 5V21q0 8.71-5.58 10.91v.14q5.58 2.31 5.58 11.42V51q0 6.35 5.84 6.34M47 57.23a5.87 5.87 0 0 0 4.45-1.47c.92-1 1.39-2.66 1.39-5V43q0-8.72 5.58-10.91v-.14q-5.58-2.31-5.58-11.42V13q0-6.35-5.84-6.34"/> <path opacity=".5" fill="#e3e3e3" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="#c8c8c8" opacity=".5" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="#acacac" opacity=".5" d="M17.13 40.56h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 40.56h29.75v9.52H17.13z"/> </g> </svg>
  312. </div>
  313. </div>
  314. <div class="media-content">
  315. <p class="card-supertitle margin-top-none margin-top-xs-tablet">Concept</p>
  316. <a id="what-is-infrastructure-as-code-(iac)-0" href="deliver/what-is-infrastructure-as-code" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">What is infrastructure as code (IaC)?</a>
  317. </div>
  318. </div>
  319. </div>
  320. </article>
  321. </div>
  322. <div class="column is-6-tablet is-3-desktop">
  323. <article class="card is-full-height position-relative">
  324. <div class="card-content display-flex">
  325. <div class="media align-items-stretch">
  326. <div class="media-left display-none display-block-tablet">
  327. <div class="image image-64x64 has-text-azure" aria-hidden="true">
  328. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path class="has-stroke-current-color" fill="none" stroke="#0079d6" stroke-width="3.25px" stroke-miterlimit="10" d="M17.05 6.77a5.87 5.87 0 0 0-4.45 1.47c-.92 1-1.39 2.66-1.39 5V21q0 8.71-5.58 10.91v.14q5.58 2.31 5.58 11.42V51q0 6.35 5.84 6.34M47 57.23a5.87 5.87 0 0 0 4.45-1.47c.92-1 1.39-2.66 1.39-5V43q0-8.72 5.58-10.91v-.14q-5.58-2.31-5.58-11.42V13q0-6.35-5.84-6.34"/> <path opacity=".5" fill="#e3e3e3" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="#c8c8c8" opacity=".5" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="#acacac" opacity=".5" d="M17.13 40.56h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 40.56h29.75v9.52H17.13z"/> </g> </svg>
  329. </div>
  330. </div>
  331. <div class="media-content">
  332. <p class="card-supertitle margin-top-none margin-top-xs-tablet">Concept</p>
  333. <a id="what-is-devops-1" href="what-is-devops" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">What is DevOps?</a>
  334. </div>
  335. </div>
  336. </div>
  337. </article>
  338. </div>
  339. <div class="column is-6-tablet is-3-desktop">
  340. <article class="card is-full-height position-relative">
  341. <div class="card-content display-flex">
  342. <div class="media align-items-stretch">
  343. <div class="media-left display-none display-block-tablet">
  344. <div class="image image-64x64 has-text-azure" aria-hidden="true">
  345. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path class="has-stroke-current-color" fill="none" stroke="#0079d6" stroke-width="3.25px" stroke-miterlimit="10" d="M17.05 6.77a5.87 5.87 0 0 0-4.45 1.47c-.92 1-1.39 2.66-1.39 5V21q0 8.71-5.58 10.91v.14q5.58 2.31 5.58 11.42V51q0 6.35 5.84 6.34M47 57.23a5.87 5.87 0 0 0 4.45-1.47c.92-1 1.39-2.66 1.39-5V43q0-8.72 5.58-10.91v-.14q-5.58-2.31-5.58-11.42V13q0-6.35-5.84-6.34"/> <path opacity=".5" fill="#e3e3e3" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="#c8c8c8" opacity=".5" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="#acacac" opacity=".5" d="M17.13 40.56h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 40.56h29.75v9.52H17.13z"/> </g> </svg>
  346. </div>
  347. </div>
  348. <div class="media-content">
  349. <p class="card-supertitle margin-top-none margin-top-xs-tablet">Concept</p>
  350. <a id="how-microsoft-develops-with-devops-2" href="develop/how-microsoft-develops-devops" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">How Microsoft develops with DevOps</a>
  351. </div>
  352. </div>
  353. </div>
  354. </article>
  355. </div>
  356. <div class="column is-6-tablet is-3-desktop">
  357. <article class="card is-full-height position-relative">
  358. <div class="card-content display-flex">
  359. <div class="media align-items-stretch">
  360. <div class="media-left display-none display-block-tablet">
  361. <div class="image image-64x64 has-text-azure" aria-hidden="true">
  362. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" preserveAspectRatio="xMidYMin meet"> <g data-name="Layer 1"> <path class="has-stroke-current-color" fill="none" stroke="#0079d6" stroke-width="3.25px" stroke-miterlimit="10" d="M17.05 6.77a5.87 5.87 0 0 0-4.45 1.47c-.92 1-1.39 2.66-1.39 5V21q0 8.71-5.58 10.91v.14q5.58 2.31 5.58 11.42V51q0 6.35 5.84 6.34M47 57.23a5.87 5.87 0 0 0 4.45-1.47c.92-1 1.39-2.66 1.39-5V43q0-8.72 5.58-10.91v-.14q-5.58-2.31-5.58-11.42V13q0-6.35-5.84-6.34"/> <path opacity=".5" fill="#e3e3e3" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 13.91h29.75v9.52H17.13z"/> <path fill="#c8c8c8" opacity=".5" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 27.24h29.75v9.52H17.13z"/> <path fill="#acacac" opacity=".5" d="M17.13 40.56h29.75v9.52H17.13z"/> <path fill="none" stroke="#c8c8c8" stroke-width="1.25px" stroke-miterlimit="10" d="M17.13 40.56h29.75v9.52H17.13z"/> </g> </svg>
  363. </div>
  364. </div>
  365. <div class="media-content">
  366. <p class="card-supertitle margin-top-none margin-top-xs-tablet">Concept</p>
  367. <a id="security-in-devops-(devsecops)-3" href="operate/security-in-devops" class="card-title stretched-link has-external-link-indicator" data-linktype="relative-path">Security in DevOps (DevSecOps)</a>
  368. </div>
  369. </div>
  370. </div>
  371. </article>
  372. </div>
  373. </div>
  374. </div>
  375. </section>
  376.  
  377.  
  378. <section id="conceptual-content" class="padding-block-lg">
  379. <div class="uhf-container anchor-headings">
  380. <div class="columns is-multiline">
  381. <div class="column is-6-tablet is-3-desktop">
  382. <article class="card is-full-height">
  383. <div class="card-content">
  384. <p class="card-title color-text font-size-lg">Plan with DevOps</p>
  385. <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs">
  386. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  387. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  388. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  389. <span class="docon docon-topic-concept"></span>
  390. </span>
  391. <a href="plan/what-is-agile" class="has-external-link-indicator" data-linktype="relative-path">What is Agile?</a>
  392. </div>
  393. </li>
  394. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  395. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  396. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  397. <span class="docon docon-topic-concept"></span>
  398. </span>
  399. <a href="plan/what-is-scrum" class="has-external-link-indicator" data-linktype="relative-path">What is scrum?</a>
  400. </div>
  401. </li>
  402. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  403. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  404. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  405. <span class="docon docon-topic-concept"></span>
  406. </span>
  407. <a href="plan/what-is-kanban" class="has-external-link-indicator" data-linktype="relative-path">What is Kanban?</a>
  408. </div>
  409. </li>
  410. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  411. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  412. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  413. <span class="docon docon-topic-concept"></span>
  414. </span>
  415. <a href="plan/how-microsoft-plans-devops" class="has-external-link-indicator" data-linktype="relative-path">How Microsoft plans with DevOps</a>
  416. </div>
  417. </li>
  418. </ul>
  419. </div>
  420. </article>
  421. </div>
  422. <div class="column is-6-tablet is-3-desktop">
  423. <article class="card is-full-height">
  424. <div class="card-content">
  425. <p class="card-title color-text font-size-lg">Develop with DevOps</p>
  426. <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs">
  427. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  428. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  429. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  430. <span class="docon docon-topic-concept"></span>
  431. </span>
  432. <a href="develop/git/what-is-git" class="has-external-link-indicator" data-linktype="relative-path">What is Git?</a>
  433. </div>
  434. </li>
  435. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  436. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  437. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  438. <span class="docon docon-topic-concept"></span>
  439. </span>
  440. <a href="develop/git/understand-git-history" class="has-external-link-indicator" data-linktype="relative-path">Understand Git history</a>
  441. </div>
  442. </li>
  443. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  444. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  445. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  446. <span class="docon docon-topic-concept"></span>
  447. </span>
  448. <a href="develop/what-is-continuous-integration" class="has-external-link-indicator" data-linktype="relative-path">Use continuous integration</a>
  449. </div>
  450. </li>
  451. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  452. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  453. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  454. <span class="docon docon-topic-concept"></span>
  455. </span>
  456. <a href="develop/shift-left-make-testing-fast-reliable" class="has-external-link-indicator" data-linktype="relative-path">Shift testing left with unit tests</a>
  457. </div>
  458. </li>
  459. </ul>
  460. </div>
  461. </article>
  462. </div>
  463. <div class="column is-6-tablet is-3-desktop">
  464. <article class="card is-full-height">
  465. <div class="card-content">
  466. <p class="card-title color-text font-size-lg">Deliver with DevOps</p>
  467. <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs">
  468. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  469. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  470. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  471. <span class="docon docon-topic-concept"></span>
  472. </span>
  473. <a href="deliver/what-is-continuous-delivery" class="has-external-link-indicator" data-linktype="relative-path">What is continuous delivery?</a>
  474. </div>
  475. </li>
  476. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  477. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  478. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  479. <span class="docon docon-topic-concept"></span>
  480. </span>
  481. <a href="deliver/what-is-infrastructure-as-code" class="has-external-link-indicator" data-linktype="relative-path">What is infrastructure as code (IaC)?</a>
  482. </div>
  483. </li>
  484. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  485. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  486. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  487. <span class="docon docon-topic-concept"></span>
  488. </span>
  489. <a href="deliver/iac-github-actions" class="has-external-link-indicator" data-linktype="relative-path">Deploy to Azure infrastructure with GitHub Actions</a>
  490. </div>
  491. </li>
  492. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  493. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  494. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  495. <span class="docon docon-topic-concept"></span>
  496. </span>
  497. <a href="deliver/shift-right-test-production" class="has-external-link-indicator" data-linktype="relative-path">Shift right to test in production</a>
  498. </div>
  499. </li>
  500. </ul>
  501. </div>
  502. </article>
  503. </div>
  504. <div class="column is-6-tablet is-3-desktop">
  505. <article class="card is-full-height">
  506. <div class="card-content">
  507. <p class="card-title color-text font-size-lg">Operate with DevOps</p>
  508. <ul class="has-line-height-reset margin-left-none margin-bottom-none margin-top-xs">
  509. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  510. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  511. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  512. <span class="docon docon-topic-concept"></span>
  513. </span>
  514. <a href="operate/what-is-monitoring" class="has-external-link-indicator" data-linktype="relative-path">What is monitoring?</a>
  515. </div>
  516. </li>
  517. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  518. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  519. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  520. <span class="docon docon-topic-concept"></span>
  521. </span>
  522. <a href="operate/progressive-experimentation-feature-flags" class="has-external-link-indicator" data-linktype="relative-path">Progressive experimentation with feature flags</a>
  523. </div>
  524. </li>
  525. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  526. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  527. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  528. <span class="docon docon-topic-concept"></span>
  529. </span>
  530. <a href="operate/achieving-no-downtime-versioned-service-updates" class="has-external-link-indicator" data-linktype="relative-path">Eliminate downtime through versioned service updates</a>
  531. </div>
  532. </li>
  533. <li class="is-unstyled margin-bottom-xxs font-size-sm">
  534. <div class="justify-content-flex-start display-flex is-fullwidth font-size-sm has-text-wrap">
  535. <span class="icon font-size-md has-text-primary margin-right-xxs" aria-hidden="true">
  536. <span class="docon docon-topic-concept"></span>
  537. </span>
  538. <a href="operate/how-microsoft-operates-devops" class="has-external-link-indicator" data-linktype="relative-path">How Microsoft operates reliable systems with DevOps</a>
  539. </div>
  540. </li>
  541. </ul>
  542. </div>
  543. </article>
  544. </div>
  545. </div>
  546. </div>
  547. </section>
  548.  
  549.  
  550. <section id="additional-content" class="padding-block-lg">
  551. <div class="uhf-container anchor-headings">
  552. <h2 class="margin-top-none margin-bottom-sm">Additional resources</h2>
  553. <div class="columns is-multiline">
  554. <div class="column is-6-tablet is-3-desktop">
  555. <article class="card is-full-height position-relative">
  556. <div class="card-content">
  557. <a href="/en-us/azure/devops/user-guide/what-is-azure-devops" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Azure DevOps</a>
  558. <p class="card-content-description">Bring PM, design, and engineering together with integrated, collaborative processes to plan work, develop code, and deliver applications.</p>
  559. </div>
  560. </article>
  561. </div>
  562. <div class="column is-6-tablet is-3-desktop">
  563. <article class="card is-full-height position-relative">
  564. <div class="card-content">
  565. <a href="https://docs.github.com" class="card-title stretched-link has-external-link-indicator" data-linktype="external">GitHub</a>
  566. <p class="card-content-description">Implement DevOps best practices like version control, collaborative coding, automation, CI/CD, security, and team administration with GitHub.</p>
  567. </div>
  568. </article>
  569. </div>
  570. <div class="column is-6-tablet is-3-desktop">
  571. <article class="card is-full-height position-relative">
  572. <div class="card-content">
  573. <a href="/en-us/platform-engineering/" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Platform engineering</a>
  574. <p class="card-content-description">Use building blocks from Microsoft and other vendors to create deeply personalized, optimized, and secure developer experiences..</p>
  575. </div>
  576. </article>
  577. </div>
  578. <div class="column is-6-tablet is-3-desktop">
  579. <article class="card is-full-height position-relative">
  580. <div class="card-content">
  581. <a href="/en-us/azure/developer/azure-developer-cli" class="card-title stretched-link has-external-link-indicator" data-linktype="absolute-path">Azure Developer CLI (azd)</a>
  582. <p class="card-content-description">Use developer-friendly commands that map to key stages in your workflow (code, build, deploy, monitor).</p>
  583. </div>
  584. </article>
  585. </div>
  586. </div>
  587. </div>
  588. </section>
  589.  
  590. </div>
  591.  
  592. <div id="assertive-live-region" role="alert" aria-live="assertive" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div>
  593. <div id="polite-live-region" role="status" aria-live="polite" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div>
  594. <!-- </content> -->
  595.  
  596. </main>
  597.  
  598.  
  599.  
  600.  
  601. <!-- recommendations section -->
  602. <!-- end recommendations section -->
  603.  
  604. <!-- feedback section -->
  605. <!-- end feedback section -->
  606.  
  607. <!-- feedback report section -->
  608. <!-- end feedback report section -->
  609.  
  610.  
  611. <div class="border-top is-visible-interactive has-default-focus margin-top-sm  margin-top-none">
  612.  
  613.  
  614.  
  615. <footer id="footer-interactive" data-bi-name="footer" class="footer-layout">
  616. <div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
  617. <a
  618. data-mscc-ic="false"
  619. class="locale-selector-link button button-sm button-clear flex-shrink-0"
  620. href="#"
  621. data-bi-name="select-locale">
  622. <span class="icon" aria-hidden="true">
  623. <span class="docon docon-world"></span>
  624. </span>
  625. <span class="local-selector-link-text"></span></a>
  626. <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
  627. <a
  628. href="https://aka.ms/yourcaliforniaprivacychoices"
  629. class="button button-sm button-clear flex-shrink-0"
  630. data-mscc-ic="false"
  631. data-bi-name="your-privacy-choices"
  632. >
  633. <svg
  634. role="img"
  635. aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon"
  636. xmlns="http://www.w3.org/2000/svg"
  637. viewBox="0 0 30 14"
  638. xml:space="preserve"
  639. height="16"
  640. width="43"
  641. focusable="false"
  642. >
  643. <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title>
  644. <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>
  645. <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>
  646. <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>
  647. <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>
  648. </svg>
  649. <span>Your Privacy Choices</span>
  650. </a>
  651. </div>
  652. <div class="flex-shrink-0">
  653. <div class="dropdown has-caret-up">
  654. <button class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger"
  655. aria-controls="theme-menu-interactive" aria-expanded="false" title="Theme" data-bi-name="theme">
  656. <span class="icon">
  657. <span class="docon docon-sun" aria-hidden="true"></span>
  658. </span>
  659. <span>Theme</span>
  660. <span class="icon expanded-indicator" aria-hidden="true">
  661. <span class="docon docon-chevron-down-light"></span>
  662. </span>
  663. </button>
  664. <div class="dropdown-menu" id="theme-menu-interactive" role="menu">
  665. <ul class="theme-selector padding-xxs" role="none">
  666. <li class="theme display-block" role="menuitem">
  667. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  668. data-theme-to="light">
  669. <span class="theme-light margin-right-xxs">
  670. <span
  671. class="theme-selector-icon border display-inline-block has-body-background"
  672. aria-hidden="true">
  673. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  674. viewBox="0 0 22 14">
  675. <rect width="22" height="14" class="has-fill-body-background" />
  676. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  677. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  678. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  679. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  680. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  681. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  682. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  683. </svg>
  684. </span>
  685. </span>
  686. <span>
  687. Light </span>
  688. </button>
  689. </li>
  690. <li class="theme display-block" role="menuitem">
  691. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  692. data-theme-to="dark">
  693. <span class="theme-dark margin-right-xxs">
  694. <span
  695. class="border theme-selector-icon display-inline-block has-body-background"
  696. aria-hidden="true">
  697. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  698. viewBox="0 0 22 14">
  699. <rect width="22" height="14" class="has-fill-body-background" />
  700. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  701. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  702. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  703. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  704. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  705. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  706. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  707. </svg>
  708. </span>
  709. </span>
  710. <span>
  711. Dark </span>
  712. </button>
  713. </li>
  714. <li class="theme display-block" role="menuitem">
  715. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  716. data-theme-to="high-contrast">
  717. <span class="theme-high-contrast margin-right-xxs">
  718. <span
  719. class="border theme-selector-icon display-inline-block has-body-background"
  720. aria-hidden="true">
  721. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  722. viewBox="0 0 22 14">
  723. <rect width="22" height="14" class="has-fill-body-background" />
  724. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  725. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  726. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  727. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  728. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  729. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  730. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  731. </svg>
  732. </span>
  733. </span>
  734. <span>
  735. High contrast </span>
  736. </button>
  737. </li>
  738. </ul>
  739. </div>
  740. </div>
  741. </div>
  742. </div>
  743. <ul class="links" data-bi-name="footerlinks">
  744. <li class="manage-cookies-holder" hidden></li>
  745. <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/previous-versions/" data-bi-name="archivelink">Previous Versions</a></li>
  746. <li><a class="external-link-indicator" data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink">Blog</a></li>
  747. <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/contribute/" data-bi-name="contributorGuide">Contribute</a></li>
  748. <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>
  749. <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/legal/termsofuse" data-bi-name="termsofuse">Terms of Use</a></li>
  750. <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>
  751. <li>&copy; Microsoft 2024</li>
  752. </ul>
  753. </footer>
  754. </div>
  755.  
  756. </div>
  757.  
  758.  
  759. </div>
  760. <!--end of div.columns -->
  761.  
  762. </section>
  763. <!--end of .primary-holder -->
  764.  
  765. <!-- interactive container -->
  766. <aside id="interactive-container" class="interactive-container is-visible-interactive column has-body-background-dark ">
  767. </aside>
  768. <!-- end of interactive container -->
  769. </div>
  770.  
  771. </div>
  772. <!--end of .mainContainer -->
  773.  
  774. <section class="border-top has-default-focus is-hidden-interactive margin-top-sm  margin-top-none">
  775.  
  776.  
  777.  
  778. <footer id="footer" data-bi-name="footer" class="footer-layout uhf-container has-padding" role="contentinfo">
  779. <div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop">
  780. <a
  781. data-mscc-ic="false"
  782. class="locale-selector-link button button-sm button-clear flex-shrink-0"
  783. href="#"
  784. data-bi-name="select-locale">
  785. <span class="icon" aria-hidden="true">
  786. <span class="docon docon-world"></span>
  787. </span>
  788. <span class="local-selector-link-text"></span></a>
  789. <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
  790. <a
  791. href="https://aka.ms/yourcaliforniaprivacychoices"
  792. class="button button-sm button-clear flex-shrink-0"
  793. data-mscc-ic="false"
  794. data-bi-name="your-privacy-choices"
  795. >
  796. <svg
  797. role="img"
  798. aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon"
  799. xmlns="http://www.w3.org/2000/svg"
  800. viewBox="0 0 30 14"
  801. xml:space="preserve"
  802. height="16"
  803. width="43"
  804. focusable="false"
  805. >
  806. <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title>
  807. <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>
  808. <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>
  809. <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>
  810. <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>
  811. </svg>
  812. <span>Your Privacy Choices</span>
  813. </a>
  814. </div>
  815. <div class="flex-shrink-0">
  816. <div class="dropdown has-caret-up">
  817. <button class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger"
  818. aria-controls="theme-menu" aria-expanded="false" title="Theme" data-bi-name="theme">
  819. <span class="icon">
  820. <span class="docon docon-sun" aria-hidden="true"></span>
  821. </span>
  822. <span>Theme</span>
  823. <span class="icon expanded-indicator" aria-hidden="true">
  824. <span class="docon docon-chevron-down-light"></span>
  825. </span>
  826. </button>
  827. <div class="dropdown-menu" id="theme-menu" role="menu">
  828. <ul class="theme-selector padding-xxs" role="none">
  829. <li class="theme display-block" role="menuitem">
  830. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  831. data-theme-to="light">
  832. <span class="theme-light margin-right-xxs">
  833. <span
  834. class="theme-selector-icon border display-inline-block has-body-background"
  835. aria-hidden="true">
  836. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  837. viewBox="0 0 22 14">
  838. <rect width="22" height="14" class="has-fill-body-background" />
  839. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  840. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  841. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  842. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  843. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  844. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  845. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  846. </svg>
  847. </span>
  848. </span>
  849. <span>
  850. Light </span>
  851. </button>
  852. </li>
  853. <li class="theme display-block" role="menuitem">
  854. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  855. data-theme-to="dark">
  856. <span class="theme-dark margin-right-xxs">
  857. <span
  858. class="border theme-selector-icon display-inline-block has-body-background"
  859. aria-hidden="true">
  860. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  861. viewBox="0 0 22 14">
  862. <rect width="22" height="14" class="has-fill-body-background" />
  863. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  864. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  865. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  866. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  867. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  868. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  869. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  870. </svg>
  871. </span>
  872. </span>
  873. <span>
  874. Dark </span>
  875. </button>
  876. </li>
  877. <li class="theme display-block" role="menuitem">
  878. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  879. data-theme-to="high-contrast">
  880. <span class="theme-high-contrast margin-right-xxs">
  881. <span
  882. class="border theme-selector-icon display-inline-block has-body-background"
  883. aria-hidden="true">
  884. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  885. viewBox="0 0 22 14">
  886. <rect width="22" height="14" class="has-fill-body-background" />
  887. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  888. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  889. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  890. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  891. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  892. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  893. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  894. </svg>
  895. </span>
  896. </span>
  897. <span>
  898. High contrast </span>
  899. </button>
  900. </li>
  901. </ul>
  902. </div>
  903. </div>
  904. </div>
  905. </div>
  906. <ul class="links" data-bi-name="footerlinks">
  907. <li class="manage-cookies-holder" hidden></li>
  908. <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/previous-versions/" data-bi-name="archivelink">Previous Versions</a></li>
  909. <li><a class="external-link-indicator" data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink">Blog</a></li>
  910. <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/contribute/" data-bi-name="contributorGuide">Contribute</a></li>
  911. <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>
  912. <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/legal/termsofuse" data-bi-name="termsofuse">Terms of Use</a></li>
  913. <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>
  914. <li>&copy; Microsoft 2024</li>
  915. </ul>
  916. </footer>
  917. </section>
  918.  
  919. <div id="action-panel" role="region" aria-label="Action Panel" class="action-panel has-default-focus" tabindex="-1"></div>
  920. </body>
  921. </html>
  922.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda