member_webapp/src/packages/member/component/profile/profile.component.html

<form [formGroup]="modifyForm" (ngSubmit)="modifyProfile()">
  <div class="ui-g">
    <div class="ui-g-12 ui-md-3">
      <p-panel [showHeader]="false">
        <div class="ui-g">
          <div class="ui-g-12 ui-inputgroup ui-bottom-space-10">

          </div>

          <div class="ui-g-12 ui-bottom-space-10">
            <img class="profile-image" src="assets/layout/images/dark-user-bg.png" />
          </div>
        </div>
      </p-panel>
    </div>

    <div class="ui-g form-group">
      <div class="ui-g-12 ui-md-6 ui-lg-6">
      <span class="md-inputfield">
        <input type="text" pInputText readonly value="{{member.email}}">
        <label>Email</label>
      </span>
      </div>
      <div class="ui-g-12 ui-md-6 ui-lg-6">
      <span class="md-inputfield">
        <input type="text" pInputText value="{{member.name}}" >
        <label>Name</label>
      </span>
      </div>
      <div class="ui-g-12 ui-md-6 ui-lg-6">
      <span class="md-inputfield">
        <input type="text" pInputText value="{{member.companyName}}" >
        <label>Company Name</label>
      </span>
      </div>
      <div class="ui-g-12 ui-md-6 ui-lg-6">
      <span class="md-inputfield">
        <input type="text" pInputText  value="{{member.phone}}" >
        <label>Phone</label>
      </span>
      </div>

    </div>
    <div class="ui-g-12 ui-md-6 ui-lg-6" dir="rtl">
      <button type="submit" [disabled]="selected" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" dir="auto">
        <span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
        <span class="ui-button-text ui-c">Save</span>
      </button>
    </div>
  </div>
</form>