brand.html 18.7 KB
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Brands</title>
    <link rel="stylesheet" href="../../res/css/index.css"/>
</head>
<body>
    <div class="yoho-nav clearfix">
        <ul class="clearfix">
            <li>
                <span>YOHO!</span>
                <a href="http://www.yoho.cn" target="_blank">集团官网</a>
            </li>
            <li>
                <span>YOHO!有货</span>
                <a href="http://www.yohobuy.com" target="_blank">潮流购物</a>
            </li>
            <li>
                <span>YOHO!BOYS</span>
                <a href="http://www.yohoboys.com">男生潮流</a>
            </li>
            <li>
                <span>YOHO!GIRLS</span>
                <a href="http://www.yohogirls.com" target="_blank">女生潮流</a>
            </li>
            <li>
                <span>YOHO!SHOW</span>
                <a href="http://www.yohoshow.com" target="_blank">物趣分享</a>
            </li>
            <li class="current">
                <span>YOHOOD</span>
                <a href="javascript:;" target="_blank">潮流嘉年华</a>
            </li>
        </ul>
        <a class="contact-btn" href="javascript:;">contact</a>
    </div>
    <div class="header">
        <h1 class="logo"></h1>
        <div class="nav">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">HOME</a>
                    <span>首页</span>
                </li>
                <li>
                    <a href="javascript:;">ACTIVITY</a>
                    <span>活动详情</span>
                </li>
                <li>
                    <a href="javascript:;">COUNSEL</a>
                    <span>最新资讯</span>
                </li>
                <li class="current">
                    <a href="javascript:;">BRAND</a>
                    <span>参展品牌</span>
                </li>
                <li>
                    <a href="javascript:;">VIDEO</a>
                    <span>热点视频</span>
                </li>
                <li>
                    <a href="javascript:;">RECOMMEND</a>
                    <span>限量推荐</span>
                </li>
                <li>
                    <a href="javascript:;">SCENE</a>
                    <span>现场活动</span>
                </li>
                <li>
                    <a href="javascript:;">SHOW</a>
                    <span>潮流分享</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="bd">
        <div class="slide-main">
            <div class="slide-box">
                <div class="slide-wrap clearfix">
                    <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/0179e17640e29e62b52439902484a8fa50.gif?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                    <div class="box"><a href="javascript:;"><img src="http://img03.res.yoho.cn/blogimg/2014/09/23/13/01f0a56c52203da48881a64b336b41091b.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                    <div class="box"><a href="javascript:;"><img src="http://img04.res.yoho.cn/blogimg/2014/11/17/11/025aadd704383ed18365f15a5e1cde9e5d.jpg?imageMogr2/thumbnail/!0968x0468r/crop/0968x0468/strip/quality/80" alt=""/></a></div>
                </div>
            </div>
            <div class="slide-navigator">
                <div class="dib clearfix">
                    <a href="javascript:;" class="on"></a>
                    <a href="javascript:;"></a>
                    <a href="javascript:;"></a>
                </div>
            </div>
            <div class="slide-control"> 
                <a class="slide-prev iconfont" href="javascript:void(0);">&#xe601;</a>
                <a class="slide-next iconfont" href="javascript:void(0);">&#xe603;</a>
            </div>
        </div>
        <div class="brand-main">
            <div class="search-wrap">
                <input type="text" placeholder="搜索品牌...">
                <a href="javascript:;" class="search-btn iconfont">&#xe604;</a>
            </div>
            <div class="brand-content">
                <ul class="brand-list cooperation-list clearfix">
                    <li>
                        <a href="javascript:;" target="_blank">
                            <div class="img-box">
                                <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                            </div>
                            <p>004</p>
                        </a>
                        <div class="brand-introduction">
                            <h2>About DUSTY</h2>
                            <div class="brand-info clearfix">
                                <div class="pic">
                                    <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                                </div>
                                <div class="text">
                                    <p>早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前早在25年前</p>
                                    <a href="javascript:;">进入品牌店铺</a>
                                </div>
                            </div>
                            <div class="related-post">
                                <h3>相关资讯</h3>
                                <div class="post-list main-layout clearfix">
                                    <div class="layout-item tiled">
                                        <div class="image-box">
                                            <a href="javascript:;">
                                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
                                                <i class="play-icon"></i>
                                            </a>
                                        </div>
                                        <div class="content">
                                            <h2 class="volupia">
                                                <a href="/news/detail/id/169">test</a>
                                            </h2>
                                        </div>
                                    </div>
                                    <div class="layout-item tiled">
                                        <div class="image-box">
                                            <a href="javascript:;">
                                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
                                                <i class="play-icon"></i>
                                            </a>
                                        </div>
                                        <div class="content">
                                            <h2 class="volupia">
                                                <a href="/news/detail/id/169">test</a>
                                            </h2>
                                        </div>
                                    </div>
                                    <div class="layout-item tiled">
                                        <div class="image-box">
                                            <a href="javascript:;">
                                                <img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/01a9b77ff892507e57a4e334634598bad0.gif" alt="" style="height:230px;width:230px;">
                                                <i class="play-icon"></i>
                                            </a>
                                        </div>
                                        <div class="content">
                                            <h2 class="volupia">
                                                <a href="/news/detail/id/169">test</a>
                                            </h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                    <li><a href="javascript:;" target="_blank">
                        <div class="img-box">
                            <img src="../../res/images/yohood/cooperation/brand-img.png" alt="">
                        </div>
                        <p>004</p>
                    </a></li>
                </ul>
                <div class="no-search">
                    <p>未搜索到“jucy judy”的相关品牌</p>
                    <a href="javascript:;"><查看全部品牌</a>
                </div>
            </div>
        </div>
    </div>
    <div class="ft">
        <div class="limited-goods">
            <h2>限量商品</h2>
            <div class="limited-slide-box">
                <div class="slide-wrap clearfix">
                    <div class="box">
                        <ul class="goods-list clearfix">
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 1</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 2</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 3</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 4</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 5</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                        </ul>
                    </div>
                    <div class="box">
                        <ul class="goods-list clearfix">
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 1</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 2</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span class="red">TOP 3</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 4</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                            <li><a href="javascript:;">
                                <div class="img-box">
                                    <img src="http://img11.static.yhbimg.com/goodsimg/2014/01/22/05/0159a2768841aff6715fb6df15353de841.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90" alt="">
                                    <span>TOP 5</span>
                                </div>
                                <p class="goods-name">MACROPUS 暗夜系列双肩背包</p>
                                <p class="price">¥339.00</p>
                            </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="limited-slide-control">
                <a class="limited-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
                <a class="limited-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
            </div>
        </div>
    </div>
    <div class="return-top">
        <a href="javascript:void(0);" id="toTop" class="ifont" style="display: inline;">
        <span class="iconfont">&#xe605;</span>
        TOP
        </a>
    </div>
    <div class="overlay"></div>
</body>
<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
    seajs.use(['jquery','channel'],function($,channel){
        channel.common();
        channel.brand();
    })
</script>
</html>