demo(app): minor adjustments in the container example component

Author: AnthonyNahas

demo/package-lock.json

@@ -40,7 +40,7 @@
     "@angular/pwa": "^0.10.3",
     "@angular/router": "^7.0.1",
     "@angular/service-worker": "^7.0.1",
-    "@ng-bootstrap/ng-bootstrap": "^3.3.1",
+    "@ng-bootstrap/ng-bootstrap": "^4.0.0",
     "bootstrap": "^4.1.3",
     "core-js": "^2.5.4",
     "font-awesome": "^4.7.0",

demo/package.json

@@ -33,7 +33,7 @@ <h1>@angular-material-extensions/layout</h1>
         </mat-card-title-group>
       </mat-card>
 
-      <mat-card matRipple routerLink="/getting-started">
+      <mat-card matRipple routerLink="/layouts">
         <mat-card-title-group>
           <mat-card-title>Explore the prebuilt and reusable layouts</mat-card-title>
           <mat-card-subtitle>Portfolio</mat-card-subtitle>

demo/src/app/home/home.component.html

@@ -3,3 +3,7 @@
     <h1>Layouts</h1>
   </div>
 </div>
+
+<div class="container">
+  <h1>Coming soon!</h1>
+</div>

demo/src/app/layouts/layouts.component.html

@@ -4,8 +4,12 @@ <h1>matContainer</h1>
   </div>
 </div>
 
-<mat-card class="container" matWidth="100%" matHeight="500px">
-  <mat-card-content fxFill fxLayoutAlign="center center">
-    container
+<mat-card matContainer class="container">
+  <mat-card-content fxFill fxLayoutAlign="center center" matWidth="100%" matHeight="500px">
+    container is coming soon - wait to the next release ;) <3
   </mat-card-content>
+  <mat-card-footer fxLayoutAlign="center center">
+    <markdown src="assets/md/utilities/container/e1.md"></markdown>
+  </mat-card-footer>
 </mat-card>
+

demo/src/app/utilities/container/container.component.html

@@ -1,3 +1,8 @@
 ```html
-<div></div>
+<div matContainer></div>
+```
+or
+
+```html
+<mat-card-content matContainer></mat-card-content>
 ```

demo/src/assets/md/utilities/container/e1.md

@@ -43,8 +43,8 @@
     "@types/jest": "^23.3.7",
     "@types/lodash": "^4.14.117",
     "@types/node": "8.0.44",
-    "angular-cli-ghpages": "0.5.2",
-    "angular2-template-loader": "0.6.2",
+    "angular-cli-ghpages": "^0.5.3",
+    "angular2-template-loader": "^0.6.2",
     "ansi-colors": "^3.2.0",
     "autoprefixer": "^9.3.1",
     "awesome-typescript-loader": "^5.2.1",