docs: Add VPP inside the Cloud

This commit updates the VPP docs, adding the  VPP deployment and configuration inside the cloud

Change-Id: I97322deb57f0dfb1aa46cca301adbc91ce4a19f6
Signed-off-by: Francesco Spinelli <francescospinelli94@live.it>

2 files changed, 358 insertions, 0 deletions

diff --git a/docs/_images/Connecting_VPC.svg b/docs/_images/Connecting_VPC.svg
new file mode 100644
index 00000000000..4fa1bf5b0c0
--- /dev/null
+++ b/docs/_images/Connecting_VPC.svg
@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" viewBox="2 91 1895 438" width="1895" height="438">
+  <defs>
+    <clipPath id="inner_stroke_clip_path">
+      <path d="M 97.25 196 L 465.75 196 C 472.3774 196 477.75 201.37258 477.75 208 L 477.75 434.5 C 477.75 441.1274 472.3774 446.5 465.75 446.5 L 97.25 446.5 C 90.62258 446.5 85.25 441.1274 85.25 434.5 L 85.25 208 C 85.25 201.37258 90.62258 196 97.25 196 Z"/>
+    </clipPath>
+    <font-face font-family="Helvetica Neue" font-size="46" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+    <clipPath id="inner_stroke_clip_path_2">
+      <path d="M 1440 196 L 1808.5 196 C 1815.1274 196 1820.5 201.37258 1820.5 208 L 1820.5 434.5 C 1820.5 441.1274 1815.1274 446.5 1808.5 446.5 L 1440 446.5 C 1433.3726 446.5 1428 441.1274 1428 434.5 L 1428 208 C 1428 201.37258 1433.3726 196 1440 196 Z"/>
+    </clipPath>
+    <font-face font-family="Helvetica Neue" font-size="24" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+  </defs>
+  <metadata> Produced by OmniGraffle 7.10.2 
+    <dc:date>2019-04-24 15:02:40 +0000</dc:date>
+  </metadata>
+  <g id="Canvas_1" fill-opacity="1" fill="none" stroke="none" stroke-opacity="1" stroke-dasharray="none">
+    <title>Canvas 1</title>
+    <rect fill="white" x="2" y="91" width="1895" height="438"/>
+    <g id="Canvas_1: Layer 1">
+      <title>Layer 1</title>
+      <g id="Graphic_3">
+        <path d="M 57.13459 344.37216 C -40.96875 321.25 -1.8476 126.59942 154.64914 159.8125 C 169.16858 95.0696 351.15325 105.57811 349.96353 159.8125 C 464.07346 90.44604 609.89914 228.76138 512.08716 298.12784 C 629.4567 331.7585 510.6061 512.95596 414.28125 482.6875 C 406.57235 533.1378 234.37252 550.7926 219.25822 482.6875 C 121.74974 555.4205 -81.57098 443.5895 57.13459 344.37216 Z" fill="#ccc"/>
+        <path d="M 57.13459 344.37216 C -35.259222 328.58103 -7.872267 119.14513 154.64914 159.8125 C 169.72409 94.18982 347.66384 102.68965 349.96353 159.8125 C 464.17183 93.34733 601.78195 217.07185 512.08716 298.12784 C 640.0207 335.95985 501.8011 521.1768 414.28125 482.6875 C 402.12078 533.1193 241.18727 547.38 219.25822 482.6875 C 132.80808 553.2986 -66.929324 458.54647 57.13459 344.37216 M 57.13459 344.37216 C -35.134222 328.45603 -7.747267 119.02013 154.77414 159.6875 C 169.84909 94.06482 347.78884 102.56465 350.08853 159.6875 C 464.29683 93.22233 601.90695 216.94685 512.21216 298.00284 C 640.1457 335.83485 501.9261 521.0518 414.40625 482.5625 C 402.24578 532.9943 241.31227 547.255 219.38322 482.5625 C 132.93308 553.1736 -66.804324 458.42147 57.25959 344.24716" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_10">
+        <path d="M 97.25 196 L 465.75 196 C 472.3774 196 477.75 201.37258 477.75 208 L 477.75 434.5 C 477.75 441.1274 472.3774 446.5 465.75 446.5 L 97.25 446.5 C 90.62258 446.5 85.25 441.1274 85.25 434.5 L 85.25 208 C 85.25 201.37258 90.62258 196 97.25 196 Z" fill="#ccc"/>
+        <path d="M 97.25 196 L 465.75 196 C 472.3774 196 477.75 201.37258 477.75 208 L 477.75 434.5 C 477.75 441.1274 472.3774 446.5 465.75 446.5 L 97.25 446.5 C 90.62258 446.5 85.25 441.1274 85.25 434.5 L 85.25 208 C 85.25 201.37258 90.62258 196 97.25 196 Z" stroke="black" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="8" clip-path="url(#inner_stroke_clip_path)"/>
+        <text transform="translate(90.25 201)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="46" font-weight="400" fill="black" x="291.374" y="44">VPC</tspan>
+        </text>
+      </g>
+      <g id="Graphic_26">
+        <path d="M 1392.1346 323.37216 C 1294.0312 300.25 1333.1524 105.59942 1489.6491 138.8125 C 1504.1686 74.069605 1686.1532 84.57811 1684.9635 138.8125 C 1799.0735 69.446035 1944.8991 207.76138 1847.0872 277.12784 C 1964.4567 310.7585 1845.606 491.95596 1749.2812 461.6875 C 1741.5724 512.1378 1569.3725 529.7926 1554.2582 461.6875 C 1456.7497 534.4205 1253.429 422.5895 1392.1346 323.37216 Z" fill="#ccc"/>
+        <path d="M 1392.1346 323.37216 C 1300.3143 291.5669 1326.6237 120.76594 1489.6491 138.8125 C 1501.1182 72.7553 1686.9396 84.9267 1684.9635 138.8125 C 1803.489 80.01534 1956.4176 197.29948 1847.0872 277.12784 C 1955.5053 302.52404 1852.9738 493.42634 1749.2812 461.6875 C 1737.2344 509.4491 1563.5206 530.8696 1554.2582 461.6875 C 1463.5109 540.12674 1254.8044 410.26295 1392.1346 323.37216 M 1392.1346 323.37216 C 1300.4393 291.4419 1326.7487 120.64094 1489.7741 138.6875 C 1501.2432 72.6303 1687.0646 84.8017 1685.0885 138.6875 C 1803.614 79.89034 1956.5426 197.17448 1847.2122 277.00284 C 1955.6303 302.39904 1853.0988 493.30134 1749.4062 461.5625 C 1737.3594 509.3241 1563.6456 530.7446 1554.3832 461.5625 C 1463.6359 540.00174 1254.9294 410.13795 1392.2596 323.24716" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_25">
+        <path d="M 1440 196 L 1808.5 196 C 1815.1274 196 1820.5 201.37258 1820.5 208 L 1820.5 434.5 C 1820.5 441.1274 1815.1274 446.5 1808.5 446.5 L 1440 446.5 C 1433.3726 446.5 1428 441.1274 1428 434.5 L 1428 208 C 1428 201.37258 1433.3726 196 1440 196 Z" fill="#ccc"/>
+        <path d="M 1440 196 L 1808.5 196 C 1815.1274 196 1820.5 201.37258 1820.5 208 L 1820.5 434.5 C 1820.5 441.1274 1815.1274 446.5 1808.5 446.5 L 1440 446.5 C 1433.3726 446.5 1428 441.1274 1428 434.5 L 1428 208 C 1428 201.37258 1433.3726 196 1440 196 Z" stroke="black" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="8" clip-path="url(#inner_stroke_clip_path_2)"/>
+        <text transform="translate(1433 201)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="46" font-weight="400" fill="black" x="0" y="44">VPC</tspan>
+        </text>
+      </g>
+      <g id="Line_35">
+        <line x1="224.49985" y1="321.3858" x2="1700.0002" y2="325.2392" stroke="#0532ff" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/>
+      </g>
+      <g id="Graphic_32">
+        <circle cx="1527.5" cy="320.75" r="50.0000798950948" fill="#ccc"/>
+        <circle cx="1527.5" cy="320.75" r="50.0000798950948" stroke="#005c5d" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+        <text transform="translate(1492.5 306.25)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="24" font-weight="400" fill="black" x="4.112" y="23">Client</tspan>
+        </text>
+      </g>
+      <g id="Graphic_30">
+        <circle cx="1527.5" cy="321.75" r="50.0000798950948" fill="#ccc"/>
+        <circle cx="1527.5" cy="321.75" r="50.0000798950948" stroke="#ff9300" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+        <text transform="translate(1492.5 307.25)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="24" font-weight="400" fill="black" x="12.116" y="23">VPP</tspan>
+        </text>
+      </g>
+      <g id="Graphic_29">
+        <circle cx="1752" cy="325.375" r="50.0000798950948" fill="#ccc"/>
+        <circle cx="1752" cy="325.375" r="50.0000798950948" stroke="#005c5d" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+        <text transform="translate(1717 310.875)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="24" font-weight="400" fill="black" x=".344" y="23">Server</tspan>
+        </text>
+      </g>
+      <g id="Graphic_36">
+        <circle cx="934.25" cy="320.75" r="150.000239685284" fill="#3a8eed"/>
+        <circle cx="934.25" cy="320.75" r="150.000239685284" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Group_34">
+        <g id="Graphic_18">
+          <circle cx="172.5" cy="321.25" r="50.0000798950948" fill="#ccc"/>
+          <circle cx="172.5" cy="321.25" r="50.0000798950948" stroke="#005c5d" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+          <text transform="translate(137.5 306.75)" fill="black">
+            <tspan font-family="Helvetica Neue" font-size="24" font-weight="400" fill="black" x="4.112" y="23">Client</tspan>
+          </text>
+        </g>
+        <g id="Graphic_21">
+          <circle cx="390.5" cy="321.25" r="50.0000798950948" fill="#ccc"/>
+          <circle cx="390.5" cy="321.25" r="50.0000798950948" stroke="#ff9300" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+          <text transform="translate(355.5 306.75)" fill="black">
+            <tspan font-family="Helvetica Neue" font-size="24" font-weight="400" fill="black" x="12.116" y="23">VPP</tspan>
+          </text>
+        </g>
+      </g>
+      <g id="Graphic_20">
+        <path d="M 875.6629 329.3766 C 848.1875 323.5625 859.144 274.61726 902.9734 282.96875 C 907.0398 266.68903 958.0075 269.3314 957.6743 282.96875 C 989.6326 265.52643 1030.4734 300.30607 1003.0796 317.7484 C 1035.9508 326.2049 1002.6648 371.7673 975.6875 364.15625 C 973.5285 376.84207 925.3012 381.2814 921.0682 364.15625 C 893.7594 382.4451 836.8162 354.325 875.6629 329.3766 Z" fill="white"/>
+        <path d="M 875.6629 329.3766 C 848.6755 325.4818 862.4036 271.76958 902.9734 282.96875 C 906.5063 265.36393 958.2806 270.1557 957.6743 282.96875 C 988.9464 263.11376 1030.7937 301.9043 1003.0796 317.7484 C 1037.5339 325.11272 1002.8077 370.71445 975.6875 364.15625 C 973.8819 376.56356 925.424 380.3372 921.0682 364.15625 C 895.6032 380.00546 839.3298 350.10455 875.6629 329.3766 M 875.6629 329.3766 C 848.8005 325.3568 862.5286 271.64458 903.0984 282.84375 C 906.6313 265.23893 958.4056 270.0307 957.7993 282.84375 C 989.0714 262.98876 1030.9187 301.7793 1003.2046 317.6234 C 1037.6589 324.98772 1002.9327 370.58945 975.8125 364.03125 C 974.0069 376.43856 925.549 380.2122 921.1932 364.03125 C 895.7282 379.88046 839.4548 349.97955 875.7879 329.2516" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_43">
+        <ellipse cx="814.25" cy="251.5625" rx="10.000015979019" ry="10.2500163784944" fill="#00fdff"/>
+        <ellipse cx="814.25" cy="251.5625" rx="10.000015979019" ry="10.2500163784944" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_45">
+        <circle cx="858.5" cy="280.375" r="5.00000798950948" fill="#00fdff"/>
+        <circle cx="858.5" cy="280.375" r="5.00000798950948" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_47">
+        <ellipse cx="934.25" cy="452.5625" rx="10.0000159790189" ry="10.2500163784944" fill="lime"/>
+        <ellipse cx="934.25" cy="452.5625" rx="10.0000159790189" ry="10.2500163784944" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_48">
+        <circle cx="844.25" cy="272.125" r="5.00000798950949" fill="#00fdff"/>
+        <circle cx="844.25" cy="272.125" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_49">
+        <circle cx="831.75" cy="262.125" r="5.00000798950947" fill="#00fdff"/>
+        <circle cx="831.75" cy="262.125" r="5.00000798950947" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_50">
+        <circle cx="934.25" cy="262.125" r="5.00000798950949" fill="lime"/>
+        <circle cx="934.25" cy="262.125" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_51">
+        <circle cx="934.25" cy="385" r="5.00000798950951" fill="lime"/>
+        <circle cx="934.25" cy="385" r="5.00000798950951" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_52">
+        <circle cx="934.25" cy="246.3125" r="5.0000079895095" fill="lime"/>
+        <circle cx="934.25" cy="246.3125" r="5.0000079895095" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_53">
+        <circle cx="934.25" cy="230.5" r="5.00000798950949" fill="lime"/>
+        <circle cx="934.25" cy="230.5" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_54">
+        <circle cx="934.25" cy="212" r="5.00000798950951" fill="lime"/>
+        <circle cx="934.25" cy="212" r="5.00000798950951" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_55">
+        <circle cx="934.25" cy="416.15625" r="5.00000798950948" fill="lime"/>
+        <circle cx="934.25" cy="416.15625" r="5.00000798950948" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_56">
+        <circle cx="934.25" cy="401.3125" r="5.00000798950949" fill="lime"/>
+        <circle cx="934.25" cy="401.3125" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_57">
+        <circle cx="934.25" cy="433.9375" r="5.00000798950952" fill="lime"/>
+        <circle cx="934.25" cy="433.9375" r="5.00000798950952" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_58">
+        <ellipse cx="934.25" cy="188.25" rx="10.0000159790189" ry="10.2500163784945" fill="lime"/>
+        <ellipse cx="934.25" cy="188.25" rx="10.0000159790189" ry="10.2500163784945" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_62">
+        <ellipse cx="1034" cy="416.15625" rx="10.0000159790189" ry="10.2500163784944" fill="#00fdff"/>
+        <ellipse cx="1034" cy="416.15625" rx="10.0000159790189" ry="10.2500163784944" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_61">
+        <circle cx="999" cy="390" r="5.00000798950949" fill="#00fdff"/>
+        <circle cx="999" cy="390" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_60">
+        <circle cx="982.5" cy="377" r="5.00000798950946" fill="#00fdff"/>
+        <circle cx="982.5" cy="377" r="5.00000798950946" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_59">
+        <circle cx="1014.5" cy="400.8125" r="5.00000798950949" fill="#00fdff"/>
+        <circle cx="1014.5" cy="400.8125" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_66">
+        <ellipse cx="834.5" cy="416.15625" rx="10.000015979019" ry="10.2500163784944" fill="#ff40ff"/>
+        <ellipse cx="834.5" cy="416.15625" rx="10.000015979019" ry="10.2500163784944" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_65">
+        <circle cx="886" cy="377" r="5.00000798950948" fill="#ff40ff"/>
+        <circle cx="886" cy="377" r="5.00000798950948" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_64">
+        <circle cx="869.5" cy="390" r="5.00000798950948" fill="#ff40ff"/>
+        <circle cx="869.5" cy="390" r="5.00000798950948" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_63">
+        <circle cx="854" cy="400.8125" r="5.00000798950945" fill="fuchsia"/>
+        <circle cx="854" cy="400.8125" r="5.00000798950945" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_70">
+        <ellipse cx="1034" cy="225.25" rx="10.0000159790189" ry="10.2500163784944" fill="#ff40ff"/>
+        <ellipse cx="1034" cy="225.25" rx="10.0000159790189" ry="10.2500163784944" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_69">
+        <circle cx="994" cy="272.125" r="5.00000798950946" fill="#ff40ff"/>
+        <circle cx="994" cy="272.125" r="5.00000798950946" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_68">
+        <circle cx="1006.5" cy="256.8125" r="5.00000798950949" fill="#ff40ff"/>
+        <circle cx="1006.5" cy="256.8125" r="5.00000798950949" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Graphic_67">
+        <circle cx="1019" cy="240.5" r="5.00000798950953" fill="#ff40ff"/>
+        <circle cx="1019" cy="240.5" r="5.00000798950953" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/docs/_images/vpc_scheme.svg b/docs/_images/vpc_scheme.svg
new file mode 100644
index 00000000000..8d71a0c56a8
--- /dev/null
+++ b/docs/_images/vpc_scheme.svg
@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" viewBox="54 -6 1578 801" width="1578" height="801">
+  <defs>
+    <font-face font-family="Helvetica Neue" font-size="36" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-1 -3 6 6" markerWidth="6" markerHeight="6" color="#ff2600">
+      <g>
+        <path d="M 3.2 0 L 0 -1.2 L 0 1.2 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_2" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-1 -3 6 6" markerWidth="6" markerHeight="6" color="#00fdff">
+      <g>
+        <path d="M 3.2 0 L 0 -1.2 L 0 1.2 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_3" stroke-linejoin="miter" stroke-miterlimit="10" viewBox="-1 -3 6 6" markerWidth="6" markerHeight="6" color="#00fa00">
+      <g>
+        <path d="M 3.2 0 L 0 -1.2 L 0 1.2 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
+      </g>
+    </marker>
+    <font-face font-family="Helvetica Neue" font-size="32" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+    <font-face font-family="Helvetica Neue" font-size="20" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+    <font-face font-family="Helvetica Neue" font-size="40" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+    <font-face font-family="Helvetica Neue" font-size="50" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="400">
+      <font-face-src>
+        <font-face-name name="HelveticaNeue"/>
+      </font-face-src>
+    </font-face>
+  </defs>
+  <metadata> Produced by OmniGraffle 7.10.2 
+    <dc:date>2019-04-24 16:02:19 +0000</dc:date>
+  </metadata>
+  <g id="Canvas_1" fill-opacity="1" fill="none" stroke="none" stroke-opacity="1" stroke-dasharray="none">
+    <title>Canvas 1</title>
+    <rect fill="white" x="54" y="-6" width="1578" height="801"/>
+    <g id="Canvas_1: Layer 1">
+      <title>Layer 1</title>
+      <g id="Graphic_2">
+        <path d="M 177.5 187.5 L 730.5 187.5 C 758.1142 187.5 780.5 209.88576 780.5 237.5 L 780.5 530.5 C 780.5 558.11424 758.1142 580.5 730.5 580.5 L 177.5 580.5 C 149.88576 580.5 127.5 558.11424 127.5 530.5 L 127.5 237.5 C 127.5 209.88576 149.88576 187.5 177.5 187.5 Z" fill="white"/>
+        <path d="M 177.5 187.5 L 730.5 187.5 C 758.1142 187.5 780.5 209.88576 780.5 237.5 L 780.5 530.5 C 780.5 558.11424 758.1142 580.5 730.5 580.5 L 177.5 580.5 C 149.88576 580.5 127.5 558.11424 127.5 530.5 L 127.5 237.5 C 127.5 209.88576 149.88576 187.5 177.5 187.5 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_3">
+        <path d="M 178.5 188.5 L 731.5 188.5 C 759.1142 188.5 781.5 210.88576 781.5 238.5 L 781.5 531.5 C 781.5 559.11424 759.1142 581.5 731.5 581.5 L 178.5 581.5 C 150.88576 581.5 128.5 559.11424 128.5 531.5 L 128.5 238.5 C 128.5 210.88576 150.88576 188.5 178.5 188.5 Z" fill="white"/>
+        <path d="M 178.5 188.5 L 731.5 188.5 C 759.1142 188.5 781.5 210.88576 781.5 238.5 L 781.5 531.5 C 781.5 559.11424 759.1142 581.5 731.5 581.5 L 178.5 581.5 C 150.88576 581.5 128.5 559.11424 128.5 531.5 L 128.5 238.5 C 128.5 210.88576 150.88576 188.5 178.5 188.5 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_4">
+        <path d="M 109.5 104 L 1475 104 C 1502.6142 104 1525 126.38576 1525 154 L 1525 740 C 1525 767.6142 1502.6142 790 1475 790 L 109.5 790 C 81.88576 790 59.5 767.6142 59.5 740 L 59.5 154 C 59.5 126.38576 81.88576 104 109.5 104 Z" fill="white"/>
+        <path d="M 109.5 104 L 1475 104 C 1502.6142 104 1525 126.38576 1525 154 L 1525 740 C 1525 767.6142 1502.6142 790 1475 790 L 109.5 790 C 81.88576 790 59.5 767.6142 59.5 740 L 59.5 154 C 59.5 126.38576 81.88576 104 109.5 104 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="10"/>
+      </g>
+      <g id="Graphic_12">
+        <path d="M 237 277.5 L 699.5 277.5 C 727.1142 277.5 749.5 299.88576 749.5 327.5 L 749.5 620.5 C 749.5 648.1142 727.1142 670.5 699.5 670.5 L 237 670.5 C 209.38576 670.5 187 648.1142 187 620.5 L 187 327.5 C 187 299.88576 209.38576 277.5 237 277.5 Z" fill="white"/>
+        <path d="M 237 277.5 L 699.5 277.5 C 727.1142 277.5 749.5 299.88576 749.5 327.5 L 749.5 620.5 C 749.5 648.1142 727.1142 670.5 699.5 670.5 L 237 670.5 C 209.38576 670.5 187 648.1142 187 620.5 L 187 327.5 C 187 299.88576 209.38576 277.5 237 277.5 Z" stroke="#ff2600" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_13">
+        <path d="M 962.5 282 L 1443.5 282 C 1471.1142 282 1493.5 304.38576 1493.5 332 L 1493.5 620.5 C 1493.5 648.1142 1471.1142 670.5 1443.5 670.5 L 962.5 670.5 C 934.8858 670.5 912.5 648.1142 912.5 620.5 L 912.5 332 C 912.5 304.38576 934.8858 282 962.5 282 Z" fill="white"/>
+        <path d="M 962.5 282 L 1443.5 282 C 1471.1142 282 1493.5 304.38576 1493.5 332 L 1493.5 620.5 C 1493.5 648.1142 1471.1142 670.5 1443.5 670.5 L 962.5 670.5 C 934.8858 670.5 912.5 648.1142 912.5 620.5 L 912.5 332 C 912.5 304.38576 934.8858 282 962.5 282 Z" stroke="#00fdff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_11">
+        <path d="M 139.5 300 L 319 300 C 346.61424 300 369 322.38576 369 350 L 369 587 C 369 614.61424 346.61424 637 319 637 L 139.5 637 C 111.88576 637 89.5 614.61424 89.5 587 L 89.5 350 C 89.5 322.38576 111.88576 300 139.5 300 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+        <text transform="translate(94.5 305)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="36" font-weight="400" fill="black" x="0" y="34">   VM</tspan>
+        </text>
+      </g>
+      <g id="Graphic_14">
+        <path d="M 692.5 300 L 974.5 300 C 1002.1142 300 1024.5 322.38576 1024.5 350 L 1024.5 587 C 1024.5 614.61424 1002.1142 637 974.5 637 L 692.5 637 C 664.8858 637 642.5 614.61424 642.5 587 L 642.5 350 C 642.5 322.38576 664.8858 300 692.5 300 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+        <text transform="translate(647.5 305)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="36" font-weight="400" fill="black" x="151.674" y="34">VPP</tspan>
+        </text>
+      </g>
+      <g id="Graphic_16">
+        <path d="M 260.5 382 L 301 382 C 306.52285 382 311 386.47715 311 392 L 311 567 C 311 572.52285 306.52285 577 301 577 L 260.5 577 C 254.97715 577 250.5 572.52285 250.5 567 L 250.5 392 C 250.5 386.47715 254.97715 382 260.5 382 Z" fill="#ab7942"/>
+        <path d="M 260.5 382 L 301 382 C 306.52285 382 311 386.47715 311 392 L 311 567 C 311 572.52285 306.52285 577 301 577 L 260.5 577 C 254.97715 577 250.5 572.52285 250.5 567 L 250.5 392 C 250.5 386.47715 254.97715 382 260.5 382 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_17">
+        <path d="M 957.5 382 L 998 382 C 1003.5228 382 1008 386.47715 1008 392 L 1008 567 C 1008 572.52285 1003.5228 577 998 577 L 957.5 577 C 951.9772 577 947.5 572.52285 947.5 567 L 947.5 392 C 947.5 386.47715 951.9772 382 957.5 382 Z" fill="#ab7942"/>
+        <path d="M 957.5 382 L 998 382 C 1003.5228 382 1008 386.47715 1008 392 L 1008 567 C 1008 572.52285 1003.5228 577 998 577 L 957.5 577 C 951.9772 577 947.5 572.52285 947.5 567 L 947.5 392 C 947.5 386.47715 951.9772 382 957.5 382 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_18">
+        <path d="M 678.5 382 L 719 382 C 724.52285 382 729 386.47715 729 392 L 729 567 C 729 572.52285 724.52285 577 719 577 L 678.5 577 C 672.97715 577 668.5 572.52285 668.5 567 L 668.5 392 C 668.5 386.47715 672.97715 382 678.5 382 Z" fill="#ab7942"/>
+        <path d="M 678.5 382 L 719 382 C 724.52285 382 729 386.47715 729 392 L 729 567 C 729 572.52285 724.52285 577 719 577 L 678.5 577 C 672.97715 577 668.5 572.52285 668.5 567 L 668.5 392 C 668.5 386.47715 672.97715 382 678.5 382 Z" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_19">
+        <circle cx="1525" cy="479.5" r="75.0001198426422" fill="#ff9300"/>
+        <circle cx="1525" cy="479.5" r="75.0001198426422" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
+      </g>
+      <g id="Line_25">
+        <line x1="313" y1="479.5" x2="647.6" y2="479.5" marker-end="url(#FilledArrow_Marker)" stroke="#ff2600" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Line_26">
+        <line x1="1010" y1="479.5" x2="1431.1" y2="479.5" marker-end="url(#FilledArrow_Marker_2)" stroke="#00fdff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Line_27">
+        <line x1="729" y1="480.2539" x2="926.6001" y2="479.655" marker-end="url(#FilledArrow_Marker_3)" stroke="#00fa00" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
+      </g>
+      <g id="Graphic_28">
+        <text transform="translate(325.5 199)" fill="#ff2600">
+          <tspan font-family="Helvetica Neue" font-size="32" font-weight="400" fill="#ff2600" x="0" y="30">Subnet: 10.0.30.0/24</tspan>
+        </text>
+      </g>
+      <g id="Graphic_29">
+        <text transform="translate(964.344 173)" fill="#00fdff">
+          <tspan font-family="Helvetica Neue" font-size="32" font-weight="400" fill="#00fdff" x="8526513e-19" y="30">Subnet: 2600:1f14:135:cc00::/64,</tspan>
+          <tspan font-family="Helvetica Neue" font-size="32" font-weight="400" fill="#00fdff" x="148.816" y="67.896">10.0.20.0/24</tspan>
+        </text>
+      </g>
+      <g id="Graphic_30">
+        <text transform="translate(255.5 333.5)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="20" font-weight="400" fill="black" x="8668621e-19" y="19">NIC: 10.0.30.5</tspan>
+        </text>
+      </g>
+      <g id="Graphic_31">
+        <text transform="translate(979 322.44)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="20" font-weight="400" fill="black" x="0" y="19">NIC: </tspan>
+          <tspan font-family="Helvetica Neue" font-size="20" font-weight="400" fill="black" y="19">2600:1f14:135:cc00::5.128,</tspan>
+          <tspan font-family="Helvetica Neue" font-size="20" font-weight="400" fill="black" x="103.01" y="42.56">10.0.20.4</tspan>
+        </text>
+      </g>
+      <g id="Graphic_32">
+        <text transform="translate(595.42 338.5)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="20" font-weight="400" fill="black" x="8668621e-19" y="19">NIC: 10.0.30.</tspan>
+          <tspan font-family="Helvetica Neue" font-size="20" font-weight="400" fill="black" y="19">4</tspan>
+        </text>
+      </g>
+      <g id="Graphic_33">
+        <text transform="translate(1548.724 565.94)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="40" font-weight="400" fill="black" x="0" y="38">IGW</tspan>
+        </text>
+      </g>
+      <g id="Graphic_34">
+        <text transform="translate(595.675 -.6119995)" fill="black">
+          <tspan font-family="Helvetica Neue" font-size="50" font-weight="400" fill="black" x="73896445e-20" y="48">VPP scenario in AWS</tspan>
+        </text>
+      </g>
+    </g>
+  </g>
+</svg>