---
layout: homepage
title: Azure DevOps Hands-On Labs
keywords: ALM VM homepage
tags: [overview]
permalink: default.html
comments: true
landingpage: false
description: Learn how you can implement modern DevOps practices with Azure, Azure DevOps Services and Team Foundation Server
---

<!-- <div class="bg-image">
    <div class="container" style="padding-top:45px">
        <div class="row">
            <div class="col-sm-7">
                <h1 class="mt-2">Azure DevOps Hands-On Labs</h1>
                <div class="herotext2">
                    <p>Evaluating your next DevOps tool chain? Want to dive deeper and learn how you can implement
                        modern DevOps practice?</p>
                    <p>Learn to plan smartly, collaborate better, and ship faster with a set of modern development
                        services. </p>
                </div>
            </div>
            <div class="align-items-center col-sm-5">
                <img src="/images/lab.png" alt="banner-image" style="max-width:100%;margin-top:15px">
            </div>
        </div>
    </div>
</div> -->
<div id="demo" class="carousel slide" data-ride="carousel">

  <!-- Indicators -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
     <li data-target="#demo" data-slide-to="2"></li>
  </ul>

  <!-- The slideshow -->
  <div class="carousel-inner">
    <div class="carousel-item active banner1">     
      <div class="text-center p-t-60px">
      <p class="bannerTitle">What is DevOps?</p>
      <p class="bannerText mb-1">DevOps brings together people, processes, and technology, automating software delivery to provide continuous value to your users. <br /> DevOps automates and speeds software delivery. It makes your process and your products more reliable.</p>
      </div>
    </div>
    <div class="carousel-item banner2">      
       <div class="text-center p-t-60px">
      <p class="bannerTitle">New to Azure DevOps?</p>
      <p class="bannerText">Don't have an account? No worries! Sign up for free Azure DevOps Organization<br></p>
<p><a href="https://go.microsoft.com/fwlink/?LinkId=2014881" class="btn btn-sm btn-primary mt-1">Sign Up for free now</a></p>
      </div>
    </div>
    <!-- <div class="carousel-item banner3">
      <div class="text-center p-t-60px">
      <p class="bannerTitle">Azure DevOps Server Labs available now</p>
      <p class="bannerText">Learn how you can remove barriers between teams, encourage collaboration, and improve the flow of value to your customers.<br></p>
      <p><a href="/labs/devopsserver/" class="btn btn-sm btn-primary mt-1">Start Learning</a></p>
      </div> 
    </div>  -->
	<div class="carousel-item banner3">
      <div class="text-center p-t-60px">
      <p class="bannerTitle">Azure DevOps Learning Path</p>
      <p class="bannerText">Learn new skills and discover the power of Azure DevOps at Microsoft Learn. Start your learning journey today.<br></p>
      <p><a href="https://docs.microsoft.com/en-us/learn/browse/?products=azure-devops" class="btn btn-sm btn-primary mt-1">Visit Microsoft Learn</a></p>
      </div> 
    </div> 
  </div>

  <!-- Left and right controls -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>

</div>

<!--  <a href="https://go.microsoft.com/fwlink/?LinkId=2014881" class="launch-hol btn-css text-white align-items-center d-flex justify-content-center"
                role="button" target="_blank" onclick="pageTracker._trackEvent('SignUp', 'Click', 'New User SignUp');">Sign
                up for free now</a>-->
<div class="container">
<div class="row my-2">
  <div class="col-sm-8" style="margin-top:30px; margin-bottom: 20px">
  <h2 class="border-0 fon-normal">Getting started with Azure DevOps</h2> 
                                  <p>Simplify and speed up the DevOps process with Azure DevOps services. The
                                    following labs will help you to get started with Azure DevOps services to automate software
                                    delivery and meet business needs.</p>
