<header>
<div class="search"> <span class="icon icon-search"></span> <div class="search__inner"> <input type="text" name="q" id="search-input" class="search__input" placeholder="Search Docs"> </div> <div id="hits"></div> </div> <div class="burger"> <div class="burger__control"> <button type="button" class="btn btn-clean btn-open"> <span class="icon icon-list-view"></span> <span class="burger-menu-label">MENU</span> </button> </div> <div class="big-menu"> <div class="burger-control-wrapper"> <div class="burger__control"> <button type="button" class="btn btn-clean"> <span class="icon icon-list-view"></span>MENU </button> </div> <button type="button" class="btn btn-clean navbar-right btn-close"> <span class="icon icon-cancel"></span> </button> </div> <div class="big-menu-inner"> <div class="big-menu__list"> {% for collection in site.data.chapters%} {% assign collectionName = collection[0] %} {% assign chapter = site.data.chapters[collectionName] %} <a class="big-menu__tit" href="/{{collectionName}}"> <i class="fa {{collection[1].fa-icon}}"></i> {{collection[1].title}} </a> {% for section in chapter.sections %} <div class="big-menu__item">{{section.title}}</div> {% assign items = site[collectionName]| where: 'section', section.title | sort: 'order' %} <div class="big-menu__sub"> {% for item in items %} <a class="big-menu__item" href="{{item.url}}">{{item.title}}</a> {% endfor %} </div> {% endfor %} {% endfor %} </div> </div> </div> <div class="big-overlay"></div> </div>
</header>