携力网-为你的创业加速

    携力网

    网站首页 > 案例展示 > 公司

    土木工程

    响应式网站设计

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

    网站演示

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

    整体效果

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

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


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



    模板顶部与大图轮播

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

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

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

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


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


    新闻展示

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


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


    产品展示

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


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


    图片展示

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

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

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


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


    公司简介

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

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


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


    资料下载

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



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


    左图右文

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



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


    案例展示

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


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


    公司新闻

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


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


    联系方式

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


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


    底部信息

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


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



    手机导航

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

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


    QQ图片20160718105930.png