diff --git a/package-lock.json b/package-lock.json
index 5435679c6..5ac947bc1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1167,6 +1167,14 @@
         }
       }
     },
+    "angular-archwizard": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/angular-archwizard/-/angular-archwizard-3.0.0.tgz",
+      "integrity": "sha512-tHnd5lvi/Kwu3GVlIBROgsXbKtL2tG0s3QBZcQJuTrgceXt6OXjpvuxFOWmyHdYwp+LxuTmkXBD/KMRVMRstew==",
+      "requires": {
+        "tslib": "1.9.1"
+      }
+    },
     "ansi-html": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
diff --git a/package.json b/package.json
index 4ca2625ba..cd79cc534 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@fortawesome/fontawesome-free-webfonts": "^1.0.9",
     "@ng-bootstrap/ng-bootstrap": "^2.0.0",
     "@ngx-translate/core": "^10.0.1",
+    "angular-archwizard": "^3.0.0",
     "bootstrap": "^4.1.1",
     "core-js": "^2.5.6",
     "hammerjs": "^2.0.8",
diff --git a/src/app/clients/clients.module.ts b/src/app/clients/clients.module.ts
index 30604d04e..ac2af83cb 100644
--- a/src/app/clients/clients.module.ts
+++ b/src/app/clients/clients.module.ts
@@ -1,5 +1,6 @@
 import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { ArchwizardModule } from 'angular-archwizard';
 
 import { ClientsComponent } from './clients.component';
 import { CreateClientComponent} from './create-client/create-client.component';
@@ -12,6 +13,7 @@ import { ViewClientComponent } from './view-client/view-client.component';
     CoreModule,
     CommonModule,
     ClientsRoutingModule,
