<html>
<head>
<title>Abakada HTML Demo: nav Element</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<style>
.tbar { display: flex; list-style: none; padding: 0; width: 300 }
li { flex-grow: 1 }
button { width: 98% }
</style>
</head>
<body>
<div class="header"><h2>Abakada HTML Demo: <b>nav Element</b></h2></div>
<!-- #include virtual="~/shared/viewsrc_top.inc" -->
<hr size=1 width=92%>
<h1>The Wiki Center Of Exampland</h1>
<nav>
<div align="center"><menu class="tbar">
<li><a href="/">Home</a>
<li><a href="/abkd/refs/tags.aspx">HTML</a>
<li><a href="/abkd/refs/css.aspx">CSS</a>
</menu></div>
</nav>
<article>
<header>
<h2>Demos in Exampland</h2>
<p>Written by A. N. Other.</p>
</header>
<nav>
<ul>
<li><a href="#public">Public demonstrations</a></li>
<li><a href="#destroy">Demolitions</a></li>
...more...
</ul>
</nav>
<div>
<section id="public">
<h2>Public demonstrations</h2>
<p>...more...</p>
</section>
<section id="destroy">
<h2>Demolitions</h2>
<p>...more...</p>
</section>
...more...
</div>
<footer>
<p><a href="?edit">Edit</a> | <a href="?delete">Delete</a> | <a href="?Rename">Rename</a></p>
</footer>
</article>
<footer>
<p><small>©copyright 2025 Exampland Emperor</small></p>
</footer>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>