diff --git a/content/rancher/v2.x/en/v1.6-migration/expose-services/_index.md b/content/rancher/v2.x/en/v1.6-migration/expose-services/_index.md
index 166606948d3..5315469581a 100644
--- a/content/rancher/v2.x/en/v1.6-migration/expose-services/_index.md
+++ b/content/rancher/v2.x/en/v1.6-migration/expose-services/_index.md
@@ -17,10 +17,10 @@ Use this document to correct workloads that list `ports` in `output.txt`. You ca
 <!-- TOC -->
 
 - [What's Different About Exposing Services in Rancher v2.x?](#what-s-different-about-exposing-services-in-rancher-v2-x)
-- [HostPorts](#hostports)
-- [Setting HostPorts](#setting-hostports)
-- [NodePorts](#nodeports)
-- [Setting NodePorts](#setting-nodeports)
+- [HostPorts](#hostport)
+- [Setting HostPort](#setting-hostport)
+- [NodePorts](#nodeport)
+- [Setting NodePort](#setting-nodeport)
 
 <!-- /TOC -->
 
@@ -30,9 +30,9 @@ In Rancher v1.6, we used the term _Port Mapping_ for exposing an IP address and
 
 In Rancher v2.x, the mechanisms and terms for service exposure have changed and expanded. You now have two port mapping options: _HostPorts_ (which is most synonymous with v1.6 port mapping, allows you to expose your app at a single IP and port) and _NodePorts_ (which allows you to map ports on _all_ of your cluster nodes, not just one).
 
-Unfortunately, port mapping cannot be parsed by the migration-tools CLI. If the services you're migrating from v1.6 to v2.x have port mappings set, you'll have to either set a [HostPort](#hostports) or [NodePort](#nodeports) as a replacement.
+Unfortunately, port mapping cannot be parsed by the migration-tools CLI. If the services you're migrating from v1.6 to v2.x have port mappings set, you'll have to either set a [HostPort](#hostport) or [NodePort](#nodeport) as a replacement.
 
-## HostPorts
+## HostPort
 
 A _HostPort_ is a port exposed to the public on a _specific node_ running one or more pod. Traffic to the node and the exposed port (`<HOST_IP>:<HOSTPORT>`) are routed to the requested container's private port. Using a HostPort for a Kubernetes pod in Rancher v2.x is synonymous with creating a public port mapping for a container in Rancher v1.6. 
 
@@ -53,7 +53,7 @@ In the following diagram, a user is trying to access an instance of Nginx, which
 - Any two workloads that specify the same HostPort cannot be deployed to the same node.
 - If the host where your pods are running becomes unavailable, Kubernetes reschedules the pods to different nodes. Thus, if the IP address for your workload changes, external clients of your application will lose access to the pod. The same thing happens when you restart your pods—Kubernetes reschedules them to a different node.
 
-## Setting HostPorts
+## Setting HostPort
 
 You can set a HostPort for migrated workloads (i.e., services) using the Rancher v2.x UI. To add a HostPort, browse to the project containing your workloads, and edit each workload that you want to expose, as shown below. Map the port that your service container exposes to the HostPort exposed on your target node.
 
@@ -63,67 +63,7 @@ For example, for the web-deployment.yml file parsed from v1.6 that we've been us
 
 ![Set HostPort]({{< baseurl >}}/img/rancher/set-hostport.gif)
 
-
-<!--
-{{% tabs %}}
-{{% tab "Migrated Workload" %}}
-While parsing Compose files to Kubernetes manifest, our migration-tool does not convert Rancher v1.6 port mappings to v2.x HostPorts. If you want to set a HostPort to expose one of the deployments you're migrating (not services), you'll have to manually add it to the [parsed Kubernetes manifest]({{< baseurl >}}/rancher/v2.x/en/v1.6-migration/run-migration-tool/#output), as displayed in the sample below.
-
-In this sample, we've taken the [web-deployment.yml]({{< baseurl >}}/rancher/v2.x/en/v1.6-migration/run-migration-tool/#migration-example-file-output) file parsed from [docker-compose.yml]({{< baseurl >}}/rancher/v2.x/en/v1.6-migration/run-migration-tool/#migration-example-files) specified for Let's Chat.
-
-<figcaption>HostPort Kubernetes manifest Example: <code>web-deployment.yaml</code></figcaption>
-
-```YAML
-apiVersion: extensions/v1beta1
-kind: Deployment
-metadata:
-  annotations:
-    io.rancher.container.pull_image: always
-    io.rancher.scheduler.global: "true"
-    kompose.cmd: ./migration-tools parse --docker-file docker-compose.yml --rancher-file
-      rancher-compose.yml
-    kompose.version: 1.16.0 ()
-  creationTimestamp: null
-  labels:
-    io.kompose.service: web
-  name: web
-spec:
-  replicas: 0
-  strategy: {}
-  template:
-    metadata:
-      creationTimestamp: null
-      labels:
-        io.kompose.service: web
-    spec:
-      containers:
-      - image: sdelements/lets-chat
-        name: web
-        ports:
-        - containerPort: 8080
-          hostPort: 9890               # NEW HOSTPORT DECLARATION
-        resources: {}
-        stdin: true
-        tty: true
-      restartPolicy: Always
-status: {}
-
-```
-{{% /tab %}}
-{{% tab "New Workload" %}}
-
-While creating a new workload using the Rancher v2.x UI, you may specify a HostPort in the **Port Mapping** section. This action adds a `hostPort` value to the `ports` section of the cluster's Kubernetes manifest automatically. For more information on using Rancher UI to set a HostPort for a workload, see [Deploying Workloads]({{< baseurl >}}/rancher/v2.x/en/k8s-in-rancher/workloads/deploy-workloads/).
-
-<figcaption>Workload Deployment: Setting HostPort</figcaption>
-
-![HostPort Configuration]({{< baseurl >}}/img/rancher/deploy-workload-hostport.png)
-
-{{% /tab %}}
-{{% /tabs %}}
-
--->
-
-## NodePorts
+## NodePort
 
 A _NodePort_ is a port that's open to the public _on each_ of your cluster nodes. When the NodePort receives a request for any of the cluster hosts' IP address for the set NodePort value, NodePort (which is a Kubernetes service) routes traffic to a specific pod, regardless of what node it's running on. NodePort provides a static endpoint where external requests can reliably reach your pods.
 
@@ -133,8 +73,7 @@ In the following diagram, a user is trying to connect to an instance of Nginx ru
 
 ![NodePort Diagram]({{< baseurl >}}/img/rancher/nodePort.svg)
 
-NodePorts are available within your Kubernetes cluster on an internal IP. If you want to expose pods external to the cluster, use NodePorts in conjunction with an external load balancer. Traffic requests from outside your cluster for `<NodeIP>:<NodePort>` are directed to the workload by kube-proxy. The `<NodeIP>` can be the IP address of any node in your Kubernetes cluster.
-
+NodePorts are available within your Kubernetes cluster on an internal IP. If you want to expose pods external to the cluster, use NodePorts in conjunction with an external load balancer. Traffic requests from outside your cluster for `<NodeIP>:<NodePort>` are directed to the workload. The `<NodeIP>` can be the IP address of any node in your Kubernetes cluster.
 
 #### NodePort Pros
 
@@ -144,15 +83,14 @@ NodePorts are available within your Kubernetes cluster on an internal IP. If you
 #### NodePort Cons
 
 - When a NodePort is used, that `<NodeIP>:<NodePort>` is reserved in your Kubernetes cluster on all nodes, even if the workload is never deployed to the other nodes.
-- You can only specify a port from the configured range (`30000-32767`) and not any random port.
+- You can only specify a port from a configurable range (by default, it is `30000-32767`).
 - An extra Kubernetes object (a Kubernetes service of type NodePort) is needed to expose your workload. Thus, finding out how your application is exposed is not straightforward.
 
-
-## Setting NodePorts
+## Setting NodePort
 
 You can set a NodePort for migrated workloads (i.e., services) using the Rancher v2.x UI. To add a NodePort, browse to the project containing your workloads, and edit each workload that you want to expose, as shown below. Map the port that your service container exposes to a NodePort, which you'll be able to access from each cluster node.
 
-For example, for the web-deployment.yml file parsed from v1.6 that we've been using as a sample, we would edit its Kubernetes manifest, set the publish the port that the container uses, and then declare a NodePort. You can then access your workload by clicking the link created in the Rancher UI. 
+For example, for the `web-deployment.yml` file parsed from v1.6 that we've been using as a sample, we would edit its Kubernetes manifest, set the publish the port that the container uses, and then declare a NodePort. You can then access your workload by clicking the link created in the Rancher UI. 
 
 >**Note:** 
 >
@@ -163,70 +101,4 @@ For example, for the web-deployment.yml file parsed from v1.6 that we've been us
 
 ![Set NodePort]({{< baseurl >}}/img/rancher/set-nodeport.gif)
 
-
-<!-- 
-
-{{% tabs %}}
-{{% tab "Migrated Workload" %}}
-
-You can declare a NodePort for a workload that you're migrating by editing its Kubernetes manifest. In this sample, we've taken the same [web-deployment.yml]({{< baseurl >}}/rancher/v2.x/en/v1.6-migration/run-migration-tool/#migration-example-file-output) referenced in [Setting HostPorts](#setting-hostports). However, in this manifest, we've set a NodePort instead of a HostPort.
-
->**Note:** 
->
->- If you set the `nodePort` directive without giving it a value, Rancher chooses a port at random from the following range: `30000-32767`.
->- If you manually set the `nodePort` directive, you must assign it a value within the `30000-32767` range.
-
-<figcaption>HostPort Kubernetes manifest Example: <code>web-deployment.yaml</code></figcaption>
-
-```YAML
-apiVersion: extensions/v1beta1
-kind: Deployment
-metadata:
-  annotations:
-    io.rancher.container.pull_image: always
-    io.rancher.scheduler.global: "true"
-    kompose.cmd: ./migration-tools parse --docker-file docker-compose.yml --rancher-file
-      rancher-compose.yml
-    kompose.version: 1.16.0 ()
-  creationTimestamp: null
-  labels:
-    io.kompose.service: web
-  name: web
-spec:
-  replicas: 0
-  strategy: {}
-  template:
-    metadata:
-      creationTimestamp: null
-      labels:
-        io.kompose.service: web
-    spec:
-      containers:
-      - image: sdelements/lets-chat
-        name: web
-        ports:
-        - containerPort: 8080
-          nodePort: 32767               # NEW NODEPORT DECLARATION
-        resources: {}
-        stdin: true
-        tty: true
-      restartPolicy: Always
-status: {}
-
-```
-
-{{% /tab %}}
-{{% tab "New Workload" %}}
-
-
-
-While creating or editing a workload using the Rancher v2.x UI, you may specify a NodePort in the **Port Mapping** section. This action adds a `nodePort` value to the `ports` section of the cluster's Kubernetes manifest automatically. For more information on using Rancher UI to set a NodePort for a workload, see [Deploying Workloads]({{< baseurl >}}/rancher/v2.x/en/k8s-in-rancher/workloads/deploy-workloads/).
-
-<figcaption>Workload Deployment: Setting NodePort</figcaption>
-
-![NodePort Configuration]({{< baseurl >}}/img/rancher/deploy-workload-nodeport.png)
-
-{{% /tab %}}
-{{% /tabs %}} -->
-
 ### [Next: Configure Health Checks]({{< baseurl >}}/rancher/v2.x/en/v1.6-migration/monitor-apps)
diff --git a/static/img/rancher/hostPort.svg b/static/img/rancher/hostPort.svg
new file mode 100644
index 00000000000..4e73ab4ae0a
--- /dev/null
+++ b/static/img/rancher/hostPort.svg
@@ -0,0 +1,2 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="657px" height="386px" viewBox="-0.5 -0.5 657 386"><defs/><rect x="64" y="100" width="590" height="282" rx="42.3" ry="42.3" fill-opacity="0.3" fill="#000000" stroke="#000000" stroke-opacity="0.3" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="64" y="100" width="590" height="282" rx="42.3" ry="42.3" fill-opacity="0.3" fill="#0075a8" stroke="#78c9cf" stroke-opacity="0.3" stroke-width="2" pointer-events="none"/><g transform="translate(272.5,107.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="171" height="19" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: poppins; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 171px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: center ; font-size: 18px"><font color="#3d3d3d">Kubernetes Cluster</font></div></div></div></foreignObject><text x="86" y="16" fill="#000000" text-anchor="middle" font-size="12px" font-family="poppins">[Not supported by viewer]</text></switch></g><rect x="314" y="201" width="140" height="80" rx="12" ry="12" fill="#000000" stroke="#000000" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="314" y="201" width="140" height="80" rx="12" ry="12" fill="#ecf0f1" stroke="#78c9cf" stroke-width="2" pointer-events="none"/><g transform="translate(368.5,234.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="29" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(52, 73, 94); line-height: 1.2; vertical-align: top; width: 29px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font><font>Node</font><br /></font></div></div></foreignObject><text x="15" y="12" fill="#34495E" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="474" y="201" width="140" height="80" rx="12" ry="12" fill="#000000" stroke="#000000" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="474" y="201" width="140" height="80" rx="12" ry="12" fill="#ecf0f1" stroke="#78c9cf" stroke-width="2" pointer-events="none"/><g transform="translate(528.5,234.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="29" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(52, 73, 94); line-height: 1.2; vertical-align: top; width: 29px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font><font>Node</font><br /></font></div></div></foreignObject><text x="15" y="12" fill="#34495E" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="94" y="164.5" width="200" height="160" rx="24" ry="24" fill="#000000" stroke="#000000" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="94" y="164.5" width="200" height="160" rx="24" ry="24" fill="#ecf0f1" stroke="#78c9cf" stroke-width="2" pointer-events="none"/><g transform="translate(178.5,172.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="29" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(52, 73, 94); line-height: 1.2; vertical-align: top; width: 29px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font><font>Node</font><br /></font></div></div></foreignObject><text x="15" y="12" fill="#34495E" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="144" y="232.52" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/><rect x="144" y="232.52" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#34495e" stroke="#78c9cf" pointer-events="none"/><path d="M 155 232.52 L 155 286.2 M 240.14 232.52 L 240.14 286.2" fill="none" stroke="#78c9cf" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(182.5,252.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="30" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(49, 49, 49); line-height: 1.2; vertical-align: top; width: 32px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font color="#ffffff">Nginx</font></div></div></foreignObject><text x="15" y="12" fill="#313131" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="124" y="218" width="70" height="29" rx="4.35" ry="4.35" fill="#f8cecc" stroke="none" pointer-events="none"/><g transform="translate(129.5,226.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="58" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 58px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">port: 80</div></div></foreignObject><text x="29" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">port: 80</text></switch></g><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="46.5" y="10.5">External Client</text></g><path d="M 23.5 40.89 C 17.47 40.89 12.1 35.85 12.1 28.13 C 12.1 22.14 16.64 16 23.29 16 C 29.78 16 34.53 21.94 34.53 28.42 C 34.53 35.91 28.93 40.89 23.5 40.89 Z M 0.5 66 C 1.02 60.48 1.72 52.94 3.04 49.13 C 3.65 47.4 4.54 46.16 5.97 45.12 C 6.9 44.43 10.2 42.61 10.81 42.31 C 11.87 41.76 12.96 41.47 13.9 42.31 C 19.5 47.26 27.24 47.11 32.92 42.33 C 33.58 41.65 34.62 41.83 35.31 42.1 C 36.4 42.52 39.88 44.57 40.54 44.99 C 42.46 46.25 43.5 47.93 44.27 51.09 C 45.25 55.36 45.83 60.79 46.5 66 Z" fill="#505050" stroke="none" pointer-events="none"/><path d="M 55.36 66 C 54.07 66 53.5 65.1 53.5 64.35 L 53.5 62.51 L 93.5 62.51 L 93.5 64.54 C 93.5 65.2 92.76 66 91.8 66 L 55.36 66 L 55.36 66 Z M 53.53 61.94 L 59.47 57.73 L 87.56 57.73 L 93.49 61.94 L 79.83 61.94 L 77.94 60.59 L 69.1 60.59 L 67.19 61.94 L 53.53 61.94 Z M 59.47 57.13 L 59.47 39.46 C 59.47 37.82 61.09 36 63.44 36 L 83.78 36 C 85.6 36 87.55 37.47 87.55 39.62 L 87.55 57.13 L 59.47 57.13 Z" fill="#000000" stroke="none" transform="translate(2,3)" opacity="0.25"/><path d="M 55.36 66 C 54.07 66 53.5 65.1 53.5 64.35 L 53.5 62.51 L 93.5 62.51 L 93.5 64.54 C 93.5 65.2 92.76 66 91.8 66 L 55.36 66 L 55.36 66 Z M 53.53 61.94 L 59.47 57.73 L 87.56 57.73 L 93.49 61.94 L 79.83 61.94 L 77.94 60.59 L 69.1 60.59 L 67.19 61.94 L 53.53 61.94 Z M 59.47 57.13 L 59.47 39.46 C 59.47 37.82 61.09 36 63.44 36 L 83.78 36 C 85.6 36 87.55 37.47 87.55 39.62 L 87.55 57.13 L 59.47 57.13 Z" fill="#34495e" stroke="none" pointer-events="none"/><path d="M 76.84 64.14 C 77.07 64.14 77.19 64.02 77.19 63.81 L 77.19 63.49 L 69.84 63.49 L 69.84 63.81 C 69.84 63.97 69.94 64.14 70.12 64.14 L 76.84 64.14 Z M 62.11 54.52 L 84.92 54.52 L 84.92 39.71 C 84.92 38.91 84.18 38.61 83.52 38.61 L 63.43 38.6 C 62.78 38.6 62.11 39.06 62.11 39.58 L 62.11 54.52 Z" fill="#ffffff" stroke="none" pointer-events="none"/><path d="M 93.5 51 L 114 51 Q 124 51 124 61 L 124 138.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 124 143.88 L 120.5 136.88 L 124 138.63 L 127.5 136.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(80.5,77.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="90" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;">&lt;Node_IP&gt;: 9890</div></div></foreignObject><text x="45" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="roboto">&lt;Node_IP&gt;: 9890</text></switch></g><path d="M 124 185 L 124 195 Q 124 205 134 205 L 149 205 Q 159 205 159 208.32 L 159 211.63" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 159 216.88 L 155.5 209.88 L 159 211.63 L 162.5 209.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="84" y="144.5" width="80" height="40" rx="6" ry="6" fill="#d5e8d4" stroke="none" pointer-events="none"/><g transform="translate(84.5,150.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="78" height="28" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 78px; white-space: normal; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font face="Courier New">hostPort: 9890</font></div></div></foreignObject><text x="39" y="20" fill="#000000" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g></svg>
\ No newline at end of file
diff --git a/static/img/rancher/nodePort.svg b/static/img/rancher/nodePort.svg
new file mode 100644
index 00000000000..05508617e6b
--- /dev/null
+++ b/static/img/rancher/nodePort.svg
@@ -0,0 +1,2 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="774px" height="500px" viewBox="-0.5 -0.5 774 500" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36&quot; version=&quot;9.4.2&quot; editor=&quot;www.draw.io&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;90f814c8-1a40-e035-bd9d-a47d365d761f&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><rect x="70" y="86" width="700" height="410" rx="61.5" ry="61.5" fill-opacity="0.3" fill="#000000" stroke="#000000" stroke-opacity="0.3" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="70" y="86" width="700" height="410" rx="61.5" ry="61.5" fill-opacity="0.3" fill="#0075a8" stroke="#78c9cf" stroke-opacity="0.3" stroke-width="2" pointer-events="none"/><g transform="translate(333.5,93.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="171" height="19" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: poppins; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 171px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: center ; font-size: 18px"><font color="#3d3d3d">Kubernetes Cluster</font></div></div></div></foreignObject><text x="86" y="16" fill="#000000" text-anchor="middle" font-size="12px" font-family="poppins">[Not supported by viewer]</text></switch></g><g fill="#000000" font-family="Helvetica" text-anchor="middle" font-size="12px"><text x="46" y="10.5">External Client</text></g><path d="M 23 40.89 C 16.97 40.89 11.6 35.85 11.6 28.13 C 11.6 22.14 16.14 16 22.79 16 C 29.28 16 34.03 21.94 34.03 28.42 C 34.03 35.91 28.43 40.89 23 40.89 Z M 0 66 C 0.52 60.48 1.22 52.94 2.54 49.13 C 3.15 47.4 4.04 46.16 5.47 45.12 C 6.4 44.43 9.7 42.61 10.31 42.31 C 11.37 41.76 12.46 41.47 13.4 42.31 C 19 47.26 26.74 47.11 32.42 42.33 C 33.08 41.65 34.12 41.83 34.81 42.1 C 35.9 42.52 39.38 44.57 40.04 44.99 C 41.96 46.25 43 47.93 43.77 51.09 C 44.75 55.36 45.33 60.79 46 66 Z" fill="#505050" stroke="none" pointer-events="none"/><path d="M 54.86 66 C 53.57 66 53 65.1 53 64.35 L 53 62.51 L 93 62.51 L 93 64.54 C 93 65.2 92.26 66 91.3 66 L 54.86 66 L 54.86 66 Z M 53.03 61.94 L 58.97 57.73 L 87.06 57.73 L 92.99 61.94 L 79.33 61.94 L 77.44 60.59 L 68.6 60.59 L 66.69 61.94 L 53.03 61.94 Z M 58.97 57.13 L 58.97 39.46 C 58.97 37.82 60.59 36 62.94 36 L 83.28 36 C 85.1 36 87.05 37.47 87.05 39.62 L 87.05 57.13 L 58.97 57.13 Z" fill="#000000" stroke="none" transform="translate(2,3)" opacity="0.25"/><path d="M 54.86 66 C 53.57 66 53 65.1 53 64.35 L 53 62.51 L 93 62.51 L 93 64.54 C 93 65.2 92.26 66 91.3 66 L 54.86 66 L 54.86 66 Z M 53.03 61.94 L 58.97 57.73 L 87.06 57.73 L 92.99 61.94 L 79.33 61.94 L 77.44 60.59 L 68.6 60.59 L 66.69 61.94 L 53.03 61.94 Z M 58.97 57.13 L 58.97 39.46 C 58.97 37.82 60.59 36 62.94 36 L 83.28 36 C 85.1 36 87.05 37.47 87.05 39.62 L 87.05 57.13 L 58.97 57.13 Z" fill="#34495e" stroke="none" pointer-events="none"/><path d="M 76.34 64.14 C 76.57 64.14 76.69 64.02 76.69 63.81 L 76.69 63.49 L 69.34 63.49 L 69.34 63.81 C 69.34 63.97 69.44 64.14 69.62 64.14 L 76.34 64.14 Z M 61.61 54.52 L 84.42 54.52 L 84.42 39.71 C 84.42 38.91 83.68 38.61 83.02 38.61 L 62.93 38.6 C 62.28 38.6 61.61 39.06 61.61 39.58 L 61.61 54.52 Z" fill="#ffffff" stroke="none" pointer-events="none"/><rect x="99" y="245" width="200" height="110" rx="16.5" ry="16.5" fill="#000000" stroke="#000000" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="99" y="245" width="200" height="110" rx="16.5" ry="16.5" fill="#ecf0f1" stroke="#78c9cf" stroke-width="2" pointer-events="none"/><g transform="translate(183.5,252.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="29" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(52, 73, 94); line-height: 1.2; vertical-align: top; width: 29px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><div style="text-align: left"><span>Node</span></div></div></div></foreignObject><text x="15" y="12" fill="#34495E" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="145.5" y="276.03" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/><rect x="145.5" y="276.03" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#34495e" stroke="#78c9cf" pointer-events="none"/><path d="M 156.5 276.03 L 156.5 329.7 M 241.64 276.03 L 241.64 329.7" fill="none" stroke="#78c9cf" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(170.5,296.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="58" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(49, 49, 49); line-height: 1.2; vertical-align: top; width: 60px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font color="#ffffff">kube-proxy</font></div></div></foreignObject><text x="29" y="12" fill="#313131" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="540" y="245" width="200" height="110" rx="16.5" ry="16.5" fill="#000000" stroke="#000000" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="540" y="245" width="200" height="110" rx="16.5" ry="16.5" fill="#ecf0f1" stroke="#78c9cf" stroke-width="2" pointer-events="none"/><g transform="translate(624.5,252.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="29" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(52, 73, 94); line-height: 1.2; vertical-align: top; width: 29px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font><font style="background-color: rgb(236 , 240 , 241)">Node</font><br /></font></div></div></foreignObject><text x="15" y="12" fill="#34495E" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="586.5" y="276.03" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/><rect x="586.5" y="276.03" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#34495e" stroke="#78c9cf" pointer-events="none"/><path d="M 597.5 276.03 L 597.5 329.7 M 682.64 276.03 L 682.64 329.7" fill="none" stroke="#78c9cf" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(611.5,296.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="58" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(49, 49, 49); line-height: 1.2; vertical-align: top; width: 60px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font color="#ffffff">kube-proxy</font></div></div></foreignObject><text x="29" y="12" fill="#313131" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="99.5" y="136" width="640" height="60" rx="9" ry="9" fill="#34495e" stroke="#78c9cf" stroke-width="3" stroke-dasharray="3 3" pointer-events="none"/><g transform="translate(373.5,159.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="92" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(49, 49, 49); line-height: 1.2; vertical-align: top; width: 92px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font color="#ffffff">nodePort Service</font></div></div></foreignObject><text x="46" y="12" fill="#313131" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><path d="M 199 208 L 199 232 Q 199 242 199 252 L 199 269.66" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 199 274.91 L 195.5 267.91 L 199 269.66 L 202.5 267.91 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="154" y="184" width="90" height="24" rx="3.6" ry="3.6" fill="#d5e8d4" stroke="none" pointer-events="none"/><g transform="translate(158.5,189.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="80" height="13" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 80px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font face="Courier New">port: 30216</font></div></div></foreignObject><text x="40" y="13" fill="#000000" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="374.5" y="184" width="90" height="24" rx="3.6" ry="3.6" fill="#d5e8d4" stroke="none" pointer-events="none"/><g transform="translate(379.5,189.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="80" height="13" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 80px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font face="Courier New">port: 30216</font></div></div></foreignObject><text x="40" y="13" fill="#000000" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><path d="M 640 208 L 640 232 Q 640 242 640 252 L 640 269.66" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 640 274.91 L 636.5 267.91 L 640 269.66 L 643.5 267.91 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="595" y="184" width="90" height="24" rx="3.6" ry="3.6" fill="#d5e8d4" stroke="none" pointer-events="none"/><g transform="translate(599.5,189.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="80" height="13" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 80px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font face="Courier New">port: 30216</font></div></div></foreignObject><text x="40" y="13" fill="#000000" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><path d="M 93 51 L 250 51 Q 260 51 260 61 L 260 129.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 260 134.88 L 256.5 127.88 L 260 129.63 L 263.5 127.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(137.5,44.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="115" height="13" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; white-space: nowrap; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;background-color:#ffffff;"><font face="Courier New">&lt;NODE_IP&gt;: 30216</font></div></div></foreignObject><text x="58" y="13" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="320.5" y="245" width="200" height="220" rx="30" ry="30" fill="#000000" stroke="#000000" stroke-width="2" transform="translate(2,3)" opacity="0.25"/><rect x="320.5" y="245" width="200" height="220" rx="30" ry="30" fill="#ecf0f1" stroke="#78c9cf" stroke-width="2" pointer-events="none"/><g transform="translate(405.5,252.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="29" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(52, 73, 94); line-height: 1.2; vertical-align: top; width: 29px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font><font>Node</font><br /></font></div></div></foreignObject><text x="15" y="12" fill="#34495E" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="366.5" y="276.03" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/><rect x="366.5" y="276.03" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#34495e" stroke="#78c9cf" pointer-events="none"/><path d="M 377.5 276.03 L 377.5 329.7 M 462.64 276.03 L 462.64 329.7" fill="none" stroke="#78c9cf" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(391.5,296.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="58" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(49, 49, 49); line-height: 1.2; vertical-align: top; width: 60px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font color="#ffffff">kube-proxy</font></div></div></foreignObject><text x="29" y="12" fill="#313131" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="366.5" y="389.53" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#000000" stroke="#000000" transform="translate(2,3)" opacity="0.25"/><rect x="366.5" y="389.53" width="107.14" height="53.68" rx="8.05" ry="8.05" fill="#34495e" stroke="#78c9cf" pointer-events="none"/><path d="M 377.5 389.53 L 377.5 443.2 M 462.64 389.53 L 462.64 443.2" fill="none" stroke="#78c9cf" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(405.5,409.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="30" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: roboto; color: rgb(49, 49, 49); line-height: 1.2; vertical-align: top; width: 32px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font color="#ffffff">Nginx</font></div></div></foreignObject><text x="15" y="12" fill="#313131" text-anchor="middle" font-size="12px" font-family="roboto">[Not supported by viewer]</text></switch></g><rect x="385" y="369.5" width="70" height="29" rx="4.35" ry="4.35" fill="#f8cecc" stroke="none" pointer-events="none"/><g transform="translate(390.5,377.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="58" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: &quot;Courier New&quot;; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 58px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">port: 80</div></div></foreignObject><text x="29" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Courier New">port: 80</text></switch></g><path d="M 420 330 L 420 350 L 420 363.63" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 420 368.88 L 416.5 361.88 L 420 363.63 L 423.5 361.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 420 208 L 420 232 Q 420 242 420 252 L 420 269.66" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 420 274.91 L 416.5 267.91 L 420 269.66 L 423.5 267.91 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 199 330 L 199 374 Q 199 384 209 384 L 378.63 384" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 383.88 384 L 376.88 387.5 L 378.63 384 L 376.88 380.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 640 330 L 640 374 Q 640 384 630 384 L 461.37 384" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="none"/><path d="M 456.12 384 L 463.12 380.5 L 461.37 384 L 463.12 387.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/></svg>
\ No newline at end of file
diff --git a/static/img/rancher/resolve-ports.png b/static/img/rancher/resolve-ports.png
new file mode 100644
index 00000000000..0383ff5f7d3
Binary files /dev/null and b/static/img/rancher/resolve-ports.png differ
diff --git a/static/img/rancher/set-hostport.gif b/static/img/rancher/set-hostport.gif
new file mode 100644
index 00000000000..9d5100df4c1
Binary files /dev/null and b/static/img/rancher/set-hostport.gif differ
diff --git a/static/img/rancher/set-nodeport.gif b/static/img/rancher/set-nodeport.gif
new file mode 100644
index 00000000000..5a328169f87
Binary files /dev/null and b/static/img/rancher/set-nodeport.gif differ