From 4459ad8c53e52affff8038f9153438f8ffb64356 Mon Sep 17 00:00:00 2001
From: Celeste de Guzman <celested@microsoft.com>
Date: Mon, 10 Jul 2017 13:34:24 -0700
Subject: [PATCH] added 3 new illustrations and updated image paths to use
 these

---
 .../bcs-information-product-help-office.svg   |  94 ++++++++++++++
 ...bcs-information-product-help-windows10.svg | 122 ++++++++++++++++++
 bcs/images/bcs-partner-identity-manager.svg   |  91 +++++++++++++
 bcs/index.md                                  |   6 +-
 4 files changed, 310 insertions(+), 3 deletions(-)
 create mode 100644 bcs/images/bcs-information-product-help-office.svg
 create mode 100644 bcs/images/bcs-information-product-help-windows10.svg
 create mode 100644 bcs/images/bcs-partner-identity-manager.svg

diff --git a/bcs/images/bcs-information-product-help-office.svg b/bcs/images/bcs-information-product-help-office.svg
new file mode 100644
index 0000000000..a748576afa
--- /dev/null
+++ b/bcs/images/bcs-information-product-help-office.svg
@@ -0,0 +1,94 @@
+<svg id="ICONS" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 140">
+  <defs>
+    <style>
+      .cls-1, .cls-8 {
+        fill: none;
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+
+      .cls-1 {
+        stroke: #d1d3d4;
+        stroke-dasharray: 3 3;
+      }
+
+      .cls-2 {
+        fill: #80def9;
+      }
+
+      .cls-3 {
+        fill: #aae9fb;
+      }
+
+      .cls-4 {
+        fill: #556a8a;
+      }
+
+      .cls-5 {
+        fill: #bad80a;
+      }
+
+      .cls-6 {
+        fill: #c6df33;
+      }
+
+      .cls-7 {
+        fill: #00bcf2;
+      }
+
+      .cls-8 {
+        stroke: #556a8a;
+      }
+    </style>
+  </defs>
+  <title>bcs-information-product-help-office</title>
+  <g>
+    <ellipse class="cls-1" cx="200" cy="71" rx="133" ry="39"/>
+    <g>
+      <circle class="cls-2" cx="201" cy="29" r="16" transform="translate(38.37 150.62) rotate(-45)"/>
+      <path class="cls-3" d="M212.31,17.69a16,16,0,0,1,0,22.62L189.69,17.69A16,16,0,0,1,212.31,17.69Z"/>
+    </g>
+    <g>
+      <circle class="cls-2" cx="131" cy="39" r="16" transform="translate(10.79 104.05) rotate(-45)"/>
+      <path class="cls-3" d="M142.31,27.69a16,16,0,0,1,0,22.62L119.69,27.69A16,16,0,0,1,142.31,27.69Z"/>
+    </g>
+    <g>
+      <circle class="cls-2" cx="274" cy="39" r="16" transform="translate(52.68 205.17) rotate(-45)"/>
+      <path class="cls-3" d="M285.31,27.69a16,16,0,0,1,0,22.62L262.69,27.69A16,16,0,0,1,285.31,27.69Z"/>
+    </g>
+    <g>
+      <circle class="cls-2" cx="68" cy="67" r="16" transform="translate(-27.46 67.71) rotate(-45)"/>
+      <path class="cls-3" d="M79.31,55.69a16,16,0,0,1,0,22.62L56.69,55.69A16,16,0,0,1,79.31,55.69Z"/>
+    </g>
+    <g>
+      <circle class="cls-2" cx="332" cy="67" r="16" transform="translate(49.86 254.38) rotate(-45)"/>
+      <path class="cls-3" d="M343.31,55.69a16,16,0,0,1,0,22.62L320.69,55.69A16,16,0,0,1,343.31,55.69Z"/>
+    </g>
+  </g>
+  <path class="cls-4" d="M68.12,75.89v2.86H66.75V76a8.27,8.27,0,0,1-4.56-1.13V72.57a6.17,6.17,0,0,0,2.09,1.13,7.63,7.63,0,0,0,2.47.46V67.4A10.34,10.34,0,0,1,63,64.83a4.89,4.89,0,0,1,.45-6.09,5.41,5.41,0,0,1,3.31-1.67V54.7h1.37V57a7.3,7.3,0,0,1,3.57.74V60a6,6,0,0,0-3.57-1.13v7a11.22,11.22,0,0,1,3.75,2.52,4.24,4.24,0,0,1,1,2.78,4.3,4.3,0,0,1-1.26,3.14A6.12,6.12,0,0,1,68.12,75.89ZM66.75,65.08V58.94a3,3,0,0,0-1.75,1,2.74,2.74,0,0,0-.65,1.84,3.08,3.08,0,0,0,.53,1.86A5.68,5.68,0,0,0,66.75,65.08Zm1.37,3v6q2.54-.55,2.54-2.74Q70.67,69.49,68.12,68.09Z"/>
+  <path class="cls-4" d="M199.23,33.78a6.71,6.71,0,0,1-.25-1.05,7.7,7.7,0,0,1-.11-1.29,4,4,0,0,1,.4-1.8,7.47,7.47,0,0,1,1-1.51,15,15,0,0,1,1.3-1.35q.7-.65,1.3-1.31a7.5,7.5,0,0,0,1-1.39,3.28,3.28,0,0,0,.4-1.6,2.94,2.94,0,0,0-.29-1.33,2.81,2.81,0,0,0-.79-1,3.47,3.47,0,0,0-1.16-.59,4.86,4.86,0,0,0-1.39-.2A6.06,6.06,0,0,0,196,21.47V18.72a9.19,9.19,0,0,1,5-1.5,7.79,7.79,0,0,1,2.23.31,5.51,5.51,0,0,1,1.84.93A4.38,4.38,0,0,1,206.31,20a4.8,4.8,0,0,1,.45,2.14,5,5,0,0,1-.41,2.06,7.45,7.45,0,0,1-1,1.66A13.21,13.21,0,0,1,204,27.28q-.72.66-1.34,1.3a7.15,7.15,0,0,0-1,1.35,3,3,0,0,0-.41,1.55,4.62,4.62,0,0,0,.17,1.3,9.19,9.19,0,0,0,.34,1Zm1.41,6.5a1.73,1.73,0,0,1-1.22-.5,1.63,1.63,0,0,1-.52-1.22,1.6,1.6,0,0,1,.52-1.22,1.7,1.7,0,0,1,2.44,0,1.6,1.6,0,0,1,.52,1.22,1.63,1.63,0,0,1-.52,1.22A1.73,1.73,0,0,1,200.64,40.28Z"/>
+  <g>
+    <g id="desk">
+      <polygon class="cls-5" points="272.42 113 127.58 113 155.8 88 235.86 88 272.42 113"/>
+      <rect class="cls-4" x="127" y="113" width="145" height="8"/>
+    </g>
+    <polygon class="cls-6" points="272.42 113 270.53 113 171.34 88 235.86 88 272.42 113"/>
+    <path class="cls-7" d="M212.59,76.16a17.69,17.69,0,0,1-1,5.92c-2.09,5.86-7.19,10-13.15,10-7.81,0-14.15-7.13-14.15-15.92a16.31,16.31,0,0,1,7.39-14,12.8,12.8,0,0,1,6.76-1.94C206.25,60.23,212.59,67.36,212.59,76.16Z"/>
+    <path class="cls-7" d="M224.18,100.42c-1.65-2.34-2.77-4-6.54-4.49-1.73-.23-5.93-.92-6.06-.91l-12-.86v0l-.28,0-.28,0v0L187,95c-.13,0-4.33.68-6.06.91-3.77.51-4.88,2.15-6.54,4.49C172.46,103.1,170.5,130,170.5,130h8l.88-12.47-1-.92,5.31-13.43-2.07,25.41c0,1.2.66,1.41,1.86,1.41h31c1.2,0,2.39-.22,2.39-1.41l-2.07-25.41,5.31,13.43-1,.92,1.1,12.41,8.25.06S226.07,103.1,224.18,100.42Z"/>
+    <path id="chair" class="cls-4" d="M177,130V103.49c0-2.74,2.13-5.49,4.74-5.49h34.52c2.61,0,4.74,2.74,4.74,5.49V130Z"/>
+  </g>
+  <g>
+    <path class="cls-8" d="M264.84,37.09v-1a9.08,9.08,0,0,1,18.16,0v1"/>
+    <path class="cls-4" d="M280,36v8h3.75A3.54,3.54,0,0,0,286,41.26V36Z"/>
+    <path class="cls-4" d="M268,36v8h-3.75A3.54,3.54,0,0,1,262,41.26V36Z"/>
+    <path class="cls-8" d="M265.62,42.23s-.67,7.4,5.38,6.73"/>
+    <rect class="cls-4" x="271" y="46" width="7" height="6" rx="1.79" ry="1.79"/>
+  </g>
+  <polygon class="cls-4" points="137.79 34.79 132 40.59 132 26 130 26 130 40.59 124.21 34.79 122.79 36.21 131 44.41 139.21 36.21 137.79 34.79"/>
+  <rect class="cls-4" x="123" y="47" width="16" height="2"/>
+  <g>
+    <polygon class="cls-8" points="342.5 75 321.5 75 332 55 342.5 75"/>
+    <polygon class="cls-4" points="331.5 70 332.5 70 333 62 331 62 331.5 70"/>
+    <circle class="cls-4" cx="332.02" cy="72.02" r="1"/>
+  </g>
+</svg>
diff --git a/bcs/images/bcs-information-product-help-windows10.svg b/bcs/images/bcs-information-product-help-windows10.svg
new file mode 100644
index 0000000000..f9c36f40be
--- /dev/null
+++ b/bcs/images/bcs-information-product-help-windows10.svg
@@ -0,0 +1,122 @@
+<svg id="ICONS" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 140">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #d1d3d4;
+      }
+
+      .cls-2 {
+        fill: #d1e55c;
+      }
+
+      .cls-3 {
+        fill: #e6e7e8;
+      }
+
+      .cls-4 {
+        fill: #0078d7;
+      }
+
+      .cls-5 {
+        fill: #ff9f2b;
+      }
+
+      .cls-6 {
+        fill: #ff8c00;
+      }
+
+      .cls-7 {
+        fill: #556a8a;
+      }
+
+      .cls-12, .cls-8 {
+        fill: #fff;
+      }
+
+      .cls-9 {
+        fill: #e5e5e5;
+      }
+
+      .cls-10 {
+        fill: #2bc7f4;
+      }
+
+      .cls-11 {
+        fill: none;
+      }
+
+      .cls-11, .cls-12 {
+        stroke: #556a8a;
+      }
+
+      .cls-11, .cls-12, .cls-15 {
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+
+      .cls-13 {
+        fill: #55d2f6;
+      }
+
+      .cls-14 {
+        fill: #e6e6e6;
+      }
+
+      .cls-15 {
+        fill: #aae9fb;
+        stroke: #00bcf2;
+      }
+    </style>
+  </defs>
+  <title>bcs-information-product-help-windows10</title>
+  <polygon class="cls-1" points="173.04 74 140.71 74 124.54 102 140.71 130 173.04 130 189.21 102 173.04 74"/>
+  <polygon class="cls-1" points="173.04 16 140.71 16 124.54 44 140.71 72 173.04 72 189.21 44 173.04 16"/>
+  <polygon class="cls-2" points="136.87 73 120.7 101 88.37 101 72.21 73 88.37 45 120.7 45 136.87 73"/>
+  <circle class="cls-3" cx="289.4" cy="73.17" r="44.4"/>
+  <g>
+    <polygon class="cls-4" points="279 71 279 48.19 256 51.43 256 71 279 71"/>
+    <polygon class="cls-4" points="282 71 316 71 316 43.33 282 47.71 282 71"/>
+    <polygon class="cls-4" points="282 73 282 97.76 316 102.34 316 73 282 73"/>
+    <polygon class="cls-4" points="279 73 256 73 256 93.74 279 96.97 279 73"/>
+  </g>
+  <polygon class="cls-2" points="241.67 73 225.5 101 193.17 101 177.01 73 193.17 45 225.5 45 241.67 73"/>
+  <g>
+    <g>
+      <g>
+        <path class="cls-5" d="M81.36,98c-.61.2-1.27.39-1.94.57C83.5,81.58,91.55,84.65,91.55,84.65l1.31,1.24,0,.16C93.19,87.17,94.28,93.86,81.36,98Z"/>
+        <path class="cls-6" d="M81.36,98c4-14,10.85-12.13,11.54-11.91C93.19,87.17,94.28,93.86,81.36,98Z"/>
+        <polygon class="cls-7" points="93.54 89.25 87.84 83.55 92.4 82.41 94.54 84.56 93.54 89.25"/>
+      </g>
+      <polygon class="cls-7" points="94.68 76.62 79.28 76.05 77 73.76 90.12 67.49 95.6 69.55 94.68 76.62"/>
+      <polygon class="cls-7" points="101.2 81.27 101.77 96.67 104.05 98.95 110.33 85.83 108.27 80.35 101.2 81.27"/>
+      <g>
+        <path class="cls-8" d="M98.13,88.06H98l-.14-.12-8.13-8.48,0-.2A33.67,33.67,0,0,1,99,62.9c7.38-7.34,24.58-10.42,25.31-10.55l.56-.1-.09.56s-.3,1.79-.92,4.4c-1.67,7-4.68,16.46-9.46,21.27C106.91,86,98.81,88.06,98.13,88.06Z"/>
+        <path class="cls-9" d="M123.39,58.2C122,63.94,119.06,73.88,114,78.94a32.91,32.91,0,0,1-15.95,9.12l-4.53-4.53a32.86,32.86,0,0,1,9.13-16C107.73,62.53,117.64,59.57,123.39,58.2Z"/>
+        <path class="cls-10" d="M125,52a74.22,74.22,0,0,0-14.76,4.4L121,67.21A99.29,99.29,0,0,0,125,52Z"/>
+        <path class="cls-11" d="M98.13,88.06H98l-.14-.12-8.13-8.48,0-.2A33.67,33.67,0,0,1,99,62.9c7.38-7.34,24.58-10.42,25.31-10.55l.56-.1-.09.56s-.3,1.79-.92,4.4c-1.67,7-4.68,16.46-9.46,21.27C106.91,86,98.81,88.06,98.13,88.06Z"/>
+      </g>
+    </g>
+    <circle class="cls-12" cx="106" cy="70" r="4"/>
+  </g>
+  <rect class="cls-11" x="148" y="79" width="18" height="25" rx="9" ry="9"/>
+  <path class="cls-8" d="M172,96.39v22.22a1.39,1.39,0,0,1-1.38,1.39H142.38a1.39,1.39,0,0,1-1.38-1.39V96.39A1.39,1.39,0,0,1,142.38,95h28.24A1.39,1.39,0,0,1,172,96.39Z"/>
+  <path class="cls-9" d="M172,96v21.84L148.75,94.64h21.84A1.41,1.41,0,0,1,172,96Z"/>
+  <path class="cls-11" d="M172,118.61a1.38,1.38,0,0,1-1.38,1.39H142.38a1.38,1.38,0,0,1-1.38-1.39V96.39A1.38,1.38,0,0,1,142.38,95h28.24A1.38,1.38,0,0,1,172,96.39Z"/>
+  <g>
+    <path class="cls-8" d="M177,30.08V55.53a1.27,1.27,0,0,1-1.25,1.28h-37.5A1.27,1.27,0,0,1,137,55.53V30.08a1.22,1.22,0,0,1,.06-.38,1.29,1.29,0,0,1,1.19-.9h37.5a1.21,1.21,0,0,1,.89.39,1.19,1.19,0,0,1,.31.56A1,1,0,0,1,177,30.08Z"/>
+    <rect class="cls-9" x="137" y="28.55" width="4" height="28.45"/>
+    <rect class="cls-9" x="173" y="29" width="4" height="28.33"/>
+    <polygon class="cls-13" points="137.65 29.12 157 41.38 176.35 29.12 137.65 29.12"/>
+    <path class="cls-11" d="M177,30.28V55.72A1.27,1.27,0,0,1,175.75,57h-37.5A1.27,1.27,0,0,1,137,55.72V30.28a1.22,1.22,0,0,1,.06-.38,1.29,1.29,0,0,1,1.19-.9h37.5a1.21,1.21,0,0,1,.89.39,1.19,1.19,0,0,1,.31.56A1,1,0,0,1,177,30.28Z"/>
+    <polyline class="cls-11" points="137.65 29.76 157 41.38 176.35 29.76"/>
+  </g>
+  <g>
+    <rect class="cls-12" x="196" y="50" width="26" height="22.7"/>
+    <path class="cls-8" d="M232,66.54V84.46c0,.85-.2,1.54-1.07,1.54H188.07c-.87,0-2.07-.69-2.07-1.54V66.54c0-.85,1.2-1.54,2.07-1.54h42.86C231.8,65,232,65.69,232,66.54Z"/>
+    <path class="cls-14" d="M232,66.54V83L214,65h16.93C231.8,65,232,65.69,232,66.54Z"/>
+    <path class="cls-11" d="M232,66.54V84.46c0,.85-.2,1.54-1.07,1.54H188.07c-.87,0-2.07-.69-2.07-1.54V66.54c0-.85,1.2-1.54,2.07-1.54h42.86C231.8,65,232,65.69,232,66.54Z"/>
+    <rect class="cls-7" x="194" y="80.56" width="30" height="5.44"/>
+    <rect class="cls-15" x="195" y="80" width="28" height="13"/>
+    <rect class="cls-7" x="192" y="79" width="34" height="2" rx="1" ry="1"/>
+  </g>
+</svg>
diff --git a/bcs/images/bcs-partner-identity-manager.svg b/bcs/images/bcs-partner-identity-manager.svg
new file mode 100644
index 0000000000..c75db3c46f
--- /dev/null
+++ b/bcs/images/bcs-partner-identity-manager.svg
@@ -0,0 +1,91 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 140">
+  <defs>
+    <style>
+      .cls-1, .cls-12 {
+        fill: #80def9;
+      }
+
+      .cls-2, .cls-7, .cls-9 {
+        fill: none;
+      }
+
+      .cls-2 {
+        stroke: #00bcf2;
+        stroke-linecap: round;
+      }
+
+      .cls-12, .cls-2, .cls-4, .cls-9 {
+        stroke-miterlimit: 10;
+        stroke-width: 2px;
+      }
+
+      .cls-3 {
+        fill: #00bcf2;
+      }
+
+      .cls-10, .cls-4 {
+        fill: #fff;
+      }
+
+      .cls-12, .cls-4, .cls-9 {
+        stroke: #556a8a;
+      }
+
+      .cls-5 {
+        fill: #e5e5e5;
+      }
+
+      .cls-6 {
+        fill: #2bc7f4;
+      }
+
+      .cls-8 {
+        fill: #556a8a;
+      }
+
+      .cls-11 {
+        fill: #f1f2f2;
+      }
+    </style>
+  </defs>
+  <title>bcs-partner-identity-manager</title>
+  <g id="ICONS">
+    <path class="cls-1" d="M327.31,58.4a36.36,36.36,0,0,0-71.78-1.14,24.75,24.75,0,0,0-39.75,12.58,21.63,21.63,0,1,0-5.14,42.64H332.36c12.35-2.51,21.64-14,21.64-27A27,27,0,0,0,327.31,58.4Z"/>
+    <g>
+      <line class="cls-2" x1="119" y1="62" x2="193" y2="62"/>
+      <polygon class="cls-3" points="186.24 70.18 184.87 68.72 192.09 62 184.87 55.29 186.24 53.82 195.03 62 186.24 70.18"/>
+    </g>
+    <g>
+      <rect class="cls-4" x="57" y="24" width="53" height="91"/>
+      <g>
+        <rect class="cls-5" x="83" y="25" width="26" height="89"/>
+        <rect class="cls-6" x="59" y="47" width="24" height="3"/>
+        <polygon class="cls-7" points="95 33 59 33 59 36 95 36 95 33 95 33"/>
+        <polyline class="cls-7" points="95 33 59 33 59 36 95 36 95 33"/>
+        <rect class="cls-6" x="59" y="40" width="24" height="3"/>
+        <rect class="cls-6" x="59" y="33" width="24" height="3"/>
+        <rect class="cls-8" x="83" y="33" width="28" height="3"/>
+        <rect class="cls-8" x="83" y="40" width="28" height="3"/>
+        <rect class="cls-8" x="83" y="47" width="28" height="3"/>
+      </g>
+      <rect class="cls-8" x="57" y="33" width="4" height="3"/>
+      <rect class="cls-8" x="57" y="40" width="4" height="3"/>
+      <rect class="cls-8" x="57" y="47" width="4" height="3"/>
+    </g>
+    <g>
+      <circle class="cls-4" cx="112.67" cy="83.6" r="12.08"/>
+      <path class="cls-4" d="M93.35,115A19.33,19.33,0,0,1,132,115Z"/>
+    </g>
+    <g>
+      <rect class="cls-9" x="268.73" y="41.87" width="27" height="36" rx="12" ry="12"/>
+      <path class="cls-10" d="M304.73,65.87v32a2,2,0,0,1-2,2H262.69a2,2,0,0,1-2-2v-32a2,2,0,0,1,2-2h40.09A2,2,0,0,1,304.73,65.87Z"/>
+      <path class="cls-5" d="M304.73,65.87v31l-33-33h31A2,2,0,0,1,304.73,65.87Z"/>
+      <path class="cls-9" d="M304.73,97.87a2,2,0,0,1-2,2H262.69a2,2,0,0,1-2-2v-32a2,2,0,0,1,2-2h40.09a2,2,0,0,1,2,2Z"/>
+    </g>
+    <g>
+      <path class="cls-11" d="M254.1,82.49a15.33,15.33,0,1,0-5.48,7.14v5h4.86v5.6h6.4v6.4h9.6V97.31Z"/>
+      <path class="cls-9" d="M254.1,82.49a15.33,15.33,0,1,0-5.48,7.14v5h4.86v5.6h6.4v6.4h9.6V97.31Z"/>
+      <circle class="cls-12" cx="235.73" cy="71.51" r="3.24"/>
+    </g>
+  </g>
+</svg>
diff --git a/bcs/index.md b/bcs/index.md
index d0fe9a13e1..0a486672e6 100644
--- a/bcs/index.md
+++ b/bcs/index.md
@@ -337,7 +337,7 @@ description: Learn about the product documentation and resources available for M
                                             <div class="card">
                                                 <div class="cardImageOuter">
                                                     <div class="cardImage bgdAccent1">
-                                                        <img src="images/bcs-partner-advanced-management- management-4_placeholder.svg" alt="Identity integration" />
+                                                        <img src="images/bcs-partner-identity-manager.svg" alt="Identity integration" />
                                                     </div>
                                                 </div>
                                                 <div class="cardText">
@@ -779,7 +779,7 @@ description: Learn about the product documentation and resources available for M
                                             <div class="card">
                                                 <div class="cardImageOuter">
                                                     <div class="cardImage bgdAccent1"> 
-                                                        <img src="/media/hubs/education/education-students-office-help.svg" alt="Office help and training" />
+                                                        <img src="images/bcs-information-product-help-office.svg" alt="Office help and training" />
                                                     </div>
                                                 </div>
                                                 <div class="cardText">
@@ -798,7 +798,7 @@ description: Learn about the product documentation and resources available for M
                                             <div class="card">
                                                 <div class="cardImageOuter">
                                                     <div class="cardImage bgdAccent1"> 
-                                                        <img src="/media/hubs/education/education-students-windows-help.svg" alt="Windows help" />
+                                                        <img src="images/bcs-information-product-help-windows10.svg" alt="Windows help" />
                                                     </div>
                                                 </div>
                                                 <div class="cardText">