Contact Information

Best Practices

• MyLa should be used to manage users’ names. If not, use this form.
• Put the form into a column to size as necessary.
• Change the heading level when appropriate.

Usage

<div class="card">
  <div class="card-body">
    <h3 class="form-title">
      <span class="icon fas fa-address-book text-primary-10 me-1" aria-hidden="true"></span>Contact Info
    </h3>
    <p>At the bare minimum, we only need your email address. But, it&rsquo;s extra helpful to you and us if we can also
      get your phone number.</p><p class="small">If there’s an asterisk <span class="icon fas fa-asterisk text-danger me-1" aria-hidden="true"></span> we have to get that information.</p>
<div class="row">
      <div class="col-12">
        <div class="form-group">
          <label for="TelephoneMain">
            Telephone
          </label>
          <input type="tel" class="form-control" id="TelephoneMain">
          <small>If you decide to give us your number, give us a number where you can get texts.</small>
        </div>
        <div class="form-group">
          <label for="EmailAddressMain">
            <span class="icon fas fa-asterisk text-danger me-1" aria-hidden="true"></span>Email Address
          </label>
          <input type="email" class="form-control" id="EmailAddressMain">
        </div>
        <button class="btn btn-primary">
          <span class="icon fas fa-check me-1" aria-hidden="true"></span>Update Contact Info
        </button>
      </div>
    </div>
  </div>
</div>