{{ block "experience-partial" . }}
<h2 class="text-3xl font-bold m-6">Experience</h2>
{{ range . }} {{ template "experience-partial-range" . }} {{ end}} {{ end }} {{
block "experience-partial-range" . }}
<div class="m-10 mb-6 overflow-x-auto rounded-lg shadow">
  <table class="min-w-full border border-gray-300 border-collapse">
    <thead class="bg-gray-100">
      <tr class="border-b border-gray-300">
        <th class="table-th">Company</th>
        <th class="table-th">Position</th>
        <th class="table-th">Employee Type</th>
        <th class="table-th">Tasks</th>
        <th class="table-th">Tools</th>
        <th class="table-th border-r-0">Years</th>
      </tr>
    </thead>

    <tbody>
      <tr class="hover:bg-blue-50 border-b border-gray-300">
        <td class="table-td">{{ .Company }}</td>
        <td class="table-td">{{ .Position }}</td>
        <td class="table-td">{{ .EmployeeType }}</td>
        <td class="table-td">
          <ul class="list-disc list-inside">
            {{ range .Tasks }}
            <li class="m-2">{{ . }}</li>
            {{ end }}
          </ul>
        </td>
        <td class="table-td">{{ .Tools }}</td>
        <td class="table-td border-r-0">{{ .Years }}</td>
      </tr>
    </tbody>
  </table>
</div>
{{ end }}