hugo-json/layouts/_default/home.html

{{ define "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>
{{ end }}