<nav class=“navbar”>
<div class="container"> <a class="navbar-brand" href="{{ site.data.centos.identity.logo.link }}"><img src="{{ site.data.centos.identity.logo.image }}" height="32" alt="{{ site.title }}"> <span class="manifestation">{{ site.data.centos.identity.logo.manifestation }}</span></a> <button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="collapse navbar-collapse" id="navcol-1"> <ul class="nav navbar-nav ml-auto"> {%- for nav-item in site.data.centos.navbar -%} {% if nav-item.menu.size == 0 %} <li class="nav-item" role="presentation"><a class="nav-link" href="{{ nav-item.link }}"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a></li> {% else -%} <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#"><i class="{{ nav-item.icon }}"></i> {{ nav-item.name }}</a> <div class="dropdown-menu" role="menu"> {%- for dropdown-item in nav-item.menu -%} <a class="dropdown-item" role="presentation" href="{{ dropdown-item.link }}">{{ dropdown-item.name }}</a> {% endfor -%} </div> </li> {% endif %} {%- endfor -%} </ul> </div> </div>
</nav>