</div>
<div class="col-sm-4" style="text-align:right">
<img src="/images/AzureDevOps-img.png" alt="Azure DevOps" width="250">
</div>
</div>
  <div class="row equal-height-columns my-1">        
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class="bg bg-niagara p-2 text-center">
							<div class="icon-cover"><img src="/images/azureboards.png" alt="azureboards" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/agile/" class="text-col-gunpower">	
								<div class="bg-white text-font">Agile Planning and Portfolio Management with Azure Boards</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-azureblue p-2 text-center">
							<div class="icon-cover"><img src="/images/deliveryplans2.png" alt="overview" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/deliveryplans/" class="text-col-gunpower">	
								<div class="bg-white text-font">Managing Project Schedules across Teams with Delivery Plans</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-crimson p-2 text-center">
							<div class="icon-cover"><img src="/images/azurerepos.png" alt="azurerepos" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/git/" class="text-col-gunpower">	
								<div class="bg-white text-font">Version Controlling with Azure Repos</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-azureblue p-2 text-center">
							<div class="icon-cover"><img src="/images/pullrequests.png" alt="azurerepos" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/pullrequests/" class="text-col-gunpower">	
								<div class="bg-white text-font">Working with Pull Requests in VS Code and Azure DevOps</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
            <!-- <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-azureblue p-2 text-center">
							<div class="icon-cover"><img src="/images/azuredevops.png" alt="azuredevops" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/sonarcloud/" class="text-col-gunpower">	
								<div class="bg-white text-font">Managing Technical Debt with Azure DevOps and SonarCloud</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>				 -->
     </div>
  <div class="row equal-height-columns my-1">   
  	<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
  <div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-slateblue p-2 text-center">
							<div class="icon-cover"><img src="/images/azurepipelines.png" alt="azurepipelines" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/yaml/" class="text-col-gunpower">	
								<div class="bg-white text-font">Configuring pipelines as Code with YAML </div>
							</a>
					</div>					
				</div>
			</div>	
			</div>	
  <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-slateblue p-2 text-center">
							<div class="icon-cover"><img src="/images/azurepipelines.png" alt="azurepipelines" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/continuousintegration/" class="text-col-gunpower">	
								<div class="bg-white text-font">Enabling Continuous Integration with Azure Pipelines</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>     
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-slateblue p-2 text-center">
							<div class="icon-cover"><img src="/images/azurepipelines.png" alt="azurepipelines" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/continuousdeployment/" class="text-col-gunpower">	
								<div class="bg-white text-font">Embracing Continuous Delivery with Azure Pipelines</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-pink p-2 text-center">
							<div class="icon-cover"><img src="/images/azureartifacts.png" alt="azureartifacts" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/packagemanagement/" class="text-col-gunpower">	
								<div class="bg-white text-font">Package Management with Azure Artifacts</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			</div>
			 <div class="row equal-height-columns my-1">  
            <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-azureblue p-2 text-center">
							<div class="icon-cover"><img src="/images/wiki.png" alt="wiki" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/wiki/" class="text-col-gunpower">	
								<div class="bg-white text-font">Collaborating with Azure DevOps Wiki</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>				
	 <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-purple p-2 text-center">
							<div class="icon-cover"><img src="/images/azuretestplans.png" alt="azuretestplans" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/testmanagement/" class="text-col-gunpower">	
								<div class="bg-white text-font">Test Planning and Management with Azure Test Plans</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>	
	  <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-purple p-2 text-center">
							<div class="icon-cover"><img src="/images/azuretestplans.png" alt="azuretestplans" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/exploratorytesting/" class="text-col-gunpower">	
								<div class="bg-white text-font">Exploratory Testing with Azure Test Plans</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>	
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-purple p-2 text-center">
							<div class="icon-cover"><img src="/images/azuretestplans.png" alt="azuretestplans" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/load/" class="text-col-gunpower">	
								<div class="bg-white text-font">Web Application Load and Performance Testing</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			</div>	     
			 <div class="row equal-height-columns my-1">  
            <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-purple p-2 text-center">
							<div class="icon-cover"><img src="/images/appinsights.png" alt="appinsights" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/appinsights/" class="text-col-gunpower">	
								<div class="bg-white text-font">Monitoring App Performance with Application Insights</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>	
			<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">
			<div class="hover-effect equal-height-column box-cover ml-forsm">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-3 col-3 pl-0 pr-lg-0 pl-small-15 img-mt">
						<div class=" bg bg-color-black p-2 text-center">
							<div class="icon-cover"><img src="/images/github-42.png" alt="githubpullrequests" height="20"></div>
						</div>
					</div>
					<div class="col-lg-9 col-md-9 col-sm-9 col-9 cont-mt cont-pl">					
							<a href="/labs/azuredevops/githubpullrequests/" class="text-col-gunpower">	
								<div class="bg-white text-font">Working with Pull Requests in VS Code and GitHub</div>
							</a>
					</div>					
				</div>
			</div>	
			</div>
			</div>	
            <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt-small-5">			
     </div>
		 <br />
     <!--  <div class="row" style="margin-left: 10px;margin-top: 10px;">
      <p>For the on-premises platform, Azure DevOps Server (previously named Visual Studio Team Foundation Server), see  <a href="/labs/devopsserver/" class="btn btn-sm btn-primary">Azure DevOps Server 2019 Labs</a></p>
      </div> -->

