### Recommended Checkout UI Custom Header HTML

Source: https://github.com/vtex-apps/checkout-ui-custom/blob/master/docs/README.md

This HTML snippet provides the recommended structure for the Checkout UI Custom app's header. It includes navigation links for continuing shopping and returning to the cart, along with a placeholder for the store's logo. It also demonstrates how to use the `.v-custom-mhide` class to hide elements on mobile resolutions.

```html
<header class="main-header">
  <div class="container">
    <div class="header-link">
      <a href="/" title="add more products" class="buy-more-link link"
        >Continue shopping</a
      >
      <a
        href="/checkout/#/cart"
        title="back to cart"
        class="back-cart-link link"
        >Back to Cart</a
      >
    </div>
    <a href="/" title="Go to homepage" class="logo">{logo.image}</a>
  </div>
</header>
```

```html
<header class="main-header"> ... </header>
<div class="promobar v-custom-mhide> ... </div>
```

--------------------------------

### Recommended Checkout UI Custom Footer HTML

Source: https://github.com/vtex-apps/checkout-ui-custom/blob/master/docs/README.md

This HTML snippet provides the recommended structure for the Checkout UI Custom app's footer. It includes a link and image for VTEX credits.

```html
<footer class="main-footer">
  <div class="container">
    <a class="credits-vtex" href="http://www.vtex.com/" target="_blank"
      ><img src="http://brand.vtex.com/static/media/VTEX_pink_RGB.751a9fb5.svg"
    /></a>
  </div>
</footer>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.