{{- $c := site.Data.content -}}
<div class="shop">
    <article class="item">
      <figure><img src="{{ ($c.shop_2.img_1_image | relURL) }}" width="800" height="800" alt="{{ $c.shop_2.img_1_alt }}" loading="lazy"><span class="price">{{ $c.shop_2.span_2 }}</span></figure>
      <h3>{{ $c.shop_2.h3_3 }}</h3><p>{{ $c.shop_2.p_4 }}</p>
      <a class="ask" href="#order" data-piece="Dune vase">{{ $c.shop_2.a_5 }}</a>
    </article>
    <article class="item">
      <figure><img src="{{ ($c.shop_2.img_6_image | relURL) }}" width="800" height="800" alt="{{ $c.shop_2.img_6_alt }}" loading="lazy"><span class="price">{{ $c.shop_2.span_7 }}</span></figure>
      <h3>{{ $c.shop_2.h3_8 }}</h3><p>{{ $c.shop_2.p_9 }}</p>
      <a class="ask" href="#order" data-piece="Citrus bowl">{{ $c.shop_2.a_10 }}</a>
    </article>
    <article class="item">
      <figure><img src="{{ ($c.shop_2.img_11_image | relURL) }}" width="800" height="800" alt="{{ $c.shop_2.img_11_alt }}" loading="lazy"><span class="price">{{ $c.shop_2.span_12 }}</span></figure>
      <h3>{{ $c.shop_2.h3_13 }}</h3><p>{{ $c.shop_2.p_14 }}</p>
      <a class="ask" href="#order" data-piece="Fornace pitcher">{{ $c.shop_2.a_15 }}</a>
    </article>
    <article class="item">
      <figure><img src="{{ ($c.shop_2.img_16_image | relURL) }}" width="800" height="800" alt="{{ $c.shop_2.img_16_alt }}" loading="lazy"><span class="price">{{ $c.shop_2.span_17 }}</span></figure>
      <h3>{{ $c.shop_2.h3_18 }}</h3><p>{{ $c.shop_2.p_19 }}</p>
      <a class="ask" href="#order" data-piece="Trio cups">{{ $c.shop_2.a_20 }}</a>
    </article>
  </div>