项目简介
nfchawk 是一款专业的 NFT(非同质化代币)主题 HTML 模板,适用于数字艺术品交易平台、NFT 拍卖市场及加密创作者社区网站。模板基于 Bootstrap 5 构建,采用响应式布局,提供了从首页、拍卖详情到钱包连接、登录注册等完整的业务页面。
技术栈
- Bootstrap 5(响应式框架)
- jQuery(DOM 操作与交互)
- Font Awesome 6(图标库)
- Jarallax(视差滚动效果)
- Swiper(幻灯片轮播)
- Google Fonts(Poppins 字体)
- 静态 HTML/CSS/JS(无构建工具依赖)
项目结构
text
nfchawkhtml-10/nfchawk pack/
├── doc/ # 模板使用文档
│ ├── index.html
│ ├── css/
│ │ ├── bootstrap.css
│ │ └── style.css # 文档样式
│ └── images/
└── nfchawk/ # 正式模板文件
├── index.html # 首页(主入口)
├── about.html
├── blog.html / blog-single.html
├── collection.html / create-collection.html
├── live-auctions.html
├── items-details.html
├── wallet.html
├── log-in.html / sign-up.html
├── contact-us.html
└── css/
├── bootstrap.css
├── style.css # 主样式(含 module-css 分块)
└── responsive.css
核心文件说明
nfchawk/index.html— 模板首页入口,包含导航、幻灯片及 NFT 展示区块nfchawk/css/style.css— 主样式表,通过@import引入 20 个模块化 CSS 文件nfchawk/live-auctions.html— 实时拍卖列表页面nfchawk/items-details.html— NFT 商品详情页nfchawk/wallet.html— 钱包连接页面doc/index.html— 官方使用文档(包含 HTML 结构、CSS 架构、Javascript 说明)
快速开始
- 直接用浏览器打开
nfchawk pack/nfchawk/index.html即可预览完整模板 - 如需本地服务器环境,可使用 VS Code Live Server 插件或执行
python -m http.server 8080后访问http://localhost:8080 - 修改
css/style.css中的样式变量或替换images/目录中的图片即可开始定制
使用建议
该模板适合快速搭建 NFT 交易平台原型,生产环境中需自行接入后端 API(如钱包签名、智能合约交互接口)。所有表单页面(如登录、注册、联系页)为纯前端展示,需对接真实数据服务。
