<section id="education">
  <div class="container">
    <div class="section-eyebrow reveal">{{ i18n "section_education" }}</div>
    <h2 class="section-title reveal">{{ i18n "education_title" }}</h2>

    <div class="edu-list">
      {{ $lang := .Site.Language.Lang }}
      {{ range hugo.Data.education }}
      {{ $current := index . "current" }}
      <div class="edu-item reveal">
        <div class="edu-dot{{ if $current }} current{{ end }}"></div>
        <div class="edu-body">
          <div class="edu-period">{{ .period }}</div>
          <div class="edu-degree">
            {{ if eq $lang "it" }}{{ .degree_it }}{{ else }}{{ .degree_en }}{{ end }}
          </div>
          <div class="edu-institution">
            {{ if eq $lang "it" }}{{ .institution_it }}{{ else }}{{ .institution_en }}{{ end }}
          </div>
          <div class="edu-desc">
            {{ if eq $lang "it" }}{{ .desc_it | markdownify }}{{ else }}{{ .desc_en | markdownify }}{{ end }}
          </div>
        </div>
      </div>
      {{ end }}
    </div>
  </div>
</section>
