test header
<div id="product-category" class="container">
  <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="http://hermanmilleraeron.co.uk/index.php?route=common/home&amp;language=en-gb"><i class="fas fa-home"></i></a></li>
          <li class="breadcrumb-item"><a href="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60">Spares</a></li>
      </ul>
  <div class="row">
    <div id="content" class="col">
      <h2>Spares</h2>
                          <div id="display-control" class="row">
          <div class="col-lg-3">
            <div class="mb-3">
              <a href="http://hermanmilleraeron.co.uk/index.php?route=product/compare&amp;language=en-gb" id="compare-total" class="btn btn-primary d-block"><i class="fa-solid fa-arrow-right-arrow-left"></i> <span class="d-none d-xl-inline">Product Compare (0)</span></a>
            </div>
          </div>
          <div class="col-lg-1 d-none d-lg-block">
            <div class="btn-group">
              <button type="button" id="button-list" class="btn btn-light" data-bs-toggle="tooltip" title="List"><i class="fa-solid fa-table-list"></i></button>
              <button type="button" id="button-grid" class="btn btn-light" data-bs-toggle="tooltip" title="Grid"><i class="fa-solid fa-table-cells"></i></button>
            </div>
          </div>
          <div class="col-lg-4 offset-lg-1 col-6">
            <div class="input-group mb-3">
              <div class="input-group">
                <label for="input-sort" class="input-group-text">Sort By</label> <select id="input-sort" class="form-select" onchange="location = this.value;">
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=p.sort_order&amp;order=ASC" selected>Default</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=p.price&amp;order=DESC">Price (High &gt; Low)</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=p.model&amp;order=ASC">Model (A - Z)</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;sort=p.model&amp;order=DESC">Model (Z - A)</option>
                                  </select>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-6">
            <div class="input-group mb-3">
              <div class="input-group">
                <label for="input-limit" class="input-group-text">Show</label> <select id="input-limit" class="form-select" onchange="location = this.value;">
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;limit=10" selected>10</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;limit=25">25</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;limit=50">50</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;limit=75">75</option>
                                      <option value="http://hermanmilleraeron.co.uk/index.php?route=product/category&amp;language=en-gb&amp;path=60&amp;limit=100">100</option>
                                  </select>
              </div>
            </div>
          </div>
        </div>
        <div id="product-list" class="row row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-4">
                      <div class="col"><form method="post" data-oc-toggle="ajax" data-oc-load="http://hermanmilleraeron.co.uk/index.php?route=common/cart.info&amp;language=en-gb" data-oc-target="#header-cart" class="d-flex flex-column h-100">
  <div class="product-thumb flex-fill">
    <div class="image"><a href="http://hermanmilleraeron.co.uk/index.php?route=product/product&amp;language=en-gb&amp;path=60&amp;product_id=51"><img src="http://hermanmilleraeron.co.uk/image/cache/placeholder-228x228.png" alt="Aeron Hard Floor Castor" title="Aeron Hard Floor Castor" class="img-fluid"/></a></div>
    <div class="content">
      <div class="description">
        <h4><a href="http://hermanmilleraeron.co.uk/index.php?route=product/product&amp;language=en-gb&amp;path=60&amp;product_id=51">Aeron Hard Floor Castor</a></h4>
        <p>..</p>
                  <div class="price">
                          <span class="price-new">£0.00</span>
                                      <span class="price-tax">Ex Tax: £0.00</span>
                      </div>
                      </div>
    </div>
    <input type="hidden" name="product_id" value="51"/>
    <input type="hidden" name="quantity" value="1"/>
  </div>
  <div class="product-buttons">
      <div class="button-group">
        <button type="submit" formaction="http://hermanmilleraeron.co.uk/index.php?route=checkout/cart.add&amp;language=en-gb" data-bs-toggle="tooltip" title="Add to Cart"><i class="fa-solid fa-shopping-cart"></i></button>
        <button type="submit" formaction="http://hermanmilleraeron.co.uk/index.php?route=account/wishlist.add&amp;language=en-gb" data-bs-toggle="tooltip" title="Add to Wish List"><i class="fa-solid fa-heart"></i></button>
        <button type="submit" formaction="http://hermanmilleraeron.co.uk/index.php?route=product/compare.add&amp;language=en-gb" data-bs-toggle="tooltip" title="Compare this Product"><i class="fa-solid fa-arrow-right-arrow-left"></i></button>
      </div>
  </div>
</form>
</div>
                  </div>
        <div class="row">
          <div class="col-sm-6 text-start"></div>
          <div class="col-sm-6 text-end">Showing 1 to 1 of 1 (1 Pages)</div>
        </div>
                  </div>
    </div>
</div>
</main>
<footer>
  <div class="container">
    <div class="row">
              <div class="col-sm-3">
          <h5>Information</h5>
          <ul class="list-unstyled">
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=4">About Us</a></li>
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=6">Delivery Information</a></li>
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=3">Privacy Policy</a></li>
                          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/information&amp;language=en-gb&amp;information_id=5">Terms &amp; Conditions</a></li>
                      </ul>
        </div>
            <div class="col-sm-3">
        <h5>Customer Service</h5>
        <ul class="list-unstyled">
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/contact&amp;language=en-gb">Contact Us</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/returns.add&amp;language=en-gb">Returns</a></li>
                    <li><a href="http://hermanmilleraeron.co.uk/index.php?route=information/sitemap&amp;language=en-gb">Site Map</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>Extras</h5>
        <ul class="list-unstyled">
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=product/manufacturer&amp;language=en-gb">Brands</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=checkout/voucher&amp;language=en-gb">Gift Certificates</a></li>
                      <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/affiliate&amp;language=en-gb">Affiliate</a></li>
                    <li><a href="http://hermanmilleraeron.co.uk/index.php?route=product/special&amp;language=en-gb">Specials</a></li>
        </ul>
      </div>
      <div class="col-sm-3">
        <h5>My Account</h5>
        <ul class="list-unstyled">
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/account&amp;language=en-gb">My Account</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/order&amp;language=en-gb">Order History</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/wishlist&amp;language=en-gb">Wish List</a></li>
          <li><a href="http://hermanmilleraeron.co.uk/index.php?route=account/newsletter&amp;language=en-gb">Newsletter</a></li>
        </ul>
      </div>
    </div>
    <hr>
    <p>Powered By <a href="https://www.opencart.com">OpenCart</a><br/> Herman Miller Aeron &copy; 2024</p>
    <!--
OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
Please donate via PayPal to donate@opencart.com
//-->
  </div>
</footer>

<script src="catalog/view/javascript/bootstrap/js/bootstrap.bundle.min.js" type="text/javascript"></script>
</body></html>