<div class="row" style="margin-left: 10px;margin-top: 10px;">
      <p> Want even more hands-on experience? Azure DevOps courses are now available on Microsoft Learn. <a href="https://docs.microsoft.com/en-us/learn/browse/?products=azure-devops" target="_blank" class="btn btn-sm btn-primary">Visit Microsoft Learn</a></p>
      </div> 
     </div>

<hr height="1" style="width: 75%;" />  
  <div class="container px-3 pb-3 pt-1 rounded">
  <div class="row">
  <div class="col-md-12">
               <h2 class="border-0 fon-normal">Featured Labs</h2>
</div>
</div>
 <div class="row equal-height-columns my-2">        
			<div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/vstsextend/kubernetes/" class="text-col-gunpower">
						<div class="bg-azureblue1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/kubernetes.png" alt="kubernetes" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Deploying a multi-container application to Azure Kubernetes Services</div>
					</a>	
				</div>
			</div>
			<!-- <div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/vstsextend/jenkins/" class="text-col-gunpower">
						<div class="bg-sel-grey1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/jenkins.png" alt="jenkins" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Integrating Azure DevOps with Jenkins</div>
					</a>	
				</div>
			</div> -->
			<div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/vstsextend/redgate/" class="text-col-gunpower">
						<div class="bg-sel-grey1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/redgate.png" alt="redgate" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Database DevOps with Redgate and Azure DevOps</div>
					</a>	
				</div>
			</div> 
			<div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/azuredevops/yaml/" class="text-col-gunpower">
						<div class="bg-azureblue1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/azurepipelines.png" alt="yaml" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Configuring pipeline as Code with YAML</div>
					</a>	
				</div>
			</div>
			<div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/vstsextend/terraform/" class="text-col-gunpower">
						<div class="bg-blue1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/terraform.png" alt="azurepipelines" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Automating your infrastructure deployments in the Cloud with Terraform</div>
					</a>	
				</div>
			</div>
			<div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/vstsextend/ansible/" class="text-col-gunpower">
						<div class="bg-color-black1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/ansible.png" alt="azurepipelines" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Automating Infrastructure Deployments in the Cloud with Ansible</div>
					</a>	
				</div>
			</div>			
			<div class="col-sm-2 my-2">
				<div class="shadow-sm hover-effect equal-height-column">
					<a href="/labs/vstsextend/launchdarkly/" class="text-col-gunpower">
						<div class="bg-azureblue1 p-2 text-center">
							<div class="icon-cover1"><img src="/images/launchdarkly.png" alt="launchdarkly" height="42"></div>
						</div>
						<div class="bg-white py-2 text-center">Feature Flag Management with LaunchDarkly</div>
					</a>	
				</div>
			</div>
     </div>
</div>

<div class="container pb-4">
<div class="row my-2">
  <div class="col-sm-8" style="margin-top:30px; margin-bottom: 20px">
  <h2 class="border-0 fon-normal">Deep Dive into Azure DevOps</h2> 
                                  <p>Azure DevOps provides integration with popular open source and third-party tools and services—across the entire DevOps workflow. Use the tools and languages you know. Spend less time integrating and more time delivering higher-quality software, faster.</p>
