As we mentioned, website navigation is used to sort portfolios into their respective categories. Thus, our website navigation has been created with a radio input type followed by a label, as follows:
<input class="nav-menu" id="all" type="radio" name="filter" checked="checked"/> <label for="all">All</label> <input class="nav-menu" id="illustrations" type="radio" name="filter"/> <label for="illustrations">Illustration</label> <input class="nav-menu" id="posters" type="radio" name="filter"/> <label for="posters">Posters Design</label> <input class="nav-menu" id="typography" type="radio" name="filter"/> <label for="typography">Typography</label> <input class="nav-menu" id="packaging" type="radio" name="filter"/> <label for="packaging">Packaging</label>