响应式网站设计

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

网站演示

土木工程公司响应式网站模板

整体效果

这套模板利用新UI所制作,与此前同类的有所不同。整个界面显得更加便捷和完整。

活泼的橙色与土木相搭配更加显得高端大气,以展示型的风格来展示公司优秀产品与理念。

土木工程公司网站模板-整体效果


模板顶部与大图轮播

多种联系方式内容可自定义,导航栏下拉可显示二级栏目和三级栏目(可关闭)点击右侧搜索,在导航栏上侧将显示搜索框,再点击可关闭

主导航栏随着鼠标滚动,将一直位于最上方

banner有二种样式方式,方式一:可自由设置高度 方式二:首页大图固定为:1600*595(px) 内页固定为1920*232(px)

标题描述和颜色都可以自定义

土木工程公司网站模板-顶部与banner

新闻展示

前2条新闻将显示新闻图片和标题描述,图片高度可自定义,文章显示条数可自定义,鼠标经过图片将显示一层米黄色前景色标注

土木工程公司网站模板-新闻展示

产品展示

栏目标题,显示条数,案例图片高度均可自定义,右侧将显示栏目图片,区块可关闭

土木工程公司网站模板-产品展示

图片展示

和之前模板的图片展示相比,这个显得完整统一。区块可关闭

显示所选栏目其下栏目的图片展示,栏目标题,显示条数,图片高度,全部字段和查看所有字段可自定义。

    鼠标经过图片,将股改一层米黄色前景,还有工程案例的标题与简短描述。

土木工程公司网站模板-图片展示

公司简介

栏目标题与左侧图片高度可自定义,右侧内容采用编辑器编辑,可自由发挥,左侧图片可替换为视频

   联系我们字段可自定义,鼠标经过按钮,会有由左向右填满的效果,区块可关闭

土木工程公司网站模板-公司简介

资料下载

栏目标题、描述与左侧图片高度可自定义,右侧下载内容采用链接,可自行更改。


土木工程公司网站模板-资料下载

左图右文

显示文章标题,图片,以及简短描述。栏目标题,图片高度,显示条数均可自定义,区块可关闭


土木工程公司网站模板-左图右文

案例展示

图文将按单个自动轮播,栏目标题,轮播显示条数,均可自定义,区块可关闭

土木工程公司网站模板-案例展示

公司新闻

图文将按单个自动轮播,栏目标题,轮播显示条数,均可自定义,区块可关闭

土木工程公司网站模板-公司新闻

联系方式

左侧内容采用编辑器模式,可自由发挥,右侧为背景图片,可自定义,区块可关闭。

土木工程公司网站模板-联系方式

底部信息

左侧图片高度可自定义,公司简介采用编辑器模式,公司新闻标题,显示条数可自定义,联系我们标题,内容可自定义。

土木工程公司网站模板-底部信息


手机导航

手机导航的方式有两种,1、点击下拉左侧弹开 2、点击下面弹出 。可自行修改

下拉方式和展开也有两种选择

QQ图片20160718105930.png