{{#fillSection "metaDescription"}}This is an example change password page for your application experience.{{/fillSection}}
<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4">
      <div class="well">
        <p>
          This is an example of a change password page. An experience user must enter his/her current password and a new password to complete the request.
        </p>
      </div>
      {{#if pageData.passwordError}}
        {{component "errorAlert" pageData.passwordError}}
      {{else}}
        {{#if request.query.success}}
          {{component "successAlert" "Password changed."}}
        {{/if}}
      {{/if}}
      <form method="post">
        <div class="form-group">
          <label for="password">Current Password</label>
          <input required minlength="8" maxlength="255" type="password" class="form-control" id="password" name="password" placeholder="Your current login credentials">
        </div>
        <div class="form-group">
          <label for="newPassword">New Password</label>
          <input required minlength="8" maxlength="255" type="password" class="form-control" id="newPassword" name="newPassword" placeholder="At least 8 characters">
        </div>
        <button type="submit" class="btn btn-success">Update Password</button>
      </form>
    </div>
  </div>
</div>