{{ define "main" }}
<p>{</p>
<main>
  <div class="one">
    <div class="flex-row">
      <span>title:</span>
      <span class="highlight">'{{ .Site.Params.title }}'</span>
      ,
    </div>
    <div class="flex-row">
      <span>body:</span>
      <span> <span class="highlight">'{{ .Site.Params.body }}'</span>, </span>
    </div>
    <span class="flex-col"
      >"Q & A": [ {{ range .Site.Params.faq }}
      <div class="two">
        {<br />
        <div class="three">
          <span>Q:</span>
          <span class="highlight">'{{ .question }}'</span>,<br />
          <span>A:</span>
          <span class="highlight">'{{ .answer }}'</span>
        </div>
        <br />}
      </div>
      {{ end }} ],</span
    >
    <span class="flex-col"
      >contact: {
      <div class="two">
        {{ range .Site.Params.contact }}
        <div class="three">
          <span>"{{ .service }}":</span>
          <span class="highlight">'{{ .input }}'</span><br />
        </div>
        {{ end }}
      </div>
      },
    </span>
  </div>
</main>

<footer class="one">
  <span>
    license:
    <a class="highlight" href="https://creativecommons.org/licenses/by-sa/4.0"
      >'CC BY-SA 4.0'</a
    >,
  </span>
  <span>
    "source code": '<a
      class="highlight"
      href="https://git.myco.systems/mycosystems/hugo-maintenance"
      >'https://git.myco.systems/mycosystems/hugo-maintenance'</a
    >
  </span>
</footer>
<p>}</p>
{{ end }}