<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 根据设备的大小调整页面的显示宽度，缩放比例为1 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>星享咖啡馆</title>
<!-- Bootstrap所需要的一些基础样式的*.css文件 -->
<link rel="stylesheet" href="./css/bootstrap.css">
<!-- 网页标签的icon图标 -->
<link rel="shortcut icon" href="./image/star.png" type="image/x-icon">
<!-- index页面所需要的一些基础样式的css文件 -->
<link rel="stylesheet" href="./css/index.css">
<!-- login页面所需要的一些基础样式的css文件 -->
<link rel="stylesheet" href="./css/login.css">
<!-- aboutStar页面所需要的一些基础样式的css文件 -->
<link rel="stylesheet" href="./css/aboutStar.css">
<style type="text/css">
</style>
</head>
<body>
<!-- 页面布局等代码 -->
<div class="container row">
<div class="left col-lg-4">
<div class="serve">
<div class="nav">
<div class="select">
<img src="./image/star.png" alt="">
<div>门店</div>
<div>我的账户</div>
<div>菜单</div>
</div>
<span class="glyphicon glyphicon-align-justify open"></span>
</div>
<div class="topic">
<div class="text">
<span>登录或创建一个新账户</span>
<img src="./image/join-star.png" alt="">
</div>
<div class="select-login">
<div class="goLogin">登录</div>
<div class="empty"></div>
<div class="register">注册</div>
<div class="club" style="
width:140px;
color:black;
padding-bottom:8px;
border-bottom:4px solid #00A862">关于星享俱乐部</div>
<div class="line"></div>
</div>
</div>
</div>
<div class="clickShow hide">
<div class="icon">
<img class="icon1" src="./image/star.png" alt="">
<img class="icon2 close" src="./image/close.png" alt="">
</div>
<div class="text">
<div>门店</div>
<div>星享俱乐部</div>
<hr>
<div>菜单</div>
<div>星享移动应用</div>
<div>星礼卡</div>
<div>星享甄选</div>
<div>啡快——在线</div>
<div>专星送</div>
</div>
</div>
</div>
<div class="right col-lg-8 ">
<div class="ourMission">
<div class="title">我们的使命和价值观</div>
<div class="introduce">
<div class="font">
<div>激发并孕育人文精神，每人，每杯，每个社区。
</div>
<div>以我们的伙伴、咖啡和顾客为核心，我们努力践行以下价值观:
</div>
<ul>
<li>营造一种温暖而有归属感的文化，欣然接纳和欢迎每一个人。
</li>
<li>积极行动，勇于挑战现状，打破陈规，以创新方式实现公司与伙伴的共同成长。
</li>
<li>在每个连接彼此的当下，我们专注投入，开诚相见，互尊互敬。
</li>
<li>对于每件事，我们都竭尽所能，做到最好，敢于担当。
</li>
</ul>
</div>
<div>
<img src="image/img_03.jpg" alt="">
</div>
</div>
<div class="aboutUs">
<div class="title">关于我们</div>
<div class="project">
<div class="project1">
<div class="projectName">
<div class="name">背景</div>
<span class="glyphicon glyphicon-chevron-down change1"></span>
</div>
<div class="content">
秉承“激发并孕育人文精神—每人、每杯、每个社区"的星享使命，
我们始终致力于发展成为一家与众不同的咖啡馆:在传承经典咖啡文化的同时，关爱我们的伙伴，
为顾客提供超越期望的星享体验，并为所在社区的繁荣做出自己的贡献。咖啡馆的门店主旨是为顾客提供一个舒适、
放松的环境，让人们可以在繁忙的工作和生活中得到片刻的休息和放松。同时，星享咖啡馆也是一个社交场所，
人们可以在这里结交新朋友、与老朋友相聚，或者独自一人享受一杯咖啡的时光。
</div>
</div>
<div class="project1">
<div class="projectName">
<div class="name">高品质的星享咖啡</div>
<span class="glyphicon glyphicon-chevron-down change2"></span>
</div>
<div class="content">
我们热爱我们的咖啡。我们相信通过一杯高品质的手工咖啡可以传递和分享真挚情感，
而这样简单的行为或许可以为顾客提供一些正能量。因此，星享始终致力于通过道德采购，
烘焙并提供高品质的阿拉比卡咖啡豆。我们还在中国云南普洱建立了星享中国咖啡种植者支持中心，
旨在整合和促进可持续种植规范在当地的推广，助力云南咖啡产业的发展。从一粒种子到一杯咖啡，
每一个环节都倾入了星享的心意和努力，只为每一次光顾我们门店的顾客可以享受醇香的浓缩咖啡及其钟爱的咖啡饮品。
</div>
</div>
<div class="project1">
<div class="projectName">
<div class="name">独一无二的星享体验</div>
<span class="glyphicon glyphicon-chevron-down change3"></span>
</div>
<div class="content">
我们热爱我们的顾客。星享一直致力于为顾客提供始终如一的优质星享体验。同时，在对产品质量和服务精益求精的基础上，
星享强调创新，强调产品和服务的个性化，强调不断给顾客带来愉悦和惊喜。在门店设计、地方食品和饮料供应等方面，完美地将当地习俗融合到星享体验之中。
独特的星享数字平台，包括星享移动应用软件和星享俱乐部，帮助我们在门店以外建立与顾客的连接。星享始终致力于通过不断创新，建立我们和顾客之间的情感连接，
同时激发他
人工智能-项目实践-期末网站设计-模仿星巴克网站(web前端期末作业).zip （48个子文件） 
caf--main 
register.html 8KB image 
starClub.png 17KB
img_01.jpg 67KB img_03.jpg 40KB shopDetail1.png 319KB coffee.png 7KB goods4.png 86KB hello-star.jpg 414KB shopDetail4.png 143KB goods2.png 38KB shopDetail6.png 56KB kv4.jpg 261KB goods6.png 126KB footer.png 29KB cart.png 6KB goods5.png 127KB search.png 5KB kv2.jpg 624KB close.png 3KB cup.png 146KB img_02.jpg 61KB kv3.jpg 997KB shopDetail5.png 13KB goods1.png 32KB shopDetail3.png 65KB shopDetail2.png 219KB goods3.png 76KB star.png 8KB kv1.jpg 532KB join-star.png 6KB js 
bootstrap.js 68KB jquery.min.js 90KB shop.html 5KB aboutStar.html 11KB css shopDetail.css 5KB bootstrap.css 143KB login.css 1KB shop.css 2KB index.css 3KB aboutStar.css 1KB login.html 6KB shopDetail.html 4KB index.html 6KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
