<div id="print-list">
  <section class="shopping-list-preview">
    <div class="header-wrapper">
      <header class="header">
        <div class="header-inner h-100">
          <div class="header-logo d-block h-100 w-auto">
            <img alt="wickes logo" style="max-height: 80px" class="h-100" src="img/wickes-logo.png">
          </div>
        </div>
      </header>
    </div>
    <main class="pt-3">
      <div class="shopping-list shopping-list-note">
        <div class="container component p-0">
          <h1>Listy</h1>
        </div>
        <div class="container component p-0">
          <div class="row">
            <div class="col-12">
              <div class="b-bottom-grey mb-3"></div>
            </div>
          </div>
        </div>
        <div class="my-shopping-list">
          <div class="container p-0">
            <div class="row pl-2 flex-column">
              <div class="content shop-list-info__ref">
                Project Notes:&nbsp;
                <span class="shop-list-info__ref_value">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure do
                </span>
              </div>
              <div class="content shop-list-info">
                <div class="shop-list-info_item heading-4">
                  1 items in your project list
                </div>
              </div>
            </div>
            <div class="b-bottom-grey"></div>
            <div class="container component p-0">
              <div class="order-line-shop-list row no-gutters">
                <!-- Product image -->
                <div class="order-line-shop-list__img">
                  <a class="order-line__img-link">
                    <img src="./img/placeholders/[e-img-4to3].jpg"/>
                  </a>
                </div>
                <!-- Product inner block -->
                <div class="order-line-shop-list__inner">
                  <div class="row no-gutters">
                    <!-- Product details middle block -->
                    <div class="order-line-shop-list__info">
                      <a href="/Wickes-Aqua-Flush-Bathroom-Ceiling-Light/p/191018"
                         class="order-line-shop-list__title_link">
                        Dulux Trade High Gloss Paint - Pure Brilliant White - 2.5L
                      </a>
                      <div class="order-line-shop-list__code">
                        <span class="product-code">
                          Product Code:
                          &nbsp;<strong>106500</strong>
                        </span>
                      </div>
                      <!-- Product promo description -->
                    </div>
                    <div class="order-line-shop-list__calcs">
                      <div class="row no-gutters align-items-baseline order-line-shop-list__calc">
                        <span class="order-line-shop-list__lbl">
                          Quantity:
                        </span>
                        <div class="order-line__value">
                          <div class="row no-gutters align-items-baseline product-card__quantity">1</div>
                        </div>
                      </div>
                      <div>
                        <div class="row no-gutters align-items-baseline price-item">
                          <span class="order-line-shop-list__lbl">
                            Item price:
                          </span>
                          <div class="order-line__value">
                            <div class="product-card__price__value">
                              <div class="product-card__price__value">
                                <span class="isNotBulkDiscountOrWasPrice priceValue" itemprop="price" content="35">£35</span>
                              </div>
                              <div class="product-card__price__sqm">£14 per L</div>
                           </div>
                          </div>
                        </div>
                        <div class="row no-gutters align-items-baseline total-price-item">
                          <span class="order-line-shop-list__lbl">
                            Item total:
                          </span>
                          <span class="order-line__value">
                            <span class="product-card__price__total">£35</span>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
  </section>
</div>
