diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index f6d79ee6a3..689dff72ec 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -8,7 +8,7 @@
 <md-sidenav-container class="sidenav-container">
 
   <md-sidenav #sidenav class="sidenav" [opened]="isSideBySide" [mode] = "isSideBySide ? 'side' : 'over'">
-    <aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu>
+    <aio-top-menu *ngIf="!isSideBySide" class="small" [nodes]="(navigationViews | async)?.TopBar" [homeImageUrl]="homeImageUrl"></aio-top-menu> 
     <aio-nav-menu [nodes]="(navigationViews | async)?.SideNav" [selectedNodes]="selectedNodes | async"></aio-nav-menu>
   </md-sidenav>
 
diff --git a/aio/src/assets/images/backgrounds/ng-pattern-lg.png b/aio/src/assets/images/backgrounds/ng-pattern-lg.png
new file mode 100644
index 0000000000..fd09d9569b
Binary files /dev/null and b/aio/src/assets/images/backgrounds/ng-pattern-lg.png differ
diff --git a/aio/src/assets/images/backgrounds/ng-pattern-lg.svg b/aio/src/assets/images/backgrounds/ng-pattern-lg.svg
new file mode 100644
index 0000000000..f761ed5bb4
--- /dev/null
+++ b/aio/src/assets/images/backgrounds/ng-pattern-lg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 1200"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{opacity:0.9;}.cls-4{isolation:isolate;}.cls-5{fill:#1976d2;}.cls-6{opacity:0.2;mix-blend-mode:soft-light;fill:url(#New_Pattern);}</style><pattern id="New_Pattern" data-name="New Pattern" width="436.95" height="469.33" patternUnits="userSpaceOnUse" viewBox="0 0 436.95 469.33"><rect class="cls-1" width="436.95" height="469.33"/><polygon class="cls-2" points="436.95 469.33 436.95 469.33 344.37 418.06 327.71 273.62 436.95 234.67 436.95 234.67 436.95 260.71 436.95 260.71 436.95 260.6 368.66 413.72 368.78 413.72 394.24 413.72 394.24 413.72 407.97 379.46 436.95 379.46 436.95 469.33"/><polygon class="cls-2" points="436.95 310.35 436.95 358.34 436.95 358.34 417 358.34 436.95 310.35"/><polygon class="cls-2" points="218.47 586.67 218.47 586.67 125.9 535.39 109.24 390.95 218.47 352 218.47 352 218.47 378.05 218.47 378.05 218.47 377.93 150.19 531.05 150.3 531.05 175.76 531.05 175.76 531.05 189.49 496.79 218.47 496.79 218.47 586.67"/><polygon class="cls-2" points="218.47 427.68 218.47 475.67 218.47 475.67 198.53 475.67 218.47 427.68"/><g class="cls-3"><polygon class="cls-2" points="218.47 586.67 218.47 586.67 311.05 535.39 327.71 390.95 218.47 352 218.47 352 218.47 378.05 218.47 378.05 218.47 377.93 286.76 531.05 286.64 531.05 261.18 531.05 261.18 531.05 247.46 496.79 218.47 496.79 218.47 586.67"/><polygon class="cls-2" points="218.47 427.68 218.47 475.67 218.47 475.67 238.42 475.67 218.47 427.68"/></g><g class="cls-3"><polygon class="cls-2" points="0 469.33 0 469.33 92.58 418.06 109.24 273.62 0 234.67 0 234.67 0 260.71 0 260.71 0 260.6 68.29 413.72 68.17 413.72 42.71 413.72 42.71 413.72 28.98 379.46 0 379.46 0 469.33"/><polygon class="cls-2" points="0 310.35 0 358.34 0 358.34 19.95 358.34 0 310.35"/></g><polygon class="cls-2" points="436.95 234.67 436.95 234.67 344.37 183.39 327.71 38.95 436.95 0 436.95 0 436.95 26.05 436.95 26.05 436.95 25.93 368.66 179.05 368.78 179.05 394.24 179.05 394.24 179.05 407.97 144.79 436.95 144.79 436.95 234.67"/><polygon class="cls-2" points="436.95 75.68 436.95 123.67 436.95 123.67 417 123.67 436.95 75.68"/><polygon class="cls-2" points="218.47 352 218.47 352 125.9 300.73 109.24 156.29 218.47 117.33 218.47 117.33 218.47 143.38 218.47 143.38 218.47 143.26 150.19 296.38 150.3 296.38 175.76 296.38 175.76 296.38 189.49 262.12 218.47 262.12 218.47 352"/><polygon class="cls-2" points="218.47 193.01 218.47 241 218.47 241 198.53 241 218.47 193.01"/><g class="cls-3"><polygon class="cls-2" points="218.47 352 218.47 352 311.05 300.73 327.71 156.29 218.47 117.33 218.47 117.33 218.47 143.38 218.47 143.38 218.47 143.26 286.76 296.38 286.64 296.38 261.18 296.38 261.18 296.38 247.46 262.12 218.47 262.12 218.47 352"/><polygon class="cls-2" points="218.47 193.01 218.47 241 218.47 241 238.42 241 218.47 193.01"/></g><g class="cls-3"><polygon class="cls-2" points="0 234.67 0 234.67 92.58 183.39 109.24 38.95 0 0 0 0 0 26.05 0 26.05 0 25.93 68.29 179.05 68.17 179.05 42.71 179.05 42.71 179.05 28.98 144.79 0 144.79 0 234.67"/><polygon class="cls-2" points="0 75.68 0 123.67 0 123.67 19.95 123.67 0 75.68"/></g><polygon class="cls-2" points="218.47 117.33 218.47 117.33 125.9 66.06 109.24 -78.38 218.47 -117.33 218.47 -117.33 218.47 -91.28 218.47 -91.28 218.47 -91.4 150.19 61.72 150.3 61.72 175.76 61.72 175.76 61.72 189.49 27.46 218.47 27.46 218.47 117.33"/><polygon class="cls-2" points="218.47 -41.65 218.47 6.34 218.47 6.34 198.53 6.34 218.47 -41.65"/><g class="cls-3"><polygon class="cls-2" points="218.47 117.33 218.47 117.33 311.05 66.06 327.71 -78.38 218.47 -117.33 218.47 -117.33 218.47 -91.28 218.47 -91.28 218.47 -91.4 286.76 61.72 286.64 61.72 261.18 61.72 261.18 61.72 247.46 27.46 218.47 27.46 218.47 117.33"/><polygon class="cls-2" points="218.47 -41.65 218.47 6.34 218.47 6.34 238.42 6.34 218.47 -41.65"/></g></pattern></defs><title>ng-pattern</title><g class="cls-4"><g id="Design"><rect class="cls-5" width="1200" height="1200"/><rect class="cls-6" width="1200" height="1200"/></g></g></svg>
\ No newline at end of file
diff --git a/aio/src/assets/images/backgrounds/ng-pattern-sm.png b/aio/src/assets/images/backgrounds/ng-pattern-sm.png
new file mode 100644
index 0000000000..73962ebdd9
Binary files /dev/null and b/aio/src/assets/images/backgrounds/ng-pattern-sm.png differ
diff --git a/aio/src/assets/images/backgrounds/ng-pattern-sm.svg b/aio/src/assets/images/backgrounds/ng-pattern-sm.svg
new file mode 100644
index 0000000000..f3c49ba5db
--- /dev/null
+++ b/aio/src/assets/images/backgrounds/ng-pattern-sm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 1200"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{opacity:0.9;}.cls-4{isolation:isolate;}.cls-5{fill:#1976d2;}.cls-6{opacity:0.2;mix-blend-mode:soft-light;fill:url(#ng-pattern-md);}</style><pattern id="ng-pattern-md" data-name="ng-pattern-md" width="330" height="354.46" patternUnits="userSpaceOnUse" viewBox="0 0 330 354.46"><rect class="cls-1" width="330" height="354.46"/><polygon class="cls-2" points="330 345.69 330 345.69 267.01 310.8 255.68 212.53 330 186.02 330 186.02 330 203.75 330 203.75 330 203.67 283.54 307.85 283.62 307.85 300.94 307.85 300.94 307.85 310.28 284.54 330 284.54 330 345.69"/><polygon class="cls-2" points="330 237.52 330 270.17 330 270.17 316.43 270.17 330 237.52"/><polygon class="cls-2" points="165 434.31 165 434.31 102.01 399.42 90.68 301.14 165 274.64 165 274.64 165 292.36 165 292.36 165 292.28 118.54 396.46 118.62 396.46 135.94 396.46 135.94 396.46 145.28 373.15 165 373.15 165 434.31"/><polygon class="cls-2" points="165 326.13 165 358.78 165 358.78 151.43 358.78 165 326.13"/><g class="cls-3"><polygon class="cls-2" points="165 434.31 165 434.31 227.99 399.42 239.32 301.14 165 274.64 165 274.64 165 292.36 165 292.36 165 292.28 211.46 396.46 211.38 396.46 194.06 396.46 194.06 396.46 184.72 373.15 165 373.15 165 434.31"/><polygon class="cls-2" points="165 326.13 165 358.78 165 358.78 178.57 358.78 165 326.13"/></g><g class="cls-3"><polygon class="cls-2" points="0 345.69 0 345.69 62.99 310.8 74.33 212.53 0 186.02 0 186.02 0 203.75 0 203.75 0 203.67 46.46 307.85 46.38 307.85 29.06 307.85 29.06 307.85 19.72 284.54 0 284.54 0 345.69"/><polygon class="cls-2" points="0 237.52 0 270.17 0 270.17 13.57 270.17 0 237.52"/></g><polygon class="cls-2" points="330 168.46 330 168.46 267.01 133.57 255.68 35.3 330 8.79 330 8.79 330 26.52 330 26.52 330 26.44 283.54 130.62 283.62 130.62 300.94 130.62 300.94 130.62 310.28 107.31 330 107.31 330 168.46"/><polygon class="cls-2" points="330 60.29 330 92.94 330 92.94 316.43 92.94 330 60.29"/><polygon class="cls-2" points="165 257.08 165 257.08 102.01 222.19 90.68 123.91 165 97.41 165 97.41 165 115.13 165 115.13 165 115.05 118.54 219.24 118.62 219.24 135.94 219.24 135.94 219.24 145.28 195.92 165 195.92 165 257.08"/><polygon class="cls-2" points="165 148.9 165 181.55 165 181.55 151.43 181.55 165 148.9"/><g class="cls-3"><polygon class="cls-2" points="165 257.08 165 257.08 227.99 222.19 239.32 123.91 165 97.41 165 97.41 165 115.13 165 115.13 165 115.05 211.46 219.24 211.38 219.24 194.06 219.24 194.06 219.24 184.72 195.92 165 195.92 165 257.08"/><polygon class="cls-2" points="165 148.9 165 181.55 165 181.55 178.57 181.55 165 148.9"/></g><g class="cls-3"><polygon class="cls-2" points="0 168.46 0 168.46 62.99 133.57 74.33 35.3 0 8.79 0 8.79 0 26.52 0 26.52 0 26.44 46.46 130.62 46.38 130.62 29.06 130.62 29.06 130.62 19.72 107.31 0 107.31 0 168.46"/><polygon class="cls-2" points="0 60.29 0 92.94 0 92.94 13.57 92.94 0 60.29"/></g><polygon class="cls-2" points="165 79.85 165 79.85 102.01 44.96 90.68 -53.31 165 -79.82 165 -79.82 165 -62.1 165 -62.1 165 -62.18 118.54 42.01 118.62 42.01 135.94 42.01 135.94 42.01 145.28 18.7 165 18.7 165 79.85"/><polygon class="cls-2" points="165 -28.33 165 4.33 165 4.33 151.43 4.33 165 -28.33"/><g class="cls-3"><polygon class="cls-2" points="165 79.85 165 79.85 227.99 44.96 239.32 -53.31 165 -79.82 165 -79.82 165 -62.1 165 -62.1 165 -62.18 211.46 42.01 211.38 42.01 194.06 42.01 194.06 42.01 184.72 18.7 165 18.7 165 79.85"/><polygon class="cls-2" points="165 -28.33 165 4.33 165 4.33 178.57 4.33 165 -28.33"/></g></pattern></defs><title>ng-pattern-sm</title><g class="cls-4"><g id="Design"><rect class="cls-5" width="1200" height="1200"/><rect class="cls-6" width="1200" height="1200"/></g></g></svg>
\ No newline at end of file
diff --git a/aio/src/styles/1-layouts/_footer.scss b/aio/src/styles/1-layouts/_footer.scss
index 8eb91ce861..1fb9c43a57 100644
--- a/aio/src/styles/1-layouts/_footer.scss
+++ b/aio/src/styles/1-layouts/_footer.scss
@@ -1,8 +1,8 @@
 footer .footer {
-    width: 100%;
     padding: 20px;
     z-index: 10;
-    background-color: $blue;
+    background-image: url('../src//assets/images/backgrounds/ng-pattern-sm.png');
+    background-repeat: repeat;
     color: $offwhite;
     text-align: center;
     font-weight: 300;
diff --git a/aio/src/styles/1-layouts/_sidenav.scss b/aio/src/styles/1-layouts/_sidenav.scss
index 60553b7a3b..9edce8a90f 100644
--- a/aio/src/styles/1-layouts/_sidenav.scss
+++ b/aio/src/styles/1-layouts/_sidenav.scss
@@ -163,10 +163,6 @@
   @include rotate(0deg);
 }
 
-.version-info {
-  border: 3px $blue solid;
-}
-
 .promo-img-container img {
   max-width: 90%;
   @include bp(small) {