Nav

<nav class="nv-h">
    <ul class="nv-h-l">
        <li class="nv-h-l-i"><a href="https://boston.gov/public-notices" title="Public Notices" class="nv-h-l-a">Public Notices</a></li>
        <li class="nv-h-l-i"><a href="https://boston.gov/pay-and-apply" title="Pay and Apply" class="nv-h-l-a">Pay and Apply</a></li>
        <li class="nv-h-l-i"><a href="https://boston.gov/feedback" title="Feedback" class="nv-h-l-a">Feedback</a></li>
        <li class="tr nv-h-l-i">
            <a href="#translate" title="Translate" class="nv-h-l-a nv-h-l-a--k--s tr-link">Translate</a>
            <ul class="tr-dd">
                <li><span class="notranslate tr-dd-link tr-dd-link--message">Loading...</span></li>
                <li><a href="#" class="notranslate tr-dd-link" data-ln="ht">Kreyòl Ayisyen</a></li>
                <li><a href="#" class="notranslate tr-dd-link" data-ln="pt">Portugese</a></li>
                <li><a href="#" class="notranslate tr-dd-link" data-ln="es">Español</a></li>
                <li><a href="#" class="notranslate tr-dd-link" data-ln="vi">Tiếng Việt</a></li>
                <li><a href="#" class="notranslate tr-dd-link tr-dd-link--hidden" data-ln="en">English</a></li>
            </ul>
        </li>
        <li class="nv-h-l-i">
            <label for="s-tr" title="Search" class="nv-h-l-a nv-h-l-a--k nv-h-l-a-ic">
        <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 41"><title>Search</title><path class="nv-h-l-a-i" d="M24.2.6C15.8.6 9 7.4 9 15.8c0 3.7 1.4 7.2 3.6 9.8L1.2 37c-.8.8-.8 2 0 2.8.4.4.9.6 1.4.6s1-.2 1.4-.6l11.5-11.5C18 30 21 31 24.2 31c8.4 0 15.2-6.8 15.2-15.2C39.4 7.4 32.6.6 24.2.6zm0 26.5c-6.2 0-11.2-5-11.2-11.2S18 4.6 24.2 4.6s11.2 5 11.2 11.2-5 11.3-11.2 11.3z"/></svg>
      </label>
        </li>
    </ul>
</nav>
<nav class="nv-h">
  <ul class="nv-h-l">
    {{#each links as |link|}}
      <li class="nv-h-l-i"><a href="{{ link.href }}" title="{{ link.name }}" class="nv-h-l-a">{{ link.name }}</a></li>
    {{/each}}
    <li class="tr nv-h-l-i">
      <a href="#translate" title="Translate" class="nv-h-l-a nv-h-l-a--k--s tr-link">Translate</a>
      <ul class="tr-dd">
        <li><span class="notranslate tr-dd-link tr-dd-link--message">Loading...</span></li>
        <li><a href="#" class="notranslate tr-dd-link" data-ln="ht">Kreyòl Ayisyen</a></li>
        <li><a href="#" class="notranslate tr-dd-link" data-ln="pt">Portugese</a></li>
        <li><a href="#" class="notranslate tr-dd-link" data-ln="es">Español</a></li>
        <li><a href="#" class="notranslate tr-dd-link" data-ln="vi">Tiếng Việt</a></li>
        <li><a href="#" class="notranslate tr-dd-link tr-dd-link--hidden" data-ln="en">English</a></li>
      </ul>
    </li>
    <li class="nv-h-l-i">
      <label for="s-tr" title="Search" class="nv-h-l-a nv-h-l-a--k nv-h-l-a-ic">
        <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 41"><title>Search</title><path class="nv-h-l-a-i" d="M24.2.6C15.8.6 9 7.4 9 15.8c0 3.7 1.4 7.2 3.6 9.8L1.2 37c-.8.8-.8 2 0 2.8.4.4.9.6 1.4.6s1-.2 1.4-.6l11.5-11.5C18 30 21 31 24.2 31c8.4 0 15.2-6.8 15.2-15.2C39.4 7.4 32.6.6 24.2.6zm0 26.5c-6.2 0-11.2-5-11.2-11.2S18 4.6 24.2 4.6s11.2 5 11.2 11.2-5 11.3-11.2 11.3z"/></svg>
      </label>
    </li>
  </ul>
</nav>
{
  "links": [
    {
      "name": "Public Notices",
      "href": "https://boston.gov/public-notices"
    },
    {
      "name": "Pay and Apply",
      "href": "https://boston.gov/pay-and-apply"
    },
    {
      "name": "Feedback",
      "href": "https://boston.gov/feedback"
    }
  ]
}

There are no notes for this item.