网站前端模板：前端网站需要的模板页面

首页模板-index101模板

模板参考：https://ecophon.cn/

头部区域模板-top101模板

模板参考：

1、样式参考欧风网站头部区域样式；

2、主导航锁定效果，参考：旷世：https://www.megvii.com/

3、主导航二级菜单效果：参考：https://www.dji.com/cn 当鼠标指向一级栏目时，立即展现该栏目下的二级栏目，同时该二级页面有画面时背景应为全空白，其他二级栏目文字列表即可；

4、主导航二级菜单留白效果：参考：https://www.hunterdouglas.cn/

底部区域模板-foot101模板

模板参考：https://ecophon.cn/

应用列表页-solution_list101模板

模板参考：https://ecophon.cn/acoustic-solutions/

产品列表页-product_list101模板

模板参考：https://ecophon.cn/products/

案例列表页-case_list101模板

模板参考：https://ecophon.cn/inspiration/

产品详情页-product_details101模板

模板参考：https://ecophon.cn/products/focus/

应用详情页-solution_details101模板

模板参考：https://ecophon.cn/acoustic-solutions/education/

案例详情页-case_details101模板

弹层图片调用，具体参照欧风网站

关于我们频道页-about_list101模板

模板参考：https://ecophon.cn/about-ecophon/

关于我们详情页-about_details101模板

模板参考：https://ecophon.cn/about-ecophon/sustainability/

新闻列表页-news_list101模板

模板参考：同应用列表页-模板

只是把每行四个更改为三个，宽度变大

https://ecophon.cn/acoustic-solutions/

新闻详情页-news_details101模板

模板参考：同应用详情页-模板

只是把宽度变大

https://ecophon.cn/acoustic-solutions/education/

搜索列表页-search101模板

模板参考：具体参照欧风网站的搜索框页面效果

知识列表页-knowledge_list101模板

模板参考：https://www.rockfon.com/knowledge-center/

知识详情页-knowledge_details101模板

模板参考：https://ecophon.cn/acoustic-solutions/education/