响应式网站设计

「电脑、平板、手机、微官网」同样美好
页面内容都可以自由修改,独立后台管理网站
兼容浏览器 IE9 / IE10 / IE11 / Edge / Firefox / Chrome / 360 / Safari / Opera

网站演示

食品公司响应式网站模板

此套模板与之前的风格有所不同,采用了滑动分页的方式作为网站展示、,网站首页分为六屏

PC端的顶部导航以固定的方式展示方便客户切换到列表页,移动端头部导航则可选择固定或不固定

网站支持键盘方向键操作,版权信息和联系方式固定在底部

大图轮播(第一屏)

大图以轮播的方式作为展示,可自定义,区块可关闭

食品企业响应式网站模板-大图轮播


产品模块(第二屏)

此区块采用滚播的方式展示,区块标题、标题修饰和背景图片自定义,栏目可选择,显示个数自定义,区块可关闭

右上角显示二级栏目,点击可进入

鼠标滑过图片,图片和文字描述会有动画效果,描述右侧会显示箭头按钮,十分有活力

食品企业响应式网站模板-产品模块


图文模块(第三屏)

区块标题、标题修饰和背景图片自定义,栏目可选择,图片尺寸自定义

鼠标滑过区块,数字部分展示栏目图片

食品企业响应式网站模板-图文模块



简介模块(第四屏)

区块标题、标题修饰自定义,以左图右文的方式作为展示,图片选择栏目图片,显示数量可自定义

右侧公司简介在编辑器中自定义,可设置栏目链接,区块可关闭

食品企业响应式网站模板-简介模块


文章模块(第五屏)

区块标题、标题修饰和背景图片自定义,有黑白两色作为展示风格,当采用暗色图片的时候,可采用黑色风格能够更加明显的展示此区块文字

文章第一篇以上图下文展示,左右两侧有上下翻页按钮,栏目和显示个数自定义,区块可关闭

食品企业响应式网站模板-文章模块


底部信息(第六屏)

区块标题、标题修饰和背景图片自定义,图片在区块上半部分展示

下半部分左侧展示公司联系方式,在编辑器添加内容,右侧为反馈界面,区块可关闭

食品企业响应式网站模板-底部信息