{{ define "main" }}

{{ partial "page-title.html" . }}

<section class="contact-form">
  <div class="container">

  
    <div class="contact-box row justify-content-center">
      {{ with site.Params.contact -}}
      <div class="col-md-4 col-sm-12">
        <div class="block text-left">
          <h2>{{ i18n "address_title" }}</h2>
          <ul class="address-block">
            {{ $add_address_descriptors := .address_descriptors }}
            {{ with site.Params.location }}<li><i class="fas fa-map-marker-alt"></i>{{ if $add_address_descriptors }}{{ i18n "location" | printf "%s: " }}{{ end }}<div>{{ . | markdownify }}</div></li>{{ end }}
            {{ with site.Params.email }}<li><i class="fas fa-envelope"></i>{{ if $add_address_descriptors }}{{ i18n "email" | printf "%s: " }}{{ end }}{{ partial "cloak_email" . }}</li>{{ end }}
            {{ with site.Params.phone }}<li><i class="fas fa-tty"></i>{{ if $add_address_descriptors }}{{ i18n "phone" | printf "%s: " }}{{ end }}<div>{{ . | markdownify }}</div></li>{{ end }}
          </ul>
        </div>
      </div>
      <div class="col-md-4 col-sm-12">
        <div class="block text-center">
          <h2>{{ i18n "social_media" }}</h2>
          <ul class="social-icons">
            {{ range site.Params.social -}}
            <li><a href="{{ .link | safeURL }}" target="_blank" rel="noopener noreferrer" class="social-icon">
              <img src="{{ .image | relURL }}" alt="{{ .title }}" style="height: 40px;">
            </a></li>
            {{- end }}
          </ul>
        </div>
      </div>
      {{- end }}
    </div>
  </div>
</section>

<!-- Call to action -->
{{ if .Params.cta.enable }}
{{ partial "cta.html" . }}
{{ end }}
<!-- /Call to action -->
{{ end }}