zhongze-cmp/templates/footer.ftl

<footer>
    <div class="con">
        <div class="row1">
            <div class="title">VISIT YOUR MARKET SITE</div>
            <a class="viewBtn btn" href="/selectCountry.html">
                <div class="viewText">Choose your market</div>
                <div class="viewIcon">
                    <div class="viewArrow1"></div>
                    <div class="viewArrow2"></div>
                </div>
            </a>
        </div>
        <div class="row2">
            <div class="c1 c-item clicked">
                <div class="c-title">QUICKLINKS <span class="icon"></span></div>
                <div class="c-container">
                    <a href="/about-foton.html">About Us</a>
                    <a href="/news.html">News</a>
<#--                    <a href="./dealer.html">Dealer</a>-->
                    <a href="/electromobility.html">Electrombility</a>
                    <a href="/fotonservice.html">Service&Parts</a>
                </div>
            </div>
            <div class="c2 c-item clicked">
                <div class="c-title">PRODUCTS <span class="icon"></span></div>
                <div class="c-container">
                    <#list header as productMap>
                        <a href="/products.html?defaultTitle=${productMap.catege.uuid}" class="title">${productMap.catege.title}</a>
                    </#list>
                </div>
            </div>
            <div class="c4 c-item">
                <div class="c-title">CONTACT US</div>
                <div class="c-container">
                    <#list footer as socialMedia>
                        <#if socialMedia_index lt 3>
                        <a href="${socialMedia.url!""}" target="_blank">
                            <div class="icon">
                                <img src="${socialMedia.imgUrl!""}">
                            </div>
                            ${socialMedia.title}
                        </a>
                        <#if socialMedia_has_next>
                        <div class="c-line mob"></div>
                        </#if>
                        </#if>
                    </#list>
                </div>
            </div>
            <div class="c3 c-item">
                <div class="c-title">SOCIAL MEDIA</div>
                <div class="c-container">
                    <#list footer as socialMedia>
                        <#if socialMedia_index gte 3>
                        <a href="${socialMedia.url!""}" target="_blank">
                            <div class="icon">
                                <img src="${socialMedia.imgUrl!""}">
                            </div>
                            ${socialMedia.title}
                        </a>
                        <#if socialMedia_has_next>
                            <div class="c-line mob"></div>
                        </#if>
                        </#if>
                    </#list>
                </div>
            </div>
        </div>
        <div class="row3 pc">
            <div class="infoGroup">
                <span>Copyright © Foton International. All rights reserved. </span>
                | <a href="/sitemap.html">Sitemap</a>
                | <a href="/cookies.html">Cookies</a>
                | <a href="/privacy.html">Privacy</a>
            </div>
        </div>
        <div class="row3 mob">
            <div class="infoGroup">
                <span>Copyright © Foton International. All rights reserved. </span>
                <br>
                <a href="/sitemap.html">Sitemap</a>
                | <a href="/cookies.html">Cookies</a>
                | <a href="/privacy.html">Privacy</a>
            </div>
        </div>
        <div class="row4 mob">
            <div class="top-btn"></div>
        </div>
    </div>
</footer>