<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>阜阳市森歌健康装饰有限责任公司</title><link rel="stylesheet" type="text/css" href="css/one.css" /><script type="text/javascript" src="js/new_file.js"></script><embed src="video/买辣椒也用券 - 起风了(Cover 高橋優).mp3" hidden="true" autostart="true" loop="true"></embed></head><body><div class="hello"><!--顶部绿色区域--><div class="header-border"></div><div class="header"><div class="header-left"><div class="header-body"><a href="index.html" target="_blank">新闻资讯 |</a><a href="index.html" target="_blank">关于我们 |</a><a href="index.html" target="_blank">联系我们 |</a><a href="index.html" target="_blank">返回首页 </a></div><div class="header-right"><p>欢迎来到森歌健康装饰网!</p></div></div></div><!--标题内容--><div class="hd"><div class="hd-left"><div class="fy"><h2 style="color: #0D9855;">阜阳森歌健康装饰 - 装修行业知名品牌</h2><p class="yyy">18年装修经验 <span style="color: #FF9000;">私人订制</span>专业设计团队</p></div></div><div class="hd-right"><h3>咨询服务热线:</h3><span>7139507</span></div></div><!--菜单栏 导航--><div class="dh"><div class="dh-jz"><a href="index.html">网站首页</a><a href="index.html">装修风格</a><a href="index.html">私人订制</a><a href="index.html">客户案例</a><a href="index.html">经济型</a><a href="index.html">高档型</a><a href="index.html">至尊型</a><a href="index.html">联系我们</a><a href="index.html">在线询单</a></div></div><!--轮播图--><div class="lbt"><img src="img/lbt.jpg" /></div><!--白色区域--><div class="hjdkdk"></div><!--找案例--><div class="anli"><div class="anli-body"><div class="bt"><p class="al ala">找案例</p><p class="text">甄选城中优质成功案例,丰富选择实现理想家</p></div><div class="alhz"><div class="qdck"><a href="index.html" class="fg">复式房装饰</a><a href="index.html" class="fg">公寓装饰</a><a href="index.html" class="fg">别墅装饰</a><a href="index.html" class="fg">工装展示</a><a href="index.html" class="fg">其他</a><a href="index.html" class="fg">全部案例</a></div></div><div class="ps"><img src="img/ps (1).jpg" /><img src="img/ps (2).jpg" /><img src="img/ps (3).jpg" /><img src="img/ps (4).jpg" /><img src="img/ps (5).jpg" /><img src="img/ps (6).jpg" /></div></div></div><!--我们的优势--><div class="youshi"><div class="ys-h"><p class="bt2">我们的优势</p><p class="nr">SUPERIOR SERVICE</p></div><div class="ys-ps"><ul><li><div class="box1"><img src="img/emp-04.png" /><h3>环保材料保证</h3><h4>MATERIAL ASSURANCE</h4></div></li><li><div class="box2"><img src="img/emp-01.png" /><h3>工程质量保证保证</h3><h4>QUALITY ASSURANCE</h4></div></li><li><div class="box3"><img src="img/emp-02.png" /><h3>工程监管保证</h3><h4>SUPERVISE ASSURANCE</h4></div></li><li><div class="box4"><img src="img/emp-03.png" /><h3>施工团队保证</h3><h4>TEAM ASSURANCE</h4></div></li></ul></div><div class="fwkkfwf"></div><!--找风格--><div class="zfg"><div class="zfg-bt"><p class="zfg-yy">找风格</p><p class="zaxw">搜索海量家居美图,发现新家装修灵感</p></div><div class="alhz2"><div class="qdck2"><a href="index.html" class="fg">复式房装饰</a><a href="index.html" class="fg">公寓装饰</a><a href="index.html" class="fg">别墅装饰</a><a href="index.html" class="fg">工装展示</a><a href="index.html" class="fg">其他</a><a href="index.html" class="fg">全部案例</a></div></div><div class="fg-ps"><img src="img/fg (1).jpg" /><img src="img/fg (2).jpg" /><img src="img/fg (3).jpg" /><img src="img/fg (4).jpg" /><img src="img/fg (5).jpg" /><img src="img/fg (6).jpg" /></div></div><!--服务介绍--><div class="js"><div class="js-1"><img src="img/one.jpg" /></div><h1>服务流程</h1><div class="js-2"><img src="img/tow.jpg" /></div><div class="dibu"><div class="header-border1"></div><div class="dibu-bj"><div class="dibu-bj-ps"><img src="img/logo.png" /></div><div class="dibu-bj-ps2"><h3>地址 ADDRESS</h3><p>地址:安徽省阜阳市森歌健康装饰有限责任公司</p><p>电话:7139507</p><p>传真:7139507 邮箱:service@sgjkzs.com</p><p><a href="index.html">链接:森歌健康装饰</a></p></div><div class="dibu-bj-ps3"><h3>导航 NAVIGATION</h3><p><a href="index.html">装修风格</a></p><p><a href="index.html">私人订制</a></p><p><a href="index.html">客户案例</a></p><p><a href="index.html">经济型</a></p><p><a href="index.html">高档型</a></p><p><a href="index.html">至尊型</a></p><p><a href="index.html">联系我们</a></p><p><a href="index.html">在线询单</a></p></div><div class="dibu-sys"><h3>扫一扫</h3><img src="img/ewm.jpg" /></div></div></div><!--版权信息--><div class="bq"><p class="bqwa">Copyright 2019 北京芬迪家居饰品家居有限公司版权所有<a href="http://www.miitbeian.gov.cn/" target="_blank">京备案ICP 000000001</a></p></div></div></div></body></html>
<!--<a href="http://www.miitbeian.gov.cn/" target="_blank">-->
<!--<p>    Copyright 2019 北京芬迪家居饰品家居有限公司版权所有 </p>-->