+    ArchwizardModule
 
   ],
   declarations: [
diff --git a/src/app/clients/create-client/create-client.component.html b/src/app/clients/create-client/create-client.component.html
index f26068456..18351e240 100644
--- a/src/app/clients/create-client/create-client.component.html
+++ b/src/app/clients/create-client/create-client.component.html
@@ -1,104 +1,11 @@
 <app-header> </app-header>
-<div class="fluid-container">
- <div class="container">
-   <div class="row">
-     <div class="col-sm-6">
-  <div class="card mt-5">
-<!--     <div class="card-header"><legend> Loan</legend></div>
- -->    <div class="card-body">
-      <form>
-        <fieldset>
-          
-          <div class="form-group row">
-            <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
-            <div class="col-sm-10">
-              <input readonly="" class="form-control-plaintext" id="staticEmail" value="email@example.com" type="text">
-            </div>
-          </div>
-          <div class="form-group">
-            <label for="exampleInputEmail1">Email address</label>
-            <input class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email" type="email">
-            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
-          </div>
-          <div class="form-group">
-            <label for="exampleInputPassword1">Password</label>
-            <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password">
-          </div>
-          <div class="form-group">
-            <label for="exampleSelect1">Example select</label>
-            <select class="form-control" id="exampleSelect1">
-              <option>1</option>
-              <option>2</option>
-              <option>3</option>
-              <option>4</option>
-              <option>5</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label for="exampleSelect2">Example multiple select</label>
-            <select multiple="" class="form-control" id="exampleSelect2">
-              <option>1</option>
-              <option>2</option>
-              <option>3</option>
-              <option>4</option>
-              <option>5</option>
-            </select>
-          </div>
-          <div class="form-group">
-            <label for="exampleTextarea">Example textarea</label>
-            <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
-          </div>
-          <div class="form-group">
-            <label for="exampleInputFile">File input</label>
-            <input class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp" type="file">
-            <small id="fileHelp" class="form-text text-muted">This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.</small>
-          </div>
-          <fieldset class="form-group">
-            <legend>Radio buttons</legend>
-            <div class="form-check">
-              <label class="form-check-label">
-                <input class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
-                Option one is this and that—be sure to include why it's great
-              </label>
-            </div>
-            <div class="form-check">
-            <label class="form-check-label">
-                <input class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
-                Option two can be something else and selecting it will deselect option one
-              </label>
-            </div>
-            <div class="form-check disabled">
-            <label class="form-check-label">
-                <input class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" disabled="" type="radio">
-                Option three is disabled
-              </label>
-            </div>
-          </fieldset>
-          <fieldset class="form-group">
-            <legend>Checkboxes</legend>
-            <div class="form-check">
-              <label class="form-check-label">
-                <input class="form-check-input" value="" checked="" type="checkbox">
-                Option one is this and that—be sure to include why it's great
-              </label>
-            </div>
-            <div class="form-check disabled">
-              <label class="form-check-label">
-                <input class="form-check-input" value="" disabled="" type="checkbox">
-                Option two is disabled
-              </label>
-            </div>
-          </fieldset>
-          <button type="submit" class="btn btn-primary">Submit</button>
-        </fieldset>
-      </form>
-      </div>
-    </div>
-  </div>
-  <div class="col-sm-6">
-      <div class="card mt-5">
-          <!-- <div class="card-header"></div> -->
-          <div class="card-body">
+<div class="container">
+ <aw-wizard class="mt-5" #wizard [navBarLayout]="'large-empty-symbols'">
+  <aw-wizard-step stepTitle="Title of step 1" [navigationSymbol]="{ symbol: '1' }">
+  
+          <div class="col-sm-6 mx-auto">
+              <div class="card mt-5">
+    <div class="card-body">
       <div class="form-group">
           <fieldset disabled="">
             <label class="control-label" for="disabledInput">Disabled input</label>
@@ -154,9 +61,117 @@
             </div>
           </div>
         </div>
-        </div>
-        </div>
-  </div>
+        <button type="button" class="btn btn-primary float-right" awNextStep>Next Step</button>
+<!--         <button type="button" class="btn btn-primary float-right" [awGoToStep]="{stepIndex: 2}">Go directly to third Step</button>
+ -->        </div>
+      </div>
+    </div>
+
+    
+  </aw-wizard-step>
+  <aw-wizard-step stepTitle="Title of step 2" [navigationSymbol]="{ symbol: '2' }" awOptionalStep>
+      <div class="col-sm-6 mx-auto">
+          <div class="card mt-5">
+        <!--     <div class="card-header"><legend> Loan</legend></div>
+         -->    <div class="card-body">
+              <form>
+                <fieldset>
+                  
+                  <div class="form-group row">
+                    <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
+                    <div class="col-sm-10">
+                      <input readonly="" class="form-control-plaintext" id="staticEmail" value="email@example.com" type="text">
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <label for="exampleInputEmail1">Email address</label>
+                    <input class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email" type="email">
+                    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
+                  </div>
+                  <div class="form-group">
+                    <label for="exampleInputPassword1">Password</label>
+                    <input class="form-control" id="exampleInputPassword1" placeholder="Password" type="password">
+                  </div>
+                  <div class="form-group">
+                    <label for="exampleSelect1">Example select</label>
+                    <select class="form-control" id="exampleSelect1">
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                      <option>5</option>
+                    </select>
+                  </div>
+                  <div class="form-group">
+                    <label for="exampleSelect2">Example multiple select</label>
+                    <select multiple="" class="form-control" id="exampleSelect2">
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                      <option>5</option>
+                    </select>
+                  </div>
+                  <div class="form-group">
+                    <label for="exampleTextarea">Example textarea</label>
+                    <textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
+                  </div>
+                  <div class="form-group">
+                    <label for="exampleInputFile">File input</label>
+                    <input class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp" type="file">
+                    <small id="fileHelp" class="form-text text-muted">This is some placeholder block-level help text for the above input. It's a bit lighter and easily wraps to a new line.</small>
+                  </div>
+                  <fieldset class="form-group">
+                    <legend>Radio buttons</legend>
+                    <div class="form-check">
+                      <label class="form-check-label">
+                        <input class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
+                        Option one is this and that—be sure to include why it's great
+                      </label>
+                    </div>
+                    <div class="form-check">
+                    <label class="form-check-label">
+                        <input class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
+                        Option two can be something else and selecting it will deselect option one
+                      </label>
+                    </div>
+                    <div class="form-check disabled">
+                    <label class="form-check-label">
+                        <input class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" disabled="" type="radio">
+                        Option three is disabled
+                      </label>
+                    </div>
+                  </fieldset>
+                  <fieldset class="form-group">
+                    <legend>Checkboxes</legend>
+                    <div class="form-check">
+                      <label class="form-check-label">
+                        <input class="form-check-input" value="" checked="" type="checkbox">
+                        Option one is this and that—be sure to include why it's great
+                      </label>
+                    </div>
+                    <div class="form-check disabled">
+                      <label class="form-check-label">
+                        <input class="form-check-input" value="" disabled="" type="checkbox">
+                        Option two is disabled
+                      </label>
+                    </div>
+                  </fieldset>
+                  <!-- <button type="submit" class="btn btn-primary">Submit</button> -->
+                </fieldset>
+              </form>
+
+              <button type="button" class="btn btn-primary float-left" awPreviousStep>Go to previous step</button>
+              <button type="button" class="btn btn-primary float-right" awNextStep>Go to next step</button>
+              </div>
+            </div>
+          </div>
+
+  </aw-wizard-step>
+  <aw-wizard-step stepTitle="Title of step 3" [navigationSymbol]="{ symbol: '3' }">
+    Content of Step 3
+    <button type="button" class="btn btn-primary"  awPreviousStep>Previous Step</button>
+    <button type="button" class="btn btn-primary" >Finish</button>
+  </aw-wizard-step>
+</aw-wizard>
 </div>
- </div>
- </div> 
\ No newline at end of file