{{- $c := site.Data.content -}}
<section class="wrap cols3" id="services" aria-label="Services">
    <div class="col">
      <h2>{{ $c.services.h2_1 }}</h2>
      <ul><li>{{ $c.services.li_2 }}</li><li>{{ $c.services.li_3 }}</li><li>{{ $c.services.li_4 }}</li><li>{{ $c.services.li_5 }}</li><li>{{ $c.services.li_6 }}</li></ul>
      <a class="btn btn-line" href="#quote">{{ $c.services.a_7 }}</a>
    </div>
    <div class="col">
      <h2>{{ $c.services.h2_8 }}</h2>
      <ul><li>{{ $c.services.li_9 }}</li><li>{{ $c.services.li_10 }}</li><li>{{ $c.services.li_11 }}</li><li>{{ $c.services.li_12 }}</li><li>{{ $c.services.li_13 }}</li></ul>
      <a class="btn btn-line" href="#estimate">{{ $c.services.a_14 }}</a>
    </div>
    <div class="col">
      <h2>{{ $c.services.h2_15 }}</h2>
      <ul><li>{{ $c.services.li_16 }}</li><li>{{ $c.services.li_17 }}</li><li>{{ $c.services.li_18 }}</li><li>{{ $c.services.li_19 }}</li><li>{{ $c.services.li_20 }}</li></ul>
      <a class="btn btn-line" href="#projects">{{ $c.services.a_21 }}</a>
    </div>
  </section>