multifield_without_sling_model.html

<header class="cmp-header">
   <div class="gmg-section-wrapper gmg-row gmg-gutter">
      <div class="gmg-header-logo gmg-col gmg-col-2">
         <a href="${properties.logoURL}.html">
            <img src="${properties.fileReference @context = 'html'}" alt="gMG CYCLE" />
         </a>            
      </div>


      <nav class="gmg-menu-container gmg-col gmg-col-14" >
         <sly data-sly-list.resources="${resource.children}">
            <sly data-sly-test="${resources.name == 'items'}">
               <ul class="gmg-menu gmg-row -end" role="navigation" aria-label="Main" data-sly-list="${resources.children}">
               <li>
                  <a id="${item.linkId}" href="${item.linkUrl}.html">
                     ${item.linkText}</a>
                  </li>
           </ul>
            </sly>


         </sly>

         <div class="gmg-toggle-menu gmg-row end">
            <img class="gmg-hamburger-btn" src="/content/dam/gmgcycle/site/hamburger_icon.svg" alt="hamburger button" />
            <img class="gmg-close-btn" src="/content/dam/gmgcycle/site/close_icon.svg" alt="close button" />
         </div>
      </nav>
   </div>

</header>