</div>
<div class="col-sm-4" style="text-align:right">
<img src="/images/deep-dive.png" alt="Deep dive into Azure DevOps" width="250">
</div>
</div>
 <div class="col-sm-12 mar-bot">
                                <!-- <h3 id="step-by-step-tutorials">Step-by-Step Tutorials</h3>  -->
                                <div class="row equal-height-columns">
                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 p-l-r-override">
                                        <div class="bg-color-white equal-height-column">
                                            <ul class="p-l-5px">
                                            <li class="osslist align-relative"> <img src="/images/azurekeyvault2.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/azurekeyvault/" class="fon-size-13">
                                                        Using secrets from Azure Key Vault in a pipeline</a></li>
                                                <li class="osslist"> <img src="/images/launchdarkly.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/launchdarkly/" class="fon-size-13">
                                                        Feature Flag Management with LaunchDarkly</a></li>
                                                <li class="osslist"> <img src="/images/kubernetes.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/kubernetes/" class="fon-size-13">
                                                        Deploying a multi-container application to Azure Kubernetes Services </a></li>
                                                <li class="osslist"> <img src="/images/terraform.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/terraform/" class="fon-size-13">
                                                        Automating your infrastructure deployments in the Cloud with Terraform and Azure Pipelines</a></li>
                                                <li class="osslist"> <img src="/images/ansible.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/ansible/" class="fon-size-13">
                                                        Automating your infrastructure deployments in the Cloud with Ansible and Azure Pipelines</a></li>
                                                <li class="osslist"> <img src="/images/aml.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/aml/" class="fon-size-13">
                                                        Enabling CI/CD for Machine Learning project with Azure Pipelines</a></li>
                                                <li class="osslist"> <img src="/images/jenkins-42.png" height="42"
                                                        class="icon-bor-p-m" /> <a href="/labs/vstsextend/Jenkins/"
                                                        class="fon-size-13"> Configuring a CD pipeline for your Jenkins CI</a> </li>
														<li class="osslist"> <img src="/images/octopus-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/octopus/"
                                                        class="fon-size-13"> Automating Deployments from Azure Repos with  Octopus Deploy</a></li>
                                                 <!-- <li class="osslist align-relative"> <img src="/images/appcenter.png" height="42"
                                                        class="icon-bor-p-m" /> <a href="/labs/vstsextend/appcenter/"
                                                        class="fon-size-13"> Build-Test-Distribute Mobile Apps using App Center</a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 p-l-r-override">
                                        <div class="bg-color-white equal-height-column">
                                            <ul class="p-l-5px">
                                                 <li class="osslist align-relative"><img src="/images/teams3.png" height="42"
                                                        class="icon-bor-p-m" />
                                                    <a href="/labs/vstsextend/teams/" class="fon-size-13">Microsoft Teams with Azure DevOps Services</a>
                                                </li>
												<!--<li class="osslist align-relative"><img src="/images/redgate.png" height="42"
                                                        class="icon-bor-p-m" />
                                                    <a href="/labs/vstsextend/redgate/" class="fon-size-13">Deploying Database changes with Redgate SQL Change Automation and Azure DevOps<img src="/images/new-tag.png" alt="new-tag" class="align-on-labs"/></a>
                                                </li> -->
												 <li class="osslist"> <img src="/images/redgate.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/redgate/" class="fon-size-13">Deploying Database changes with Redgate SQL Change Automation and Azure DevOps</a></li>
                                                <li class="osslist"> <img src="/images/docker-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/docker/" class="fon-size-13"> Deploying a Docker based web application to Azure App Service</a></li>
                                                 <li class="osslist"> <img src="/images/docker-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/dockerjava/" class="fon-size-13"> Deploying a Dockerized Java app to Azure Web App for Containers</a></li>
                                                <li class="osslist"> <img src="/images/tomcat-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/tomcat/" class="fon-size-13"> Deploying a Java-based Tomcat application to Azure </a> </li>
                                                <li class="osslist"> <img src="/images/sonarqube-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/sonarqube/"
                                                        class="fon-size-13"> Managing technical debt with SonarQube and Azure DevOps</a>
                                                </li>
                                                <li class="osslist"> <img src="/images/eclipse-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/eclipse/"
                                                        class="fon-size-13"> Integrating Azure Repos and Azure Pipelines with Eclipse</a></li>
														 <li class="osslist"> <img src="/images/vsts-1-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/releasegates/" class="fon-size-13">
                                                        Controlling Deployments using Release Gates</a> </li>
                                                <!-- <li class="osslist"> <img src="/images/java-42.png" height="42" class="icon-bor-p-m" />
                                                    <a href="/labs/java/" class="fon-size-13"> DevOps with VSTS and
                                                        Azure for Java Projects </a> </li> -->
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 p-l-r-override">
                                        <div class="bg-color-white equal-height-column">
                                            <ul class="p-l-5px">
                                                 <li class="osslist align-relative"> <img src="/images/github-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/github-azurepipelines/"
                                                        class="fon-size-13"> GitHub Integration with Azure Pipelines</a></li>
                                                         <!--  <li class="osslist align-relative"><img src="/images/teams3.png" height="42"
                                                        class="icon-bor-p-m" />
                                                    <a href="/labs/vstsextend/teams-devopshub/" class="fon-size-13">Using Microsoft Teams as Your DevOps Hub <img src="/images/new-tag.png" alt="new-tag" class="align-on-labs"/></a>
                                                </li> -->
												<li class="osslist"> <img src="/images/teams3.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/teams-devopshub/"
                                                        class="fon-size-13"> Using Microsoft Teams as Your DevOps Hub</a></li>
                                                         <li class="osslist"> <img src="/images/azuredevopsproject.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/azuredevopsprojectdotnet/"
                                                        class="fon-size-13"> Create a CI/CD pipeline for .NET with the Azure DevOps Project</a></li>
                                                 <li class="osslist"> <img src="/images/whitesource-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/whitesource/"
                                                        class="fon-size-13"> Managing Open-source security and license with WhiteSource</a></li>
                                                <li class="osslist"> <img src="/images/selenium-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/selenium/"
                                                        class="fon-size-13"> Automating Selenium Tests in Azure Pipelines</a></li>
                                                <li class="osslist"> <img src="/images/azure-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/deploymentgroups/" class="fon-size-13">
                                                        Deploying to Azure VM using Deployment Groups</a></li>
                                                <li class="osslist"> <img src="/images/AzureFunction.jpg" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/azurefunctions/" class="fon-size-13">
                                                        Setting up a CI/CD pipeline for Azure Functions</a></li>
														<li class="osslist"> <img src="/images/7pacetimetracker-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/timetracker/"
                                                        class="fon-size-13"> Track Time With 7pace Timetracker</a> </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 p-l-r-override">
                                        <div class="bg-color-white equal-height-column">
                                            <ul class="p-l-5px">
                                                <li class="osslist align-relative"> <img src="/images/github-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/github-azureboards/"
                                                        class="fon-size-13"> GitHub Integration with Azure Boards</a></li>                                                     
                                                   <li class="osslist"> <img src="/images/aspnetmodernize.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/aspnetmodernize/"
                                                        class="fon-size-13"> Deploy existing .NET apps as Windows containers (Modernizing .NET apps)</a></li>
                                                <li class="osslist"> <img src="/images/python-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/python/" class="fon-size-13"> Deploying a CD pipeline for a Django-based Python app </a></li>
                                                <li class="osslist"> <img src="/images/php.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/php/" class="fon-size-13"> Setting up a CI/CD pipeline for your PHP application</a></li>
                                                <li class="osslist"> <img src="/images/nodejs-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vsts/nodejs/" class="fon-size-13">Configure CI/CD for Node application with Azure Pipelines</a> </li>
                                                <!-- <li class="osslist"> <img src="/images/azure-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/devopsprojectforjava/" class="fon-size-13">
                                                        Azure DevOps Project for Java</a></li> -->
                                                <!-- <li class="osslist"> <img src="/images/azure-42.png" height="42" class="icon-bor-p-m" /><a
                                                        href="/labs/vstsextend/azuredevopsprojectdotnet/" class="fon-size-13">
                                                        Azure DevOps Project for .NET</a></li> -->
                                                <li class="osslist"> <img src="/images/sonarcloud-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/sonarcloud/"
                                                        class="fon-size-13"> Driving continuous quality of your code with SonarCloud</a></li>
                                                  <li class="osslist"> <img src="/images/parasoft-42.png" height="42"
                                                        class="icon-bor-p-m" /><a href="/labs/vstsextend/parasoft/"
                                                        class="fon-size-13"> Leverage Virtual Services with Parasoft
                                                        Virtualize</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>