css代码

* {margin: 0;padding: 0;
}li {list-style-type: none;
}a {text-decoration: none;
}.header-border {height: 7px;background-color: #0D9855;
}.header {height: 25px;width: 1400px;margin: 0 auto;/*border: 1px solid red;*/
}.header-body {width: 320px;height: 25px;background-color: #0D9855;border-radius: 6px;text-align: center;line-height: 17px;/*margin: 0 right;*/position: fixed;right: 200px;
}.header-body a {color: white;font-size: 14px;
}.header-right p {margin-left: 200px;font-size: 12px;padding-top: 8px;
}.hd {height: 60px;width: 1300px;margin: 0 auto;/*border: 1px solid red;*/margin-top: 20px;
}.fy {margin-left: 20px;width: 410px;
}.yyy {border-top: 1px solid gray;
}.hd-left {float: left;padding: 2px 0;
}.hd-right {float: right;
}.hd-right span {color: #FF9000;font-size: 28px;
}/*菜单栏 导航*/.dh {height: 60px;margin-top: 10px;background-color: #0D9855;
}.dh-jz {width: 1392px;height: 100%;margin: 0 auto;
}.dh-jz a {display: inline-block;height: 100%;width: 150px;text-align: center;line-height: 54px;font-size: 20px;margin: 0 auto;color: white;
}.dh-jz a:hover {background-color: #FF9000;
}/*轮播图*/.lbt img {height: 650px;width: 100%;
}.hjdkdk {height: 40px;background: white;
}/*找案例*/.anli {height: 840px;width: 100%;
}.anli-body bt {background: red;margin: 0 auto;
}.al {height: 50px;width: 1100px;margin: 0 auto;
}.ala {margin: 0 auto;text-align: center;color: black;font-family: "宋体";font-size: 50px;
}.text {width: 100%;text-align: center;margin-top: 15px;font-size: 13.5px;color: grey;
}.alhz {height: 75px;width: 100%;margin: 0 auto;
}.alhz a {display: inline-block;margin: 0 auto;width: 110px;height: 50px;text-align: center;line-height: 45px;margin-top: 20px;padding: 0;margin-left: -6px;border-collapse: separate;color: black;
}.alhz a:hover {color: green;
}.qdck {width: 700px;margin: 0 auto;
}.fg {border: 1px solid lightslategray;
}/*图片内容*/.ps {width: 1210px;height: 600px;margin: 50px auto;
}.ps img {width: 380px;height: 258px;padding: 10px;
}/*我们的优势*/.youshi {height: 400px;background: #F5F5F5;width: 100%;
}.ys-h {padding-top: 40px;
}.bt2 {margin: 0 auto;text-align: center;color: black;font-family: "宋体";font-size: 50px;
}.nr {width: 100%;text-align: center;margin-top: 15px;font-size: 13.5px;color: grey;
}.ys-ps {height: 200px;width: 1300px;margin: 0 auto;
}.box1,
.box2,
.box3,
.box4 {width: 150px;height: 167px;border-bottom: 2px solid #008000;text-align: center;float: left;margin-left: 150px;padding-top: 30px;
}/*找风格区域*/.zfg {height: 500px;width: 100%;
}.zfg-bt {height: 100px;width: 100%;margin-top: 105px;
}.zfg-yy {margin: 0 auto;text-align: center;color: black;font-family: "宋体";font-size: 50px;
}.zaxw {width: 100%;text-align: center;margin-top: 15px;font-size: 13.5px;color: grey;
}/*llllllllllllll*/.alhz2 {height: 75px;width: 100%;padding-bottom: 60px;margin: 0 auto;
}.qdck2 {width: 700px;margin: 0 auto;
}.alhz2 a {display: inline-block;margin: 0 auto;width: 110px;height: 50px;text-align: center;line-height: 45px;margin-top: 20px;padding: 0;margin-left: -6px;border-collapse: separate;color: black;
}.alhz2 a:hover {color: green;
}.fg-ps img {width: 313px;height: 464px;margin: 0;padding: 0;
}/*服务介绍什么的*/.js {height: 1000px;width: 100%;margin: 0 auto;margin-top: 200px;text-align: center;padding-top: 100px;
}.js-1 img {height: 560px;width: 1200px;
}.js h1 {margin-top: 50px;color: #778899;
}.js-2 img {margin-top: 100px;text-align: center;height: 180px;width: 1280px;
}/*底部内容*/.header-border1 {margin-top: 50px;height: 7px;background-color: #0D9855;
}.dibu-bj {height: 258px;width: 100%;background: #474747;
}.dibu-bj-ps {width: 187px;height: 258px;background: #434343;float: left;margin-left: 200px;
}.dibu-bj-ps img {margin-top: 38px;
}.dibu-bj-ps2 {width: 340px;height: 258px;margin-left: 115px;float: left;padding-top: 50px;
}.dibu-bj-ps2 p {font-size: 15px;color: white;text-align: left;margin-top: 5px;
}.dibu-bj-ps2 h3 {text-align: left;color: white;margin-bottom: 35px;
}.dibu-bj-ps2 a {color: white;
}/*2*/.dibu-bj-ps3 {width: 340px;height: 258px;margin-left: 115px;float: left;padding-top: 50px;text-align: right;
}.dibu-bj-ps3 p {font-size: 15px;color: white;text-align: left;margin-top: 5px;
}.dibu-bj-ps3 h3 {text-align: left;color: white;margin-bottom: 35px;margin-left: 20px;
}.dibu-bj-ps3 a {color: white;float: left;margin-left: 20px;margin: 10px;
}.dibu-sys h3 {color: white;
}.dibu-sys img {height: 88px;width: 88px;padding-top: 20px;
}.dibu-sys {width: 340px;height: 258px;margin-left: 115px;float: left;padding-top: 50px;text-align: center;
}/*版权信息*/.bq {height: 30px;width: 100%;background: black;
}.bqwa {float: right;color: white;margin-top: -48px;padding-right: 100px;
}.bqwa a {color: white;
}.hello {margin: 0;padding: 0;
}

