simple-static-web-page
/
news.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻</title>
    <link rel="stylesheet" href="css/bjcommen.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/news.css">
</head>

<body>
    <div class="header">
        <div class="w">
            <div class="nav">
                <div class="nav-logo">
                    <a href=""><img src="img/logo.png" alt=""></a>
                </div>
                <div class="nav-right">
                    <ul>
                        <li class="item ">
                            <a href="index.html">首页</a>
                            <span class="line"></span>
                        </li>
                        <li class="item"> <a href="project.html">项目</a>
                            <span class="line"></span>
                        </li>
                        <li class="item"><a href="product.html">产品</a>
                            <span class="line"></span></li>
                        <li class="item"><a href="service.html">服务</a>
                            <span class="line"></span>
                        </li>
                        <li class="item active"><a href="news.html">新闻</a>
                            <span class="line"></span>
                        </li>
                        <li class="item"><a href="about.html">关于</a>
                            <span class="line"></span>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

    <div class="sercice">
        <div class="w">
            <div class="mainbox">
                <div class="service-nav">
                    您的位置: 新闻 > <a href="">新闻资讯</a>
                </div>
                <div class="service-content">
                    <div class="content-left">

                        <div class="left-word">
                            <p class="text1"> <a href="">翻新改造</a>
                            </p>
                            <p class="text2"> <a href="">Renovate remould</a> </p>
                            <p class="text3"> <a href="">面涂装体系从底层到面层，层层细致处理，哪怕是细节控，
                                    都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结
                                    果，对于施工中的每一个工序，都有着自己的高要求！</a> </p>
                        </div>
                        <div class="left-word">
                            <p class="text1"> <a href="">翻新改造</a> </p>
                            <p class="text2"> <a href="">Renovate remould</a> </p>
                            <p class="text3"> <a href="">面涂装体系从底层到面层，层层细致处理，哪怕是细节控，
                                    都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结
                                    果，对于施工中的每一个工序，都有着自己的高要求！</a> </p>
                        </div>
                        <div class="left-word">
                            <p class="text1"> <a href="">翻新改造</a> </p>
                            <p class="text2"> <a href="">Renovate remould</a> </p>
                            <p class="text3"> <a href="">面涂装体系从底层到面层，层层细致处理，哪怕是细节控，
                                    都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结
                                    果，对于施工中的每一个工序，都有着自己的高要求！</a> </p>
                        </div>
                        <div class="left-word">
                            <p class="text1"> <a href="">翻新改造</a> </p>
                            <p class="text2"> <a href="">Renovate remould</a> </p>
                            <p class="text3"> <a href="">面涂装体系从底层到面层，层层细致处理，哪怕是细节控，
                                    都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结
                                    果，对于施工中的每一个工序，都有着自己的高要求！</a> </p>
                        </div>
                        <div class="left-word">
                            <p class="text1"> <a href="">翻新改造</a> </p>
                            <p class="text2"> <a href="">Renovate remould</a> </p>
                            <p class="text3"> <a href="">面涂装体系从底层到面层，层层细致处理，哪怕是细节控，
                                    都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结
                                    果，对于施工中的每一个工序，都有着自己的高要求！</a> </p>
                        </div>

                    </div>
                    <div class="content-pic">
                        <div class="rightbox-up"></div>
                        <div class="rightbox-down"></div>
                    </div>
                </div>
            </div>
            <div class="foot">
                <div class="w">
                    <div class="foot-content">
                        <div class="content-left">
                            <p>简设装饰有限公司</p>
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="img/weibo.png" alt="">
                                    </a>
                                </li>
                                <li><a href="">
                                        <img src="img/wechat.png" alt="">
                                    </a></li>
                                <li><a href="">
                                        <img src="img/wechat.png" alt="">
                                    </a></li>
                            </ul>


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

                    </div>
                </div>
            </div>


        </div>


    </div>


</body>

</html>