文件名称：coffee-roaster-website
文件大小：2.24MB
文件格式：ZIP
更新时间：2024-04-03 11:25:44
HTML
Frontend Mentor-Coffeeroasters订阅网站 欢迎！ :waving_hand: 感谢您购买此高级Frontend Mentor编码挑战。 挑战可让您提高现实工作流程中的技能。 这些高难度挑战是完美的投资组合，因此，请随时使用您在投资组合中构建的内容向其他人展示。 为了应对这一挑战，您需要对HTML，CSS和JavaScript有充分的了解。 挑战 您面临的挑战是建立这个多页咖啡订阅网站，并使它看起来与设计尽可能接近。 您可以使用任何喜欢的工具来帮助您完成挑战。 因此，如果您有想要练习的东西，请随时尝试。 您的用户应该能够： 查看每个页面的最佳布局，具体取决于其设备的屏幕尺寸 查看整个网站上所有互动元素的悬停状态 进行选择以创建咖啡订阅，并查看其选择的订单摘要模式（以下提供了详细信息） 预期行为 交互式订阅页面具有一些特定的行为，在下面列出： 如果为第一个选项选择了“胶囊”
【文件预览】：
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()
--------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()
--------_base.scss(504B)
--------components()
--------layout()
--------main.scss(346B)
----README.md(8KB)