<header class=“d-flex flex-column flex-md-row align-items-center pb-3 mb-5 border-bottom”>
<div> <a href="{{ site.github.url }}/" class="d-flex align-items-center text-decoration-none"> <span class="fs-4 fw-bold">{{ site.title }}</span> </a> <a href="{{ site.github.url }}/" class="d-flex align-items-center text-decoration-none"> <span>{{ site.description }}</span> </a> </div> <nav class="d-inline-flex mt-2 mt-md-0 ms-md-auto"> {% for item in site.data.settings.menu %} <a class="me-3 py-2 text-decoration-none" href="{{ site.github.url }}{{ item.url }}">{{ item.name }}</a> {% endfor %} </nav>
</header>