<!-- Ver Navigation colours Default light: <div class="qld__left-nav"> Dark: <div class="qld__left-nav qld__main-nav--dark"> --> <div class="qld__left-nav "> <!-- Left Navigation Container --> <nav aria-label="left navigation" id="left-nav" class="qld__left-nav__content"> <ul class="qld__link-list"> <!-- Home Link --> <li> <a class="qld__left-nav__item-link" href="javascript:void(0)"> <!-- SVG icon for the link --> <span class="qld__main-nav__item-icon"> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon qld__icon--md"> <use href="./?a=151118#icon-Home"></use> </svg> </span> <span class="qld__left-nav__item-text" data-name="">Home</span> </a> </li> <!-- About Section (Menu item with dropdown) --> <li> <a class="qld__left-nav__item-link" href="javascript:void(0)"> <span class="qld__left-nav__item-text" data-name="About">About</span> </a> <!-- About Submenu --> <button class="qld__left-nav__item-toggle qld__accordion--closed" aria-controls="internal-nav-118539" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation, About"></button> <ul id="internal-nav-example1" class="qld__link-list qld__accordion--closed qld__accordion__body"> <li> <a class="qld__left-nav__item-link" href="javascript:void(0)"> <span class="qld__left-nav__item-text">Digital services policy and standard</span> </a> </li> <li> <a class="qld__left-nav__item-link" href="javascript:void(0)"> <span class="qld__left-nav__item-text">Principles and Introduction</span> </a> </li> </ul> </li> <!-- Settings Section (Menu item with icons) --> <li> <a class="qld__left-nav__item-link" href="javascript:void(0)"> <span class="qld__left-nav__item-text" data-name="Settings">Settings</span> </a> <a class="qld__main-nav__item-link" href="javascript:void(0)"> <!-- SVG icon for the link --> <span class="qld__main-nav__item-icon"> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon qld__icon--md"> <use href="./?a=151118#icon-Settings"></use> </svg> </span> </a> </li> <!-- Settings Section Standard menu item --> <li> <a class="qld__left-nav__item-link" href="javascript:void(0)"> <span class="qld__left-nav__item-text" data-name="About us">About us</span> </a> <a class="qld__main-nav__item-link" href="javascript:void(0)"> <!-- SVG icon for the link --> <span class="qld__main-nav__item-icon"> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon qld__icon--md"> <use href="./?a=151118#icon-Settings"></use> </svg> </span> </a> </li> </ul> </nav> </div> </div>