fe / YOHOOD · Commits

Go to a project

Authored by 2586703@qq.com
Commit 890368a4d575c5b50cbb350e5bca048937fde38b 1 parent c5825cf5

首页html

Inline Side-by-side
Showing 1 changed file with 368 additions and 159 deletions
... ... @@ -3,188 +3,397 @@
<head>
<meta charset="UTF-8">
<title>Home</title>
<link rel="stylesheet" href="http://res.yohood.test.yoho.cn/css/style.css"/>
<link rel="stylesheet" href="../../res/css/index.css"/>
</head>
<body>
<div class="wrapper">
<div class="container">
<div class="header">
<a href="/"><img src="http://res.yohood.test.yoho.cn/images/yohood/logo.png" alt=""/></a>
</div>
<!-- navigator start -->
<div class="navigator">
<ul class="clearfix">
<li><a href="">首页</a></li>
<li><a href="">活动介绍</a></li>
<li><a href="">资讯</a></li>
<li><a href="">品牌</a></li>
<li><a href="">限量推荐</a></li>
<li><a href="">现场活动</a></li>
<li><a href="">SHOW</a></li>
<li><a href="">入场券</a></li>
</ul>
<a href="" class="goToYohobuy" title="有货"></a>
<span class="navigatorBar"></span>
</div>
<!-- slider start -->
<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>
<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">
<div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div>
<div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div>
<div class="box"><img src="http://res.yohood.test.yoho.cn/images/yohood/slide.jpg" alt=""/></div>
<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 class="slide-navigator">
<div class="dib clearfix">
<a href="" class="on"></a>
<a href=""></a>
<a href=""></a>
</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" href="javascript:void(0);"></a>
<a class="slide-next" href="javascript:void(0);"></a>
<a class="slide-prev iconfont" href="javascript:void(0);">&#xe601;</a>
<a class="slide-next iconfont" href="javascript:void(0);">&#xe603;</a>
</div>
<!-- content start -->
<div class="content-wrap clearfix">
<div class="fluid-list">
<div class="clearfix fluid-list-inner">
<div class="fluid-item">
<div class="image-box">
<a href="#">
<img src="http://res.yohood.test.yoho.cn/images/yohood/photo_02.png" alt=""/>
<a href="" class="fluid-tag">brand</a>
</a>
</div>
<div class="content">
<h2 class="volupia"><a href="#">LeBron James</a></h2>
<h3><a href="#">不爱猿人更爱咖喱</a></h3>
<p class="time">2014.07.13</p>
<p>自从Nigo离开自己一手创立的A Bathing Ape后，A Bathing Ape的设计美感早和...</p>
</div>
</div>
<div class="fluid-item">
<div class="image-box">
<a href="#">
<img src="http://res.yohood.test.yoho.cn/images/yohood/photo_01.png" alt=""/>
<a href="" class="fluid-tag">brand</a>
</a>
</div>
<div class="content">
<h2 class="volupia"><a href="#">LeBron James</a></h2>
<h3><a href="#">不爱猿人更爱咖喱</a></h3>
<p class="time">2014.07.13</p>
<p>自从Nigo离开自己一手创立的A Bathing Ape后，A Bathing Ape的设计美感早和...</p>
</div>
</div>
<div class="fluid-item">
<div class="image-box image-video">
<a href="#">
<img src="http://res.yohood.test.yoho.cn/images/yohood/video_01.png" alt=""/>
<span class="icon-video"></span>
<a href="" class="fluid-tag">video</a>
</a>
</div>
<div class="content">
<h2 class="volupia"><a href="#">LeBron James</a></h2>
<h3><a href="#">不爱猿人更爱咖喱</a></h3>
<p class="time">2014.07.13</p>
<p>自从Nigo离开自己一手创立的A Bathing Ape后，A Bathing Ape的设计美感早和...</p>
</div>
</div>
<div class="content-wrap clearfix">
<div class="fluid-list">
<div class="fluid-list-inner clearfix">
<div class="fluid-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;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
</div>
<div class="ads-list">
<div class="ads">
<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads.png" alt=""/></a>
<div class="fluid-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="" style="height:345px;width:230px;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="ads-small">
<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
<div class="fluid-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="" style="height:300px;width:230px;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="fluid-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="" style="height:154px;width:230px;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="fluid-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;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="ads-small">
<a href=""><img class="mb6" src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
<a href=""><img class="mb6" src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
<div class="fluid-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/23/17/020aba6cb71b6620e4e8dd50658a1daf03.jpg" alt="" style="height:345px;width:230px;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="ads-small">
<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/ads-small.png" alt=""/></a>
<div class="fluid-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img01.res.yoho.cn/blogimg/2014/10/22/17/015a858eda76bac64d84a0dbcea87dbd3a.gif" alt="" style="height:300px;width:230px;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
<div class="show-goods">
<h2>TOP10 <a class="goods_prev" href="javascript:void(0);"></a><a class="goods_next" href="javascript:void(0);"></a></h2>
<div class="show-goods-list">
<ul>
<li>
<div class="goods-image">
<img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
<span class="number_1"></span>
</div>
<h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
<p>2014.07.13</p>
</li>
<li>
<div class="goods-image">
<img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
<span class="number_2">2</span>
</div>
<h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
<p>2014.07.13</p>
</li>
<li>
<div class="goods-image">
<img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
<span class="number_2">3</span>
</div>
<h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
<p>2014.07.13</p>
</li>
<li>
<div class="goods-image">
<img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
<span class="number_2">4</span>
</div>
<h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
<p>2014.07.13</p>
</li>
<li>
<div class="goods-image">
<img src="http://res.yohood.test.yoho.cn/images/yohood/goods.png" alt=""/>
<span class="number_2">5</span>
</div>
<h3><a href="">TYAKASHA 男款红牌下场短袖T恤</a></h3>
<p>2014.07.13</p>
</li>
<div class="fluid-item tiled">
<div class="image-box">
<a href="javascript:;">
<img src="http://img02.res.yoho.cn/blogimg/2014/10/17/14/02e26b4e08c06766b619b3bf40e31cfc14.jpg" alt="" style="height:154px;width:230px;">
</a>
<a class="fluid-tag" href="javascript:;">独家合作</a>
</div>
<div class="content">
<h2 class="volupia">
<a href="/news/detail/id/169">test</a>
</h2>
<p>content</p>
<p class="time">2014.07.25</p>
</div>
</div>
</div>
<div id="pageContent" style="text-align: center;" class="pagination">
<div class="pagination-inner" id="img_page" model="default" rel="">
<a class="current" p="1">1</a>
<a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">2</a>
<a href="http://www.yohood.cn/default/index/page/3" class="link2" p="3">3</a>
<a href="http://www.yohood.cn/default/index/page/4" class="link2" p="4">4</a>
<a href="http://www.yohood.cn/default/index/page/5" class="link2" p="5">5</a>
<a href="http://www.yohood.cn/default/index/page/6" class="link2" p="6">6</a>
<a href="http://www.yohood.cn/default/index/page/2" class="link2" p="2">>></a>
</div>
</div>
</div>
</div>
<div class="cooperation clearfix">
<div class="cooperation-slide-box">
<div class="slide-wrap clearfix">
<div class="box clearfix">
<div class="partner">
<h2>特邀合作伙伴</h2>
<ul class="clearfix">
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tudou.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/letv.png" alt=""></a></li>
</ul>
</div>
<div class="media">
<h2>特邀合作媒体</h2>
<ul class="clearfix">
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tx.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/sina.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/iqy.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/wy.png" alt=""></a></li>
</ul>
</div>
</div>
<div class="partner">
<h2>特邀合作伙伴</h2>
<div class="partner-image">
<ul>
<li><a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/tudou.png" alt=""/></a>
<span></span>
</li>
</ul>
<div class="box clearfix">
<div class="partner">
<h2>特邀合作伙伴</h2>
<ul class="clearfix">
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tudou.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/letv.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/tx.png" alt=""></a></li>
</ul>
</div>
<h2>赞助品牌</h2>
<div class="partner-image">
<ul>
<li><a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/tudou.png" alt=""/></a>
<span></span>
</li>
<li>
<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/aiqiyi.png" alt=""/></a>
<span></span>
</li>
<li>
<a href=""><img src="http://res.yohood.test.yoho.cn/images/yohood/qq.png" alt=""/></a>
<span></span>
</li>
</ul>
<div class="media">
<h2>特邀合作媒体</h2>
<ul class="clearfix">
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/sina.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/iqy.png" alt=""></a></li>
<li><a href="javascript:;"><img src="../../res/images/yohood/cooperation/wy.png" alt=""></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="cooperation-slide-control">
<a class="cooperation-slide-prev iconfont" href="javascript:void(0);">&#xe600;</a>
<a class="cooperation-slide-next iconfont" href="javascript:void(0);">&#xe602;</a>
</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>
</body>
<script type="text/javascript" src="../../res/js/lib/seajs.js"></script>
<script type="text/javascript">
seajs.use(['jquery','channel'],function($,channel){
channel.index();
})
</script>
</html>
\ No newline at end of file
... ...