{{- $c := site.Data.content -}}
<section class="sec" id="projects" aria-labelledby="projects-title">
    <div class="wrap">
      <h2 class="center upper" id="projects-title" style="font-size:28px">{{ $c.projects.h2_1 }}</h2>
      <div class="ornament" aria-hidden="true"><svg viewBox="0 0 16 16"><use href="#mark" /></svg></div>
      <div class="gallery">
        <a href="{{ ($c.projects.a_2_href_image | relURL) }}"><img src="{{ ($c.projects.img_3_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_3_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_4_href_image | relURL) }}"><img src="{{ ($c.projects.img_5_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_5_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_6_href_image | relURL) }}"><img src="{{ ($c.projects.img_7_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_7_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_8_href_image | relURL) }}"><img src="{{ ($c.projects.img_9_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_9_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_10_href_image | relURL) }}"><img src="{{ ($c.projects.img_11_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_11_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_12_href_image | relURL) }}"><img src="{{ ($c.projects.img_13_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_13_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_14_href_image | relURL) }}"><img src="{{ ($c.projects.img_15_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_15_alt }}" loading="lazy"></a>
        <a href="{{ ($c.projects.a_16_href_image | relURL) }}"><img src="{{ ($c.projects.img_17_image | relURL) }}" width="800" height="800" alt="{{ $c.projects.img_17_alt }}" loading="lazy"></a>
      </div>
      <a class="wide-btn" href="#contact">{{ $c.projects.a_18 }}</a>
    </div>
  </section>