Adding

LCU.WebApps.External.OnlineLoanApp/src/app/layout/header/header.component.html

@@ -0,0 +1,34 @@
+<div class="muted-background">
+  <div class="container">
+  <meta name="format-detection" content="telephone=no">
+  <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
+    <a class="navbar-brand" >
+      <img src="assets/LM_Full-Logo_Main.png" class="logo-lmcu" alt="Landmark Credit Union" title="Landmark Credit Union">
+    </a>
+    <div class="row float-right header-information-big" style="margin-left:auto;width:50%;">
+      <div class="col-6">
+          <small class="float-right">
+            <lw-header-icon [applicationIcon]="applicantType?.icon" ></lw-header-icon>
+            {{applicantType?.headerMessageKey | translate}}
+          </small>
+      </div>
+      <div class="col-6">
+          <small class="float-right">
+            <i focusable='false' class="fas fa-phone"></i> {{ 'HEADER.ASSISTANCE' | translate}} <b>{{ 'HEADER.PHONE_NUM' | translate}}</b>
+          </small>
+      </div>
+    </div>
+    <div>
+      <a href="tel:{{'HEADER.PROPER_PHONE_NUMBER' | translate}}">
+        <button class="phone-button" type="button"><i focusable='false' class="fas fa-phone phone-button-icon"></i></button>
+      </a>
+    </div>
+  </nav>
+</div>
+</div>
+<div class="d-flex justify-content-center">
+  <div class="header-information-small p-2 bd-highlight">
+    <lw-header-icon [applicationIcon]="applicantType?.icon" ></lw-header-icon>
+    {{applicantType?.headerMessageKey | translate}}
+  </div>
+</div>