没有合适的资源?快使用搜索试试~ 我知道了~
coffee-roaster-website
共71个文件
jpg:16个
png:14个
scss:13个
需积分: 9 0 下载量 129 浏览量
2021-03-14
17:39:04
上传
评论
收藏 2.24MB ZIP 举报
温馨提示
Frontend Mentor-Coffeeroasters订阅网站 欢迎! :waving_hand: 感谢您购买此高级Frontend Mentor编码挑战。 挑战可让您提高现实工作流程中的技能。 这些高难度挑战是完美的投资组合,因此,请随时使用您在投资组合中构建的内容向其他人展示。 为了应对这一挑战,您需要对HTML,CSS和JavaScript有充分的了解。 挑战 您面临的挑战是建立这个多页咖啡订阅网站,并使它看起来与设计尽可能接近。 您可以使用任何喜欢的工具来帮助您完成挑战。 因此,如果您有想要练习的东西,请随时尝试。 您的用户应该能够: 查看每个页面的最佳布局,具体取决于其设备的屏幕尺寸 查看整个网站上所有互动元素的悬停状态 进行选择以创建咖啡订阅,并查看其选择的订单摘要模式(以下提供了详细信息) 预期行为 交互式订阅页面具有一些特定的行为,在下面列出: 如果为第一个选项选择了“胶囊”
资源推荐
资源详情
资源评论
收起资源包目录
coffee-roaster-website-master.zip (71个子文件)
coffee-roaster-website-master
css
base.min.css.map 137B
main.min.css.map 16KB
base.min.css 52B
mixins.min.css 54B
mixins.min.css.map 141B
main.min.css 15KB
starter-code
assets
shared
desktop
icon-twitter.svg 529B
icon-facebook.svg 409B
icon-instagram.svg 973B
logo.svg 15KB
mobile
icon-close.svg 320B
icon-hamburger.svg 252B
favicon-32x32.png 1KB
plan
desktop
image-hero-blackcup.jpg 53KB
bg-order-summary.png 49KB
bg-modal-top.png 26KB
bg-steps.png 322KB
icon-arrow.svg 185B
mobile
image-hero-blackcup.jpg 25KB
bg-order-summary.png 37KB
bg-steps.png 171KB
tablet
image-hero-blackcup.jpg 61KB
bg-steps.png 223KB
about
desktop
image-commitment.jpg 29KB
illustration-australia.svg 1KB
image-quality.jpg 21KB
illustration-uk.svg 2KB
illustration-canada.svg 801B
image-hero-whitecup.jpg 73KB
bg-quality.png 240KB
mobile
image-commitment.jpg 48KB
image-quality.jpg 16KB
image-hero-whitecup.jpg 58KB
bg-quality.png 76KB
tablet
image-commitment.jpg 19KB
image-quality.jpg 17KB
image-hero-whitecup.jpg 111KB
bg-quality.png 154KB
home
desktop
icon-coffee-bean.svg 621B
image-planalto.png 40KB
icon-gift.svg 921B
icon-truck.svg 972B
image-piccollo.png 41KB
image-danche.png 40KB
image-gran-espresso.png 41KB
image-hero-coffeepress.jpg 65KB
mobile
image-hero-coffeepress.jpg 29KB
tablet
image-hero-coffeepress.jpg 63KB
index.html 21KB
.gitignore 547B
plan.html 24KB
about.html 2KB
preview.jpg 92KB
js
accordion.js 1KB
mobile-nav.js 356B
order-summary-modal.js 185B
.gitignore 547B
scss
_layout.scss 75B
mixins.scss 489B
pages
_plan.scss 711B
_base.scss 504B
components
_how-it-works.scss 2KB
_our-collection.scss 2KB
_accordian.scss 1KB
_order-summary.scss 2KB
_why-choose-us.scss 4KB
layout
_header.scss 2KB
_footer.scss 2KB
_navigation.scss 2KB
main.scss 346B
README.md 8KB
共 71 条
- 1
资源评论
weixin_42166626
- 粉丝: 22
- 资源: 4529
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- BP5100系列.pdf
- BP8000.pdf
- A-Master-Slave-Salp-Swarm算法-HESS-控制策略-EV31 该项目建立了科学模型,用于模拟改进的元启发式算法在电动汽车能耗实时优化中的潜在应用 项目代码: Mssa文件夹包
- 中视频流量变现课:掌握流量密码打造爆款内容,助你快速变现副业增收.mp4
- 职场人士必备实操课:职场进阶心法、加快个人成长原则,助你解决职业困惑.mp4
- P3500系列.pdf
- Pantum P2200-2500系列维修手册 V1.5.pdf
- Pantum P2600系列维修手册.pdf
- P1000 P2000系列.pdf
- 最新影视解说玩法,影视剧人物自述,AI一键克隆生成,无需写文案 各个....mp4
- BP2300.pdf
- Ubuntu 20.04物理机与虚拟机安装详细教程
- 研究背景:飞秒激光加工蓝宝石 在利用飞秒激光切割蓝宝石时,是沿指定线路打点,但是在打点的时候会出现裂缝,这个时候就需要分析激光作用时产生的应力场情况 研究内容:利用COMSOL软件,对过程仿真,考
- 8j1pm5ksses0.pdf
- Python爬虫技术解析:基础知识、常用库及实战技巧
- CM7000、CM7100系列(智享版).pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功