master

分支 (1)

管理

管理

master

responsive-layout
/
item.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/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/item.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 fontSizeBig">
                        <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">
                        <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="banner">

    </div>
    <div class="show">
        <div class="c">
            <div class="title mr0" id="1">
                <div class="left">
                    <p>
                        您的位置：项目
                    </p>
                    <div class="img">
                    </div>
                    <p class="bottom">
                        项目展示
                    </p>
                </div>
                <div class="right">
                    <ul class="rig-nav">
                        <li class="nav-item giveColor takeColor ">
                            <a href="#1" class="scroll">

                                <p>
                                    家居
                                </p>
                                <span></span>

                            </a>

                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item">
                            <a href="#2" class="scroll">
                                <p>
                                    办公
                                </p>
                                <span></span>

                            </a>

                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item">
                            <a href="#3" class="scroll">
                                <p>
                                    餐饮
                                </p>
                                <span></span>
                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item mr1">
                            <a href="#4" class="scroll">
                                <p>
                                    MORE
                                </p>
                                <span></span>
                            </a>

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

            <div class="picture">
                <ul class="pic-nav mr0">
                    <li class="nav-item">
                        <img src="img/item/show/show1.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                Marylebone公寓室内改造 上海
                            </p>
                            <p class="bottom">
                                木隔墙创造出简约的生活空间
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item">
                        <img src="img/item/show/show2.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                月见棱廓 北京
                            </p>
                            <p class="bottom">
                                舒适而注重情感交流的小住宅
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item mr0">
                        <img src="img/item/show/show3.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                亭仔脚 台北
                            </p>
                            <p class="bottom">
                                生活记忆的延续
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item">
                        <img src="img/item/show/show4.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                藏式民居改造 拉萨
                            </p>
                            <p class="bottom">
                                兼顾藏族传统精神生活的现代住宅
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item">
                        <img src="img/item/show/show5.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                白虎头村老宅改造 北京
                            </p>
                            <p class="bottom">
                                老宅，院落，远山
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item mr0">
                        <img src="img/item/show/show6.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                Florentine公寓 杭州
                            </p>
                            <p class="bottom">
                                两种色调与两种氛围的居住空间
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

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


            <div class="title" id="2">
                <div class="left">
                    <p>
                        您的位置：项目
                    </p>
                    <div class="img">
                    </div>
                    <p class="bottom">
                        项目展示
                    </p>
                </div>
                <div class="right">
                    <ul class="rig-nav">
                        <li class="nav-item">
                            <a href="#1" class="scroll">

                                <p>
                                    家居
                                </p>
                                <span></span>

                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item giveColor takeColor ">
                            <a href="#2" class="scroll">
                                <p>
                                    办公
                                </p>
                                <span></span>

                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item">
                            <a href="#3" class="scroll">
                                <p>
                                    餐饮
                                </p>
                                <span></span>
                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item mr1">
                            <a href="#4" class="scroll">
                                <p>
                                    MORE
                                </p>
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="picture">
                <ul class="pic-nav">
                    <li class="nav-item">
                        <img src="img/item/show/show7.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                Olste办公空间 深圳
                            </p>
                            <p class="bottom">
                                干净明亮的办公空间
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item">
                        <img src="img/item/show/show8.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                百分金融办公室 北京
                            </p>
                            <p class="bottom">
                                从“私密”到“开放”
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item mr0">
                        <img src="img/item/show/show9.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                感物办公空间 杭州
                            </p>
                            <p class="bottom">
                                我和我的森林性感受
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

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

            <div class="title" id="3">
                <div class="left">
                    <p>
                        您的位置：项目
                    </p>
                    <div class="img">
                    </div>
                    <p class="bottom">
                        项目展示
                    </p>
                </div>
                <div class="right">
                    <ul class="rig-nav">
                        <li class="nav-item">
                            <a href="#1" class="scroll">

                                <p>
                                    家居
                                </p>
                                <span></span>

                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item">
                            <a href="#2" class="scroll">
                                <p>
                                    办公
                                </p>
                                <span></span>

                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item giveColor takeColor ">
                            <a href="#3" class="scroll">
                                <p>
                                    餐饮
                                </p>
                                <span></span>
                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item mr1">
                            <a href="#4" class="scroll">
                                <p>
                                    MORE
                                </p>
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="picture">
                <ul class="pic-nav">
                    <li class="nav-item">
                        <img src="img/item/show/show10.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                肯德基西安大雁塔店 西安
                            </p>
                            <p class="bottom">
                                以现代语言讲述古城历史文化
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item">
                        <img src="img/item/show/show11.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                La Palma餐厅 重庆
                            </p>
                            <p class="bottom">
                                将加州海滩元素融入意式餐厅
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item mr0">
                        <img src="img/item/show/show12.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                LUCKY PIGGY 杭州
                            </p>
                            <p class="bottom">
                                亲和力满满的轻食餐厅
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

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

            <div class="title" id="4">
                <div class="left">
                    <p>
                        您的位置：项目
                    </p>
                    <div class="img">
                    </div>
                    <p class="bottom">
                        项目展示
                    </p>
                </div>
                <div class="right">
                    <ul class="rig-nav">
                        <li class="nav-item">
                            <a href="#1" class="scroll">

                                <p>
                                    家居
                                </p>
                                <span></span>

                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item">
                            <a href="#2" class="scroll">
                                <p>
                                    办公
                                </p>
                                <span></span>

                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item">
                            <a href="#3" class="scroll">
                                <p>
                                    餐饮
                                </p>
                                <span></span>
                            </a>
                        </li>
                        <li class="nav-item mr0"></li>
                        <li class="nav-item mr1 giveColor takeColor ">
                            <a href="#4" class="scroll">
                                <p>
                                    MORE
                                </p>
                                <span></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="picture">
                <ul class="pic-nav">
                    <li class="nav-item">
                        <img src="img/item/show/show13.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                筑蹊生活主题书店 宁波
                            </p>
                            <p class="bottom">
                                有机几何与循环路径的购书体验
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item">
                        <img src="img/item/show/show14.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                R FITNESS健身工作室 香港
                            </p>
                            <p class="bottom">
                                由光定义的空间
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                    <li class="nav-item mr0">
                        <img src="img/item/show/show15.jpg" alt="">
                        <div class="text">
                            <p class="top">
                                月饼博物馆 乌兰察布
                            </p>
                            <p class="bottom">
                                一个本地材料营造的低成本博物馆
                            </p>
                        </div>
                        <div class="all">
                            <img class="center" src="img/index/item/itme1.jpg" alt="">
                        </div>
                        <div class="zhezhao">
                            <div class="p">
                                <p class="p1">
                                    Marylebone公寓室内改造 上海
                                </p>
                                <p class="p2">
                                    木隔墙创造出简约的生活空间<br><br>
                                    两间自带浴室套间的双人卧室和一个宽敞的开放<br>
                                    式厨房、餐厅和起居室空间和谐共融。
                                </p>
                            </div>

                        </div>
                    </li>
                </ul>
            </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>