Address finder

Address finder documentation goes here.

Manual address example

What is your address?

Why do I need to do this?

Creating an account will allow us save your results and offer more customised advice.

Address line 1

Example: 223-231 Pentonville Rd

Address line 2 (optional)

Example: Unit 7, The Lodge

Town or city

Postcode

Example: LL13 7AS
Please leave a space between the two parts of the postcode.

Skip manual entry. Find my address

HTML

<fieldset>
  <legend><h3 class="h4 mb-2">What is your address?</h3></legend>
  <div class="mb-4">
    <a class="hint-link" data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
        Why do I need to do this?
      </a>
    <div class="collapse" id="collapseExample">
      <div class="hint-body">
        Creating an account will allow us save your results and offer more customised advice. 
      </div>
    </div>
  </div>
  <div class="mb-4">
    <label for="address_1" class="form-label">Address line 1</label>
    <div class="form-text">Example: 223-231 Pentonville Rd</div>
    <input type="text" class="form-control" id="address_1">
  </div>
  <div class="mb-4">
    <label for="address_2" class="form-label">Address line 2 (optional)</label>
    <div class="form-text">Example: Unit 7, The Lodge</div>
    <input type="text" class="form-control" id="address_2">
  </div>
  <div class="mb-4">
    <label for="address_3" class="form-label">Town or city</label>
    <input type="text" class="form-control" id="address_3">
  </div>
  <div class="mb-4">
    <label for="postcode" class="form-label">Postcode</label>
    <div class="form-text">Example: LL13 7AS<br>
  Please leave a space between the two parts of the postcode.</div>
    <input type="text" class="form-control w-50" id="postcode">
  </div>
  <p>Skip manual entry. <a href="#">Find my address</a></p>
</fieldset>

Postcode example