{% set contacts = [
  {"icon": "fa-solid fa-location-dot", "adress": "Universität Zürich, Campus Irchel"},
  {"icon": "fa-solid fa-envelope-open", "adress": "igemuzurich2023@gmail.com"},
] %}

{% set social_media = [
  {"icon": "fa-brands fa-instagram fa-xl", "link": "https://www.instagram.com/igem_uzurich/"},
  {"icon": "fa-brands fa-twitter fa-xl", "link": "https://twitter.com/"},
  {"icon": "fa-brands fa-youtube fa-xl", "link": "https://www.youtube.com/"},
] %}

<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
  <div class="container">
    <div class="row mb-4">
      <div class="col-lg-4 col-xs-12">
        <h4 class="mb-3">Sponsors</h4>
      </div>

      <div class="col-lg-4 col-xs-12">
        <h4 class="mt-lg-0 mt-sm-3">Partners</h4>
      </div>
      
      <div class="col-lg-4 col-xs-12">
        <h4 class="mt-lg-0 mt-sm-4 mb-3">Contact us</h4>
        <p>
          {% for contact in contacts %}
            <i class="{{ contact.icon }}"></i> {{ contact.adress }}
            <br>
          {% endfor %}
        </p>

        <h4 class="mt-lg-0 mt-sm-4 mb-3">Follow us</h4>
        <p>
          {% for social_medium in social_media %}
            <a href="{{ social_medium.link }}"  style="text-decoration: none" target="_blank" rel="noopener noreferrer"><i class="{{ social_medium.icon }}"></i> </a>
          {% endfor %}
        </p>
      </div>
    </div>

    <hr>
    
    <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
    <div class="row mt-4">
      <div class="col">
        <p class="mb-0"><small>© 2023 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
	      <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2023/uzurich">gitlab.igem.org/2023/uzurich</a>.</small></p>
      </div>
    </div>
  </div>
</footer>