响应式网站设计

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

网站演示

科技企业响应式网站模板

整体风格

白色:白是全部可见光均匀混合而成的,称为全色光,黑色即无光,是无色的色

整个模板以白色和黑色的极简搭配组合,光感最强,极度简洁分明,又以淡淡的一抹绿色作为点缀,让您的网站充满设计感和科技感

以及充满艺术感的字体,并且网站还支持多种字体切换(微软正黑体,微软雅黑,宋体,黑体,楷体)

科技企业响应式网站模板-整体风格


模板顶部

顶部以简单明了的方式展示导航主栏目,可下拉显示二级栏目导航和三级栏目导航,如果关闭二级导航,三级会随之自动关闭

导航将随着页面下拉,固定在页面的顶部,方便用户随时切换

下拉方式有点击展开和鼠标经过两项供您选择

科技企业响应式网站模板-模板顶部


大图轮播

首页大图自动轮播,可添加多张,内页大图可自定义

同时在设置里面也建议了在不同响应式(手机,平板)的大图展示的尺寸大小

考虑到网站的设计感和扁平化效果,banner没有设置添加文字描述

科技企业响应式网站模板-大图轮播


图标栏区

图标栏区可自行关闭或者开启,标题文字和描述内容自行定义,栏目选择可选择

鼠标经过图标,图标覆盖一层淡淡的绿色,背景图片以圆形旋转的方式展示

科技企业响应式网站模板-图标栏区


产品栏区

此区块可选择关闭或开启,显示数目、标题文字和内容描述都可自定义

鼠标经过会以略带动态的形式放大产品图片,在产品图中间会查看更多的绿色小按钮出现

科技企业响应式网站模板-产品栏区


介绍栏区(关于)

标题文字,描述内容,区块左侧图片和背景图片都可自定义

考虑到设计美观等因素,还设置了背景图片在不同设备的高度设置,客户根据网站设置最适合的图片高度

科技企业响应式网站模板-简介栏区


新闻栏区(文章模块)

标题文字和描述内容可自定义,以上图下文的方式展示新闻,图片大小和显示数量自定义

鼠标经过会以略带动态的形式放大图片和文章标题

科技企业响应式网站模板-新闻栏区


联系栏区(底部信息)

底部用无光无色的黑色作为背景,以上面的白色背景有着强烈的对比,更加突出了网站的设计感

左侧企业联系方式,右侧可提交在线留言

科技企业响应式网站模板-底部信息


内页

联系方式左边展示图片或者视频,右侧展示文字的方式展示,客户可自行选择添加图片或者视频

科技企业响应式网站模板-内页联系