<nav>
<script>
var menu = document.getElementById("menu");
function toggle_nav_menu() {
menu.classList.toggle("responsive-hidden")
}
</script>
<a href="/" class="title nav-left">Colormatic</a>
<img src="/img/colormatic_logo.svg" class="nav-center">
<div class="nav-right inline">
<ul id="menu" class="responsive-hidden">
<li><a href="/zakarya">Zakarya</a></li>
<li><a href="/studios">Colormatic Studios</a></li>
<li><a href="/about">About</a></li>
</ul>
<button onclick="toggle_nav_menu();" class="responsive-button"><img src="https://icons.getbootstrap.com/assets/icons/list.svg"></button>
</div>
</nav>
