PIN Numbers

The PIN Numbers block allows the user to manage their PIN number.

Edit on GitHub
On this page:

Best Practices

MyLa should be used to allow users to manage their PIN number. If not, use this form.

Usage

PIN Number

Choose the six digits for your PIN Number. Be sure to remember them.

If there’s an asterisk we have to get that information.

<div class="container-fluid my-16">
    <div class="row justify-content-center">
        <div class="col-12 col-md-10 col-lg-6">
            <div class="card">
                <div class="card-body">
                    <div class="row ">
                        <div class="col-12">
                            <h3 class="h3 mb-6 text-primary">
                                <span class="fas fa-key fa-fw mr-1 text-primary-10"></span> PIN Number
                            </h3>
                        </div>
                        <div class="col-12">
                            <p>Choose the six digits for your PIN Number. Be sure to remember them.</p>
                            <p class="small">If there&rsquo;s an asterisk <span class="font-weight-bold"><span class="fas fa-asterisk text-danger"></span></span> we have to get that information.</p>
                        </div>
                    </div>
                    <div class="row ">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="PinNumber">
                                    <span class="fas fa-asterisk text-danger"></span> New PIN
                                </label>
                                <input type="text" class="form-control" id="PinNumber">
                            </div>
                            <div class="form-group">
                                <label for="PinNumberConfirm">
                                    <span class="fas fa-asterisk text-danger"></span> Confirm New PIN
                                </label>
                                <input type="text" class="form-control" id="PinNumberConfirm">
                            </div>
                            <button class="btn btn-ui btn-block btn-shadow">
                                Update PIN Number
                                <span class="fas fa-check"></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
Previous
Next