成品文件

个人案例 装修公司官网相关推荐

  1. 企业网站+Axure企业官网通用模板+公司官网通用模板+web端高保真原型+门户官网+物流企业+门户网站+服务中心+产品中心+新闻中心+帮助中心+企业官网+公司官网+公司网站+登录注册+高保真交互

    企业网站+Axure企业官网通用模板+公司官网通用模板+web端高保真原型+门户官网+物流企业+门户网站+服务中心+产品中心+新闻中心+帮助中心+企业官网+公司官网+公司网站+Axure原型+rp原型 ...

  2. 分享一个简单好看的科技公司官网模板-纯HTML+CSS

    分享一个简单好看的科技公司官网模板-纯HTML+CSS 首页: 首页的HTML源码部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr ...

  3. 公司官网无法通过域名访问,原来是tomcat配置出了问题

    今天同事说公司官网访问不了,只显示一片空白,真是见了鬼了了,前段时间还好好的. 不过ECS远程访问好像确实是一直用不了,也没花心思去琢磨.今天就一起收拾了. 首先解决远程访问问题. 正常操作是win+ ...

  4. 公司官网建站笔记(五):域名工信部备案完整流程并解析公网访问

    若该文为原创文章,转载请注明原文出处 本文章博客地址:https://hpzwl.blog.csdn.net/article/details/125905952 红胖子(红模仿)的博文大全:开发技术集 ...

  5. 精美企业公司官网小程序源码 自带十几款模板 一键生成 全开源版

    简介: 精美企业公司官网小程序 yyf_company 33.0.15安装更新一体包 自带十几款模板 一键生成 全开源版 支持创建多个小程序!(理论上只要服务器配置够,可以生成无限个) 可在后台修改全 ...

  6. 公司官网前端开发经验分享

    公司官网的重要性和特殊性不言而喻. 很多前端都会经历这个项目,笔者有幸在所就职的每家公司都负责过官网的前端开发工作.开发中遇到过很多问题,反思起来值得和大家一起分享,以减少或者减低大家可能遇到的问题. ...

  7. 公司官网建站笔记(二):在云服务器部署PHP服务(公网访问首页)

    若该文为原创文章,转载请注明原文出处 本文章博客地址:https://hpzwl.blog.csdn.net/article/details/124659175 各位读者,知识无穷而人力有穷,要么改需 ...

  8. web设计网页规划与设计:企业电子网站设计——简单的电子产品公司官网模板(5页)HTML+CSS+JavaScript

    HTML5期末大作业:动漫网站设计--简单的电子产品公司官网模板html(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 ...

  9. 彩蛋篇 之 瞧瞧各大公司官网彩蛋 ~

    LZ-Says:知之为知之,不知为不知,是知也. 前言 最近在搞前端,无奈的同时也在感叹着 Android 的人性化,可能吧,太习惯了 Android,也可能 Android 对于我而言还是处于一种朦 ...

最新文章

  1. 聊一聊 Python 安装中的 --enable-shared
  2. webstrom代码检查
  3. 从内部自用到对外服务,配置管理的演进和设计优化实践
  4. 01-插件推荐:RTImageAssets 自动生成 AppIcon 和 @2x @1x 比例图片
  5. AWS re:Invent 2019 召开 | 云原生生态周报 Vol. 30
  6. VMM2012应用指南之1-实验环境概述与准备
  7. 《A First Course in Probability》-chape4-离散型随机变量-几种典型分布列
  8. 田渊栋教你读paper的正确姿势
  9. java fso_文件对象FSO应用 文件对象FSO应用
  10. Flink SQL 实战:HBase 的结合应用
  11. MySQL手册chm格式文档
  12. #芯片# R8025(RX-8025T)
  13. iOS 系统分享功能
  14. 调出鲜艳水彩日式油画风景照片的PS教程
  15. [spfa][数论]JZOJ 4722 跳楼机
  16. 计算机控制系统设计题例题,计算机控制系统练习题..doc
  17. Mysql InnoDB 的锁机制
  18. mitmproxy安装配合selenium使用教程
  19. java正则中REGEX = [\u4e00-\u9fa5]+是什么意思
  20. PHP在线ps照片图片处理网站源码 photoshop网页版

热门文章

  1. c++实现strstr函数
  2. 布局布线流程的10大步骤
  3. 六、字体样式和文本样式
  4. 【String字符串分割以及字符串截取】
  5. 台式电脑主机与屏幕的连接线
  6. win7自动休眠怎么设置和取消
  7. 55 - 字符流中第一个不反复的字符
  8. 啥地方规定豆腐干豆腐
  9. EXCEL做数据-自用笔记(幼儿园级别)
  10. 大都会人寿三周的工作回顾