使用 HTML CSS JS 构建的响应式个人作品集网站 - 第一部分

如何用 HTML、CSS、JS 创建响应式个人作品集网站

在这个视频系列中，
我将向您展示如何使用 HTML CSS JavaScript 构建一个完整的响应式个人作品集网站。

🌟 网站功能

• 5页
• 完全响应且适合移动设备
• 超棒的页面导航
• 可过滤商品展示

大家好👋
我是 Sadee (webdev)。
在这个频道里，我制作关于完全响应式网站的视频。
你可以看看我的频道👇

📺 我的频道：codewithsadee
🔔 订阅：立即订阅
🕐 每周五和周二发布新视频

🔗 重要链接

图片：image.zip
字体：Poppins
Ionicon： https: //ionic.io/ionicons
如何使用 ionicon：https://youtu.be/TTrYjLOJeKs
源代码：https://www.patreon.com/codewithsadee

⏱️ 时间戳

0:00 - 演示
1:12 - 文件结构
1:28 - 初始 HTML 设置
2:09 - CSS 变量
2:47 - 自定义滚动条
3:15 - 重置和默认样式
5:15 - 移动导航栏
8:15 - 侧边栏
14:15 - Hero
18:15 - 服务
21:25 - 客户评价
25:50 - 客户
27:52 - 媒体查询

👤 喜欢 - 关注并订阅我

Twitter ：https://twitter.com/codewithsadee
Github ：https://github.com/codewithsadee
YouTube ：codewithsadee
给我买杯咖啡：https://www.buymeacoffee.com/codewithsadee
Patreon ： https: //www.patreon.com/codewithsadee