adding MS Learn modules references (microsoft#424)

Co-authored-by: Sriramdas Balaji <[email protected]>

_includes/footer.html

@@ -46,6 +46,7 @@ <h6>DevOps Resources</h6>
               <li><a href="https://docs.microsoft.com/en-us/azure/devops/learn/" class="text-white-50">DevOps Resource Center</a></li>
               <li><a href="https://docs.microsoft.com/en-us/azure/devops/index?view=azure-devops" class="text-white-50"> Azure DevOps Documentation </a></li>
               <li><a href="https://www.youtube.com/channel/UC-ikyViYMM69joIAv7dlMsA" class="text-white-50">Azure DevOps Videos</a></li>
+              <li><a href="https://docs.microsoft.com/en-us/learn/browse/?products=azure-devops" class="text-white-50">Azure DevOps Learning Path</a></li>
             </ul> 
           </div>
           <div class="col-sm-3"> 

css/new-style.css

@@ -820,7 +820,7 @@ div#toc.tocNew ul li ul{
   border:none!important;
 }
 .bg-slap{
-  background-color:#00abf7;padding:5px; margin:10px;color:#8b6422;border-radius: 5px
+  background-color:#00abf7;padding:5px; margin:10px;color:#FFFFFF;border-radius: 5px
 }
 .img-icon-cloud{
   border:none!important;margin:0px 5px 0px 0px!important;

labs/azuredevops/agile/readme.md

@@ -15,6 +15,9 @@ redirect_from: "/labs/vsts/agile/index.htm"
 
 In this lab, you will learn about the agile planning and portfolio management tools and processes provided by Azure Boards and how they can help you quickly plan, manage, and track work across your entire team. You will explore the product backlog, sprint backlog, and task boards which can be used to track the flow of work during the course of an iteration. We will also take a look at how the tools have been enhanced in this release to scale for larger teams and organizations.
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="
+    width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/choose-an-agile-approach/" target="_blank"><b><u> Agile approach to software development </u></b></a> module on Microsoft Learn.</div>
+
 <a name="Prerequisites"></a>
 ### Prerequisites ###
 

labs/azuredevops/continuousdeployment/readme.md

@@ -15,6 +15,10 @@ redirect_from: "/labs/vsts/continuousdeployment/index.htm"
 
 In this lab, you will learn about the release management features available in Azure Pipelines that automate the deployment of applications. These features help development and operations teams integrate with Azure DevOps Server to configure and automate complex deployments of their automated builds to target stages more easily. Development teams can also model their release processes and track approvals, sign-offs, and visualize their release status.
 
+
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/create-release-pipeline/" target="_blank"><b><u> Create a release pipeline in Azure Pipelines </u></b></a> module on Microsoft Learn.</div>
+
+
 <a name="Prerequisites"></a>
 ### Prerequisites ###
 

labs/azuredevops/continuousintegration/readme.md

@@ -15,6 +15,11 @@ redirect_from: "/labs/vsts/continuousintegration/index.htm"
 
 In this lab, you will learn how to configure continuous integration (CI) and continuous deployment (CD) for your applications using Build and Release in Azure Pipelines. This scriptable CI/CD system is both web-based and cross-platform, while also providing a modern interface for visualizing sophisticated workflows. Although we won't demonstrate all of the cross-platform possibilities in this lab, it is important to point out that you can also build for iOS, Android, Java (using Ant, Maven, or Gradle) and Linux.
 
+
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="
+    width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/create-a-build-pipeline/" target="_blank"><b><u> Create a build pipeline with Azure Pipelines </u></b></a> module on Microsoft Learn.</div>
+
+
 <a name="Prerequisites"></a>
 ### Prerequisites ###
 

labs/azuredevops/deliveryplans/readme.md

@@ -14,6 +14,10 @@ updated: Last updated - 9/9/2019
 
 It takes several teams to develop large software projects. Very large projects require multiple autonomous teams that can manage their own backlog and priority while contributing to a unified direction for that project. Regular reviews of the project schedule with these teams help ensure that the teams are working toward common goals. Delivery Plans provide the needed multi-team view of your project schedule.
 
+
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="
+    width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/manage-delivery-plans/" target="_blank"><b><u> Manage Agile software delivery plans across teams </u></b></a> module on Microsoft Learn.</div>
+
 <a name="Prerequisites"></a>
 ### Prerequisites ###
 

labs/azuredevops/packagemanagement/readme.md

@@ -15,6 +15,9 @@ redirect_from: "/labs/vsts/packagemanagement/index.htm"
 
 **Azure Artifacts** is an extension that makes it easy to discover, install, and publish NuGet, npm, and Maven packages in Azure DevOps. It's deeply integrated with other hubs like Build so that package management can become a seamless part of your existing workflows.
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="
+    width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/manage-build-dependencies/" target="_blank"><b><u> Manage build dependencies with Azure Artifacts </u></b></a> module on Microsoft Learn.</div>
+
 <a name="Prerequisites"></a>
 ### Prerequisites ###
 

labs/vsts/nodejs/readme.md

@@ -12,6 +12,8 @@ updated: blank
 
 In this lab, we will present a scenario where Visual Studio Team Services (VSTS) can enable Node.js developers with continuous integration and deployment features. The scenario demonstrates how a Node.js developer using [Visual Studio Code](http://code.visualstudio.com) and various Azure-related VS Code extensions to create a new Azure App Service and use Git-based deployment. You'll learn how a Node.js developer can use VSTS to ensure that their code is deployed automatically to an Azure App Service when code is committed to a VSTS Git repository.
 
+<div class="bg-slap"><img src="./media/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/deploy-nodejs/" target="_blank"><b><u> Automate Node.js deployments with Azure Pipelines </u></b></a> module on Microsoft Learn.</div>
+
 ## Prerequisites
 
 1. If you don't already have a Visual Studio Dev Essentials and Visual Studio Team Services account, create one at [my.visualstudio.com](http://my.visualstudio.com).

labs/vstsextend/azurefunctions/readme.md

@@ -13,6 +13,8 @@ folder: /labs/vstsextend/azurefunctions/
 
 **Lab Scenario**: In this lab, you will be using a fictional eCommerce website - **PartsUnlimited**. The PartsUnlimited team wants to roll out a new discount for its employees and customers and wants to build Azure Functions that will retrieve the right discount depending on whether the logged in user is an employee or a customer.
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/deploy-azure-functions/" target="_blank"><b><u> Automate Azure Functions deployments with Azure Pipelines </u></b></a> module on Microsoft Learn.</div>
+
 ## What is covered in this lab?
 
  In this lab, you will

labs/vstsextend/docker/readme.md

@@ -21,6 +21,7 @@ The Web App for Containers allows the creation of custom [Docker](https://www.do
 
 1. Deploy and run the images inside the Docker Containers
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/deploy-docker/" target="_blank"><b><u> Automate Docker container deployments </u></b></a> module on Microsoft Learn.</div>
 
 ## Before you begin
 

labs/vstsextend/kubernetes/readme.md

@@ -37,6 +37,8 @@ The following tasks will be performed:
 
 * Initiate the build to automatically deploy the application
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/deploy-kubernetes/" target="_blank"><b><u> Automate multi-container Kubernetes deployments</u></b></a> module on Microsoft Learn.</div>
+
 ## Before you begin
 
 1. Refer the [Getting Started](../Setup/) page to know the prerequisites for this lab.

labs/vstsextend/python/readme.md

@@ -13,6 +13,9 @@ folder: /labs/vstsextend/python/
 
 This lab shows how to deploy a **Python** application to **Azure App Service** using **Azure DevOps**. We will be using [Django](https://www.djangoproject.com/){:target="_blank"} framework for deployment.
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/deploy-python/" target="_blank"><b><u> Automate Python deployments with Azure Pipelines </u></b></a> module on Microsoft Learn.</div>
+
+
 ### Prerequisites for the lab
 
 1. Refer the [Getting Started](../Setup/) page to know the prerequisites for this lab.

labs/vstsextend/selenium/readme.md

@@ -14,6 +14,8 @@ redirect_from: "/labs/vsts/selenium/index.htm"
 
 In this lab, you will learn how to execute selenium test cases on a C# web application, as part of the Azure DevOps Release pipeline. 
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/run-functional-tests-azure-pipelines/" target="_blank"><b><u> Run functional tests in Azure Pipelines </u></b></a> module on Microsoft Learn.</div>
+
 ### Before you begin
 
 1. Refer to the [Getting Started](../Setup/) before you follow the below exercises.

labs/vstsextend/sonarcloud/readme.md

@@ -21,6 +21,8 @@ The main features of SonarCloud are:
 - Deep code analysis, to explore all source files, whether in branches or pull requests, to reach a green Quality Gate and promote the build.
 - Fast and Scalable
 
+<div class="bg-slap"><img src="./images/mslearn.png" class="img-icon-cloud" alt="MS teams" style="width: 48px; height: 48px;">Do you like more hands-on experience? Check out <a href="https://docs.microsoft.com/en-us/learn/modules/scan-for-vulnerabilities/" target="_blank"><b><u> Scan code for vulnerabilities in Azure Pipelines</u></b></a> module on Microsoft Learn.</div>
+
 ### What's covered in this lab
 
 In this lab, you will learn how to integrate Azure DevOps Services with SonarCloud