Ajt
<html>
<head>
<link rel="stylesheet" href="menu2style.css"/>
</head>
<body>
<ul class="navigation">
<li class="nav-item">
<a href="#">
Home
</a>
</li>
<li class="nav-item">
<a href="#">
Portfolio
</a>
</li>
<li class="nav-item">
<a href="#">
About
</a>
</li>
<li class="nav-item">
<a href="#">
Blog
</a>
</li>
<li class="nav-item">
<a href="#">
Contact
</a>
</li>
</ul>
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger">
</label>
<div class="site-wrap">
<p>
This concept relies on the
<code>
:checked
</code>
pseudo-selector as well as the general sibling
<code>
~
</code>
selector, so it has decent browser support.
</p>
</div>
</body>
</html>
