<header class=“site-header”>
<h3 class="site-title"> <a href="{{ site.github.url }}/">{{ site.title }}</a> </h3> <nav class="menu-list"> {% for item in site.data.settings.menu %} <a href="{{ site.github.url }}/{{ item.url }}" class="menu-link">{{ item.name }}</a> {% endfor %} {% for item in site.data.settings.social %} <a href="{{ item.link }}" class="menu-link" target="_blank"><i class="fa fa-{{ item.icon }}" aria-hidden="true"></i></a> {% endfor %} </nav> <div class="dropdown"> <button class="dropbtn"><i class="fa fa-bars" aria-hidden="true"></i></button> <div class="dropdown-content"> {% for item in site.data.settings.menu %} <a href="{{ site.github.url }}/{{ item.url }}" class="menu-link">{{ item.name }}</a> {% endfor %} {% for item in site.data.settings.social %} <a href="{{ item.link }}" class="menu-link" target="_blank"><i class="fa fa-{{ item.icon }}" aria-hidden="true"></i></a> {% endfor %} </div> </div>
</header>