<div class=“full-screen-navigation”>

<div class="container">
  <div class="row justify-content-center">
    {% for item in site.data.navigation.main %}
    <a class="col-2 col-md-1 nav-with-icons" href="{{item.url}}">
            <span class="nav-with-icons__icon">
              <img src="{{item.icon_url}}">
            </span>
      <span class="nav-with-icons__title">
              {{item.title}}
            </span>
    </a>
    {% endfor %}
  </div>
</div>

</div>