{{- $c := site.Data.content -}}
<section class="sec" id="quote" aria-labelledby="quote-title">
    <div class="wrap">
      <div class="quote-head"><h2 id="quote-title">{{ $c.quote.h2_1 }}</h2><p>{{ $c.quote.p_2 }}</p></div>
      <div class="ornament" aria-hidden="true"><svg viewBox="0 0 16 16"><use href="#mark" /></svg></div>
      <div class="quote">
        <div>
          <h3>{{ $c.quote.h3_3 }}</h3>
          <form class="form" id="f-quote" action="https://formgong.com/submit" method="POST">
            <input type="hidden" name="access_key" value="{{ $c.form.access_key }}">
            <input type="hidden" name="request" value="Quote">
            <div class="hp" aria-hidden="true"><label>{{ $c.quote.text_4 }}<input name="botcheck" tabindex="-1" autocomplete="off"></label></div>
            <div class="grid2">
              <label class="field"><span class="sr">{{ $c.quote.span_5 }}</span><input name="name" autocomplete="name" placeholder="Name*" required></label>
              <label class="field"><span class="sr">{{ $c.quote.span_6 }}</span><input type="email" name="email" autocomplete="email" placeholder="Email"></label>
            </div>
            <div class="grid2" style="grid-template-columns:1fr 1.6fr">
              <label class="field"><span class="sr">{{ $c.quote.span_7 }}</span><input type="tel" name="phone" autocomplete="tel" placeholder="Phone*" required></label>
              <label class="field"><span class="sr">{{ $c.quote.span_8 }}</span><input name="city" autocomplete="address-level2" placeholder="City"></label>
            </div>
            <div class="grid3">
              <label class="field"><span class="sr">{{ $c.quote.span_9 }}</span><select name="type" required><option value disabled selected>{{ $c.quote.option_10 }}</option><option>{{ $c.quote.option_11 }}</option><option>{{ $c.quote.option_12 }}</option><option>{{ $c.quote.option_13 }}</option><option>{{ $c.quote.option_14 }}</option></select></label>
              <label class="field"><span class="sr">{{ $c.quote.span_15 }}</span><select name="area"><option value disabled selected>{{ $c.quote.option_16 }}</option><option>{{ $c.quote.option_17 }}</option><option>{{ $c.quote.option_18 }}</option><option>{{ $c.quote.option_19 }}</option><option>{{ $c.quote.option_20 }}</option></select></label>
              <label class="field"><span class="sr">{{ $c.quote.span_21 }}</span><select name="renovation"><option value disabled selected>{{ $c.quote.option_22 }}</option><option>{{ $c.quote.option_23 }}</option><option>{{ $c.quote.option_24 }}</option><option>{{ $c.quote.option_25 }}</option><option>{{ $c.quote.option_26 }}</option></select></label>
            </div>
            <label class="field"><span class="sr">{{ $c.quote.span_27 }}</span><textarea name="message" placeholder="Anything else"></textarea></label>
            <button class="btn btn-black" type="submit">{{ $c.quote.button_28 }}</button>
            <p class="status" data-status role="status" aria-live="polite"></p>
            <p class="credit">{{ $c.quote.p_29_html | safeHTML }}</p>
            <div class="sent" tabindex="-1"><p>{{ $c.quote.p_30_html | safeHTML }}</p></div>
          </form>
        </div>
        <figure><img src="{{ ($c.quote.img_31_image | relURL) }}" width="800" height="800" alt="{{ $c.quote.img_31_alt }}" loading="lazy"></figure>
      </div>
    </div>
  </section>