<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive Navigation Bar (navbar) Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav class="top-nav" role="navigation">
<div class="nav-header-window">
<div class="toggleable-window visible-xs">
<input type="checkbox" class="toggle" id="punch" checked>
<label for="punch">≡<!-- mobile devices cannot show ≣ (math symbol STRICTLY EQUIVALENT TO) --></label>
<div>
<a href="#">Page</a>
<a href="#">Archives</a>
<a href="#">Categories</a>
<a href="#">Tags</a>
<a href="#">Authors</a>
<span><a href="#">English</a></span>
<span><a href="#">傳統中文</a></span>
</div>
</div>
<header><h1><a href="#">{{ SITENAME }}</a></h1></header>
</div><!--
--><div class="nav-links hidden-xs">
<ul>
<li><a href="#">Page</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">Tags</a></li>
<li><a href="#">Authors</a></li>
</ul>
</div><!--
--><div class="nav-lang-select hidden-xs">
<a href="#">[English]</a>
<a href="#">[傳統中文]</a>
</div>
</nav>
</body>
</html>