---
layout: default
title: Addresses
---

{{> navbar-fade-commerce}}

<div class="profile-header">
  <div class="profile-header-inner">
    <div class="profile-avatar">
      <img
        class="avatar"
        src="https://via.placeholder.com/250x250"
        alt=""
        data-demo-src="assets/img/avatars/helen.jpg"
      />
      <h2 class="title is-4 is-narrow">Helen Miller</h2>
      <p class="subtitle is-6">UI/UX Designer</p>
    </div>

    <div class="tabs is-centered">
      <ul>
        <li><a href="profile-4.html">Account</a></li>
        <li class="is-active"><a href="profile-5.html">Addresses</a></li>
        <li><a href="profile-6.html">Orders</a></li>
      </ul>
    </div>
  </div>
</div>

<div class="section is-app-grey">
  <div class="container">
    <!--Wrapper-->
    <div class="profile-wrapper">
      <div class="addresses">
        <div class="addresses-title">
          <a class="button button-cta btn-align primary-btn raised is-bold">Add Address</a>
        </div>

        <div class="addresses-grid pb-6">
          <div class="columns is-multiline">
            <div class="column is-6">
              <div class="addresses-grid-item">
                <a class="edit-link">
                  <i data-feather="edit-3"></i>
                </a>
                <div class="address">
                  <p>Helen Miller</p>
                  <p>463 San Bernardo Ave, Crimson Road</p>
                  <p>90808, Long Beach, CA</p>
                  <p>United States</p>
                </div>
                <div class="field">
                  <div class="control">
                    <label class="checkbox-wrap is-medium">
                      <input type="radio" class="d-checkbox" name="main_address" checked />
                      <span></span>
                      Use as main address
                    </label>
                  </div>
                </div>
              </div>
            </div>
            <div class="column is-6">
              <div class="addresses-grid-item">
                <a class="edit-link">
                  <i data-feather="edit-3"></i>
                </a>
                <div class="address">
                  <p>Helen Miller</p>
                  <p>463 San Bernardo Ave, Crimson Road</p>
                  <p>90808, Long Beach, CA</p>
                  <p>United States</p>
                </div>
                <div class="field">
                  <div class="control">
                    <label class="checkbox-wrap is-medium">
                      <input type="radio" class="d-checkbox" name="main_address" />
                      <span></span>
                      Use as main address
                    </label>
                  </div>
                </div>
              </div>
            </div>
            <div class="column is-6">
              <div class="addresses-grid-item">
                <a class="edit-link">
                  <i data-feather="edit-3"></i>
                </a>
                <div class="address">
                  <p>Helen Miller</p>
                  <p>463 San Bernardo Ave, Crimson Road</p>
                  <p>90808, Long Beach, CA</p>
                  <p>United States</p>
                </div>
                <div class="field">
                  <div class="control">
                    <label class="checkbox-wrap is-medium">
                      <input type="radio" class="d-checkbox" name="main_address" />
                      <span></span>
                      Use as main address
                    </label>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

{{> footer-side-light}}