{{> layout/header}}
<div class="home-page yoho-page brands" data-page="brands">
    {{# brands}}

    {{> layout/path-nav}}

    {{#if isTab}}
        <div class="brands-tabs">
            <ul class="clearfix">
                {{#each tabHeader}}
                    <li>
                        <a href="{{url}}">
                            <div class="g-mask"></div>
                            <p class="tips">{{name}}</p>
                            <img class="lazy" data-original="{{src}}"/>
                        </a>
                    </li>
                {{/each}}
            </ul>
            <div class="hover-contain">
                <div class="hoverarr">
                    <i></i>
                </div>
            </div>
        </div>
    {{^}}
        <ul class="brands-ad clearfix">
            {{#each tabHeader}}
                <li>
                    <a href="{{url}}" target="_blank">
                        <img class="lazy" data-original="{{src}}">
                    </a>
                </li>
            {{/each}}
        </ul>
    {{/if}}
    <div class="brands-logo clearfix">
        {{#each logos}}
            <a href="{{url}}" title="{{name}}" target="_blank">
                <img class="lazy" data-original="{{src}}">
            </a>
        {{/each}}
    </div>
    <div class="brands-category">
        <div class="category-nav">
            <span>BRANDS A-Z:</span>
            {{#each navigation}}
            <a href="#{{this}}">{{this}}</a>
            {{/each}}    
        </div>
    </div>
    <div class="brands-list" >
        {{> brand/brand-list}}
    </div>
    {{/ brands}}
</div>
{{> layout/footer}}