zhongze-cmp/templates/header.ftl

<header>
    <div class="navPanel">
        <div class="navGroup">
            <a href="/about-foton.html" class="navItem">ABOUT US</a>
            <a href="/products.html" class="navItem">PRODUCTS</a>
            <a href="/news.html" class="navItem">NEWS</a>
<#--            <a href="./dealer.html" class="navItem">DEALER</a>-->
            <a href="/electromobility.html" class="navItem">ELECTROMOBILITY</a>
            <a href="/fotonservice.html" class="navItem">SERVICE&PARTS</a>
            <a href="/concatUs.html" class="navItem">CONTACT US</a>
        </div>
        <a class="logo" href="/foton.html"></a>
<#--        <div class="icons">-->
<#--            <a href="./mall.html">-->
<#--                <div class="shop"></div>-->
<#--                <div class="icon-txt">e-shop</div>-->
<#--            </a>-->
<#--            <div class="line"></div>-->
<#--            <a href="./selectCountry.html">-->
<#--                <div class="lang"></div>-->
<#--                <div class="icon-txt">Global</div>-->
<#--            </a>-->
<#--        </div>-->
    </div>
    <div class="subNavPanel">
        <div class="subNavScroll">
            <div class="subNavGroup">
                <div class="subNav"><a href="/about-foton.html" class="title">OVERVIEW</a></div>
                <div class="subNav"><a href="/about-foton/whoweare.html" class="title">WHO WE ARE</a></div>
                <div class="subNav"><a href="/about-foton/supplychain.html" class="title">SUPPLY CHAIN</a></div>
                <div class="subNav"><a href="/about-foton/sustainability.html" class="title">SUSTAINABILITY</a></div>
                <div class="subNav"><a href="/about-foton/innovation.html" class="title">INNOVATION</a></div>
            </div>
            <div class="subNavGroup">
                <#list header as productMap>
                    <div class="subNav">
                        <a href="/products.html?defaultTitle=${productMap.catege.uuid}"
                           class="title">${productMap.catege.title}</a>
                        <div class="list">
                            <#list productMap.seriesList as series>
                                <a href="/products.html?defaultTitle=${productMap.catege.uuid}&defaultTitle2=${series.uuid}"
                                   class="subsubNav">${series.title}</a>
                            </#list>
                        </div>
                    </div>
                </#list>

<#--                <div class="subNav">-->
<#--                    <a href="./products.html?defaultTitle=SPECIAL" class="title">SPECIAL VEHICLES</a>-->
<#--                    <div class="list">-->
<#--                        <a href="https://www.brock-kehrtechnik.de/en/" target="_blank" class="subsubNav">BROCK</a>-->
<#--                    </div>-->
<#--                </div>-->
                <div class="subNav">
                    <a href="/digital360/index.html" target="_blank" class="title">VR</a>
                </div>
            </div>
            <div class="subNavGroup"></div>
            <div class="subNavGroup"></div>
            <div class="subNavGroup"></div>
            <div class="subNavGroup"></div>
            <div class="subNavGroup"></div>
        </div>
    </div>
</header>
<div class="header_m">
    <div class="header_bar">
        <a href="/foton.html" class="logo_m"></a>
        <div class="navFlagBtn" data-flag="0">
            <div class="nav_btn_small">
                <div class="lineTop arrowDirBase"></div>
                <div class="lineCenter arrowDirBase" style="display: block;"></div>
                <div class="lineBottom arrowDirBase"></div>
            </div>
        </div>
        <div class="headerMline">
        </div>
    </div>
</div>
<div class="navGroup_m">
    <div class="navTopLine"></div>
    <div class="navScroll">
        <div class="navItem"><a class="navTitle" href="/foton.html">HOME</a></div>
        <div class="navItem">
            <div class="navTitle">ABOUT US</div>
            <div class="navIcon">
                <div class="hLine"></div>
                <div class="vLine"></div>
            </div>
            <div class="subGroup">
                <a class="subNav ani ani-fromRight ani-delay-100" href="/about-foton.html">OVERVIEW</a>
                <a class="subNav ani ani-fromRight ani-delay-100" href="/about-foton/whoweare.html">WHO WE ARE</a>
                <a class="subNav ani ani-fromRight ani-delay-200" href="/about-foton/supplychain.html">SUPPLY CHAIN</a>
                <a class="subNav ani ani-fromRight ani-delay-300" href="/about-foton/sustainability.html">SUSTAINABILITY</a>
                <a class="subNav ani ani-fromRight ani-delay-300" href="/about-foton/innovation.html">INNOVATION</a>
            </div>
        </div>
        <div class="navItem">
            <div class="navTitle">PRODUCTS</div>
            <div class="navIcon">
                <div class="hLine"></div>
                <div class="vLine"></div>
            </div>
            <div class="subGroup">
                <#list header as productMap>
                    <a class="subNav ani ani-fromRight ani-delay-${productMap_index+1}00"
                       href="./products.html?defaultTitle=${productMap.catege.uuid}">${productMap.catege.title}</a>
                </#list>
            </div>
        </div>
        <div class="navItem"><a class="navTitle" href="./news.html">NEWS</a></div>
<#--        <div class="navItem"><a class="navTitle" href="./dealer.html">DEALER</a></div>-->
        <div class="navItem"><a class="navTitle" href="/electromobility.html">ELECTROMOBILITY</a></div>
        <div class="navItem"><a class="navTitle" href="/fotonservice.html">SERVICE&PARTS</a></div>
        <div class="navItem"><a class="navTitle" href="/concatUs.html">CONTACT US</a></div>
    </div>
    <div class="navFoot">
        <div><a href="tel:+86 1080762999">
                <div class="li iconPhone">+86 1080762999</div>
            </a>
<#--            <div class="liLine"></div>-->
<#--            <div class="li iconDiqiu">Global Sites</div>-->
<#--            <div class="liLine"></div>-->
<#--            <div class="li iconShop">FOTON e-shop</div>-->
        </div>
    </div>
</div>
<div class="header-right">
    <div class="sharethis-inline-share-buttons"></div>
</div>
<script src="https://platform-api.sharethis.com/js/sharethis.js#property=65ba10c42c3e3c0012d51a0e&product=inline-share-buttons"
        async="async">
</script>