master

分支 (1)

管理

管理

master

responsive-layout
/
serve.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/serve.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />

</head>

<body>
    <div class="header wow fadeInDown">
        <div class="c">
            <div class="header-c-top">
                <div class="header-logo crl">

                </div>
                <ul class="nav crl">
                    <li class="nav-item crl">
                        <a href="index.html">首页</a>
                        <span></span>
                    </li>
                    <li class="nav-item crl">
                        <a href="item.html">项目</a>
                        <span></span>
                    </li>
                    <li class="nav-item crl">
                        <a href="protect.html">产品</a>
                        <span></span>

                    </li>
                    <li class="nav-item crl fontSizeBig">
                        <a href="serve.html">服务</a>
                        <span></span>

                    </li>
                    <li class="nav-item crl">
                        <a href="news.html">新闻</a>
                        <span></span>

                    </li>
                    <li class="nav-item crl">
                        <a href="about.html">关于</a>
                        <span></span>

                    </li>
                </ul>

                <a href="javascript:" class="header-top-trantion">
                    <span></span>
                    <span></span>
                    <span></span>
                </a>
            </div>
            <ul class="header-c-mask">
                <li class="header-c-mask-crl">
                    <a href="index.html">首页</a>
                    <span></span>
                </li>
                <li class="header-c-mask-crl">
                    <a href="item.html">项目</a>
                    <span></span>
                </li>
                <li class="header-c-mask-crl">
                    <a href="protect.html">产品</a>
                    <span></span>

                </li>
                <li class="header-c-mask-crl">
                    <a href="serve.html">服务</a>
                    <span></span>

                </li>
                <li class="header-c-mask-crl">
                    <a href="news.html">新闻</a>
                    <span></span>

                </li>
                <li class="header-c-mask-crl">
                    <a href="about.html">关于</a>
                    <span></span>

                </li>
            </ul>
        </div>

    </div>
    <div class="header-mask"></div>
    <div class="serve">
        <div class="c">
            <div class="top">
                <p>
                    您的位置：服务
                </p>
                <div class="img">
                </div>
                <p class="bottom">
                    服务范围
                </p>
            </div>
            <div class="center">
                <div class="serve-left">
                    <div class="text">
                        <p class="title">
                            翻新改造
                        </p>
                        <p class="mid">
                            Renovate remould
                        </p>
                        <p class="bottom">
                            墙面涂装体系从底层到面层，层层细致处理，哪怕是细节控，<br>
                            都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结<br>
                            果，对于施工中的每一个工序，都有着自己的高要求！
                        </p>
                        <span></span>
                    </div>
                    <div class="text">
                        <p class="title">
                            研究设计
                        </p>
                        <p class="mid">
                            Research design
                        </p>
                        <p class="bottom">
                            要考虑人们的活动规律处理好空间关系，空间尺寸，空间比<br>
                            例；合理配置陈设与家具，妥善解决室内通风，采光与照明，<br>
                            注意室内色调的总体效果
                        </p>
                        <span></span>
                    </div>
                    <div class="text">
                        <p class="title">
                            创新战略
                        </p>
                        <p class="mid">
                            Innovation strategy
                        </p>
                        <p class="bottom">
                            利用抽象的几何学关系或单元体组合的规则，在繁杂中增强<br>
                            秩序，将视觉形态控制在人的美感系统所接受的范围。
                        </p>
                        <span></span>
                    </div>
                    <div class="text">
                        <p class="title">
                            视觉方案
                        </p>
                        <p class="mid">
                            Vision precept
                        </p>
                        <p class="bottom">
                            现代的室内装饰更加强调以人为中心进行设计。其大致可以<br>
                            分为两大潮流，一是从使用功能上对室内环境进行设计。
                        </p>
                        <span></span>
                    </div>
                </div>
                <div class="serve-right">
                    <div class="img img1"></div>
                    <div class="img img2"></div>
                </div>
            </div>

        </div>
    </div>
    <div class="footer">
        <div class="c">
            <ul class="fot-nav">
                <li class="nav-item mf">
                    <div class="all">
                        <p>
                            简设装饰有限公司
                        </p>
                        <div class="span ">
                            <img src="img/index/about/xinlang.png" alt="">
                            <img src="img/index/about/xinlang.png" alt="">
                            <img src="img/index/about/qq.png" alt="">

                        </div>
                    </div>
                </li>
                <li class="nav-item mr0">
                </li>
                <li class="nav-item">
                    <p>
                        地址：中国地区**分区6号写字楼888室
                    </p>
                    <p>
                        电话：688-8888-008
                    </p>
                    <p>
                        传真：000-66668888
                    </p>
                </li>
                <li class="nav-item mr0"></li>
                <li class="nav-item mb">
                    <p>
                        邮编：100000
                    </p>
                    <p>
                        手机：186-6006-8008
                    </p>
                    <p>
                        邮箱：00060008@163.com
                    </p>
                </li>
            </ul>
        </div>
    </div>

    <div class="realfooter">
        <p class="h">简设装饰有限公司</p>
        <div class="realfooter-top ">
            <span><img src="img/index/about/xinlang.png" alt=""></span>
            <span><img src="img/index/about/qq.png" alt=""></span>
            <span><img src="img/index/about/weixin.png" alt=""></span>
        </div>
        <div class="realfooter-mid">
            <p>地址：中国地区**分区6号写字楼888室</p>
            <p>电话：688-8888-008</p>
            <p>传真：000-66668888</p>
        </div>

        <div class="realfooter-bottom">
            <p>邮编：100000</p>
            <p>手机：186-6006-8008</p>
            <p>邮箱：00060008@163.com</p>
        </div>

    </div>

    <script src="js/jquery.js"></script>
    <script src="js/swiper-master/package/swiper-bundle.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/wow.js"></script>
    <script>
        new WOW().init();
    </script>
</body>

</html>