demo(app): arranged code

Author: AnthonyNahas

demo/src/app/getting-started/getting-started.component.html

@@ -508,11 +508,11 @@ <h1>Getting Started</h1>
           <mat-card-content>
 
             <div class="comment-container">
+              <p>Add the following to your template</p>
+
               <pre><code highlight
                          [code]="componentExample"></code></pre>
 
-              <p>Import and inject the service, then call the generate method. See the example below</p>
-
             </div>
           </mat-card-content>
 

demo/src/app/shared/shared.module.ts

@@ -11,7 +11,10 @@ import {
   MatIconModule,
   MatInputModule,
   MatProgressBarModule,
-  MatSlideToggleModule, MatSnackBarModule, MatTooltipModule, MatButtonModule
+  MatSlideToggleModule,
+  MatSnackBarModule,
+  MatTooltipModule,
+  MatButtonModule
 } from '@angular/material';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {NgxMaterialPasswordStrengthModule} from 'ngx-material-password-strength';
@@ -26,7 +29,7 @@ import {NgxMaterialPagesModule} from 'ngx-material-pages';
     NgbCollapseModule.forRoot(),
     NgxMaterialPasswordStrengthModule.forRoot(),
     NgxMaterialPagesModule.forRoot(),
-    DisqusModule.forRoot('ngx-material-pages'),
+    DisqusModule.forRoot('ngx-material-password-strength'),
     HighlightModule.forRoot(),
     FormsModule,
     ReactiveFormsModule,