<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<title></title>
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div id="header">
<div id="menu">
<img src="img/index/menu_icon.svg" alt=""/>
<span>菜单</span>
</div>
<a href="#" id="brand"><img src="img/index/logo.svg" alt="" id="logo"/></a>
<span id="star-club">星享俱乐部<br>
<a href="">登录</a>
或
<a href="">注册</a>
</span>
</div>
<div id="mask">
<div id="receptacle">
<ul id="shop">
<li><a href="">English</a></li>
<li><a href="">星巴克门店</a></li>
<li><a href="">天猫旗舰店</a></li>
</ul>
<ul id="nav-menu">
<li><a href="">首页</a></li>
<li><a href="" class="triangle">新品推荐</a></li>
<li><a href="">星享俱乐部</a></li>
<li><a href="" class="triangle">星巴克移动应用</a></li>
<li><a href="">星礼卡</a></li>
<li><a href="" class="triangle">咖啡文化</a></li>
<li><a href="" class="triangle">饮品美食</a></li>
<li><a href="" class="triangle">关于我们</a></li>
<li><a href="" class="triangle">帮助中心</a></li>
</ul>
</div>
</div>
<div id="banner">
<a href="">
<img src="img/index/banner1.jpg" alt=""/>
<img src="img/index/banner2.jpg" alt=""/>
<span id="lear-more">了解更多>></span>
</a>
<span id="adv">广告</span>
</div>
<div id="club">
<div id="club-bor">
<div id="shar-card">
<span>星享卡</span>
<img src="img/index/rewards_logo_20170209.svg" alt=""/>
</div>
<div id="star-shar-club">
<div id="shar-club">
<span>星享俱乐部</span>
<p>开启您的星享之旅，星星越多、会员等级越高、好礼越丰富</p>
</div>
<div id="lo-re-but">
<a href="" class="lo-re"><button class="btn">注册</button></a>
<a href="" class="lo-re"><button class="btn">登录</button></a>
<a href="" class="more">了解更多>></a>
</div>
</div>
</div>
</div>
<div id="app">
<div id="container">
<div id="phone">
<img src="img/index/app_device.png" alt=""/>
</div>
<div id="download">
<img src="img/index/app_qr_20170209.png" alt=""/>
<div id="scan-down">
<a href="">f</a><span>扫码下载APP</span>
</div>
</div>
<div id="load-des">
<p>下载全新星巴克中国官方APP，开启更便捷的星巴克体验。</p>
<a href="" class="more">了解更多>></a>
</div>
</div>
</div>
<div id="sale">
<a href="">
<div id="mooncake">
<img src="img/index/banner-home.jpg" alt="" id="moonbanner1"/>
<img src="img/index/mooncake-mobile.jpg" alt="" id="moonbanner2"/>
</div>
<div id="coffee">
<div id="tianmao">
<img src="img/index/summer3-wave1-tmall.jpg" alt=""/>
<div class="des">
<h2>谢谢你，咖啡师</h2>
<h3>星巴克天猫旗舰店</h3>
</div>
</div>
<div id="cold-brew">
<img src="img/index/FT-Grid-2.jpg" alt=""/>
<div class="des">
<h2>如天鹅绒般丝滑</h2>
<h3>气致™冷萃咖啡</h3>
</div>
</div>
</div>
</a>
</div>
<div id="star-say">
<div id="include">
<div id="say">
<img src="img/index/wsg-title.png" alt=""/>
</div>
<div id="qr-code">
<img src="img/index/wsg-qrcode.png" alt=""/>
</div>
<div id="symbol">
<img src="img/index/wsg-cup.png" alt=""/>
</div>
<div id="word-des">
<img src="img/index/wsg-wording.png" alt=""/>
</div>
</div>
<div id="vessel">
<div id="cut-say">
<img src="img/index/wsg-cup.png" alt=""/>
<img src="img/index/wsg-title.png" alt=""/>
</div>
<div id="qr-word">
<img src="img/index/wsg-qrcode.png" alt=""/>
<img src="img/index/wsg-wording.png" alt=""/>
</div>
</div>
</div>
<div id="apple-watch">
<div id="iwatch">
<img src="img/index/web-iwatch-cn.png" alt=""/>
<img src="img/index/mobile-iwatch-cn.png" alt=""/>
</div>
<div id="introduce">
<p>星享更同步。现在您可以通过Apple Watch打开星巴克移动应用。更便捷地支付、查询星享卡还有查找附近门店。</p>
<a href="">
<div class="more">了解更多>></div>
</a>
</div>
<div id="app-down">
<img id="down-sweep" src="img/index/app_qr_20170209.png" alt=""/>
<span>扫码下载APP</span>
<img id="down-btn" src="img/index/udp-starbucks-cn.svg" alt=""/>
</div>
</div>
<div id="choiceness">
<h2>星巴克精选</h2>
<p>在星巴克天猫旗舰店发现更多咖啡心意</p>
<div id="coupon">
<a href="">
<div class="coupon-info">
<img src="img/index/1@2x.png.jpeg" alt=""/>
<h3>星享卡</h3>
<p>开始你的专属星巴克旅程</p>
</div>
</a>
<a href="">
<div class="coupon-info">
<img src="img/index/2@2x.png.jpeg" alt=""/>
<h3>星礼卡</h3>
<p>用一份星礼，让心意相随</p>
</div>
</a>
<a href="">
<div class="coupon-info">
<img src="img/index/3@2x.png" alt=""/>
<h3>电子产品券</h3>
<p>心意 从这一杯开始</p>
</div>
</a>
<a href="">
<div class="coupon-info">
<img src="img/index/4@2x.png.jpeg" alt=""/>
<h3>咖啡生活</h3>
<p>星巴克用心制作</p>
</div>
</a>
</div>
</div>
<div id="product">
<div class="clearfix">
<div id="
一个星巴克网页（源码）.zip
版权申诉
134 浏览量
2024-03-07
15:22:57
上传
评论
收藏 21MB ZIP 举报
一个星巴克网页（源码）.zip （169个子文件） 
home-v=1501383155.css 44KB index.css 15KB common.css 2KB
apple-watch.gif 413KB bx_loader.gif 8KB app_bg.gif 2KB
index.html 16KB favicon-v=20161028.ico 34KB 1@2x.png.jpeg 67KB 1@2x.png.jpeg 67KB 4@2x.png.jpeg 38KB 4@2x.png.jpeg 38KB 2@2x.png.jpeg 35KB 2@2x.png.jpeg 35KB
bg.jpg 908KB origami.jpg 811KB 1.jpg 733KB 1-1.jpg 657KB banner-mid.jpg 616KB 3.jpg 553KB mooncake-mobile.jpg 513KB banner2.jpg 374KB 2.jpg 356KB banner-home.jpg 311KB 3.jpg 298KB banner-en.jpg 295KB banner-cn.jpg 294KB origami_mobile.jpg 285KB 5.jpg 282KB 1.jpg 277KB 2.jpg 276KB 1.jpg 257KB Starbucks-New-China-App-screen.jpg 241KB 3.jpg 193KB banner-head.jpg 185KB banner1.jpg 185KB 5.jpg 184KB summer3-wave1-tmall.jpg 176KB 2.jpg 169KB 5.jpg 169KB 1.jpg 159KB 4.jpg 144KB 3.jpg 144KB bg.jpg 137KB cold-brew-store-list-desktop.jpg 117KB bg-mobile.jpg 98KB 2.jpg 91KB FT-Grid-2.jpg 70KB gold-pattern.jpg 63KB cold-brew-store-list-mobile.jpg 32KB 4.jpg 31KB 4.jpg 31KB msr-cards-hero.jpg 27KB 1-3.jpg 2KB to_top.jpg 832B to_bottom.jpg 485B jquery-1.11.2.js 278KB
product-blacktea.png 800KB product-greentea.png 656KB mooncake_ennew.png 570KB mooncake.png 565KB app_device.png 525KB gc-card3.png 456KB gc-Starbucks-Gift-Cards-China-en.png 365KB gc-Starbucks-Gift-Cards-China-cn.png 362KB mooncake-mobile.png 347KB gc-card2.png 322KB mobile-iwatch-cn.png 313KB mobile-iwatch-en.png 293KB gc-card1.png 290KB list-rewards-cn.png 282KB box1.png 278KB box3.png 270KB box2.png 263KB banner.png 204KB homepage-reserve-coffees.png 195KB pay-watch-cn.png 169KB card.png 154KB map-watch-cn.png 145KB lamp.png 125KB bg-circle-new.png 118KB bg-light.png 117KB bg-dark.png 115KB 3@2x.png 97KB wsg-cup.png 95KB intro-pic3-right.png 90KB intro-pic2-left.png 86KB web-iwatch-cn.png 81KB web-iwatch-cn.png 81KB web-iwatch-en.png 78KB list-rewards.png 70KB step-pic3-left.png 67KB intro-pic1-right.png 66KB step-pic2-right.png 65KB step-pic1-left.png 60KB 3@2x.png 57KB app_qr_20170209.png 42KB 5_new.png 41KB cake1.png 40KB 2_new.png 40KB共 169 条
- 1
- 2
资源评论
