From 4b3e3dd21612b252d453891f4e0ff16a025d159a Mon Sep 17 00:00:00 2001
From: Jessica Chen <55165503+peiche-jessica@users.noreply.github.com>
Date: Wed, 29 Jul 2020 10:04:35 -0700
Subject: [PATCH] Prepared README.md for onboarding sample (#21)

---
 README.md | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 16283e2..f03f2fe 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,21 @@
+---
+description: "A web browser built with the Microsoft Edge WebView2 control."
+extendedZipContent: 
+  - 
+    path: LICENSE
+    target: LICENSE
+languages: 
+  - cpp
+page_type: sample
+products: 
+  - microsoft-edge
+urlFragment: webview2browser
+---
 # WebView2Browser
 
 A web browser built with the [Microsoft Edge WebView2](https://aka.ms/webview2) control.
 
-![WebView2Browser](screenshots/WebView2Browser.png)
+![WebView2Browser](https://raw.githubusercontent.com/MicrosoftEdge/WebView2Browser/master/screenshots/WebView2Browser.png)
 
 WebView2Browser is a sample Windows desktop application demonstrating the WebView2 control capabilities. It is built as a Win32 [Visual Studio 2019](https://visualstudio.microsoft.com/vs/) project and makes use of both C++ and JavaScript in the WebView2 environment to power its features.
 
@@ -72,7 +85,7 @@ WebView2Browser has a multi-WebView approach to integrate web content and applic
 
 The multi-WebView approach involves using two separate WebView environments (each with its own user data directory): one for the UI WebViews and the other for all content WebViews. UI WebViews (controls and options dropdown) use the UI environment while web content WebViews (one per tab) use the content environment.
 
-![Browser layout](screenshots/layout.png)
+![Browser layout](https://raw.githubusercontent.com/MicrosoftEdge/WebView2Browser/master/screenshots/layout.png)
 
 ## Features