Etherino - NFT HTML 市场 preview 1

Etherino - NFT HTML 市场

bookmark

Etherino 是一套基于 Bootstrap 的 NFT 数字藏品交易平台 HTML 模板，提供深色（etherino-dark）和浅色（etherino-light）两套主题。该模板包含首页、作者、藏品、拍卖、博客、FAQ、联系等 17 个完整页面，适用于快速搭建 NFT 艺术品交易市场、数字藏品展示平台或元宇宙虚拟资产交易网站。

HTMLbitcoinblockchainbootstrap 5cryptocrypto collectiblescryptocurrencydigital art

项目简介

Etherino 是一套基于 Bootstrap 的 NFT 数字藏品交易平台 HTML 模板，提供深色（etherino-dark）和浅色（etherino-light）两套主题。该模板包含首页、作者、藏品、拍卖、博客、FAQ、联系等 17 个完整页面，适用于快速搭建 NFT 艺术品交易市场、数字藏品展示平台或元宇宙虚拟资产交易网站。

技术栈

  • HTML5 + CSS3（静态页面）
  • Bootstrap 5.x（布局与响应式）
  • jQuery 3.6.0（DOM 操作与交互）
  • Owl Carousel 2.x（轮播组件）
  • Slick Slider（作者/藏品滑块）
  • Magnific Popup（图片/视频弹窗）
  • TweenMax（动画效果）
  • Boxicons（图标库）

项目结构

text
etherinohtml-10/
└── main-file/
    ├── etherino-dark/          # 深色主题（主要使用）
    │   ├── index.html
    │   ├── blog.html
    │   ├── explores.html
    │   ├── collection.html
    │   ├── item-details.html
    │   ├── authors.html
    │   ├── live.html
    │   ├── css/
    │   │   ├── bootstrap.min.css
    │   │   ├── style.css        # 主样式
    │   │   └── responsive.css
    │   └── js/
    │       ├── main.js          # 核心交互逻辑
    │       └── bootstrap.min.js
    ├── etherino-light/          # 浅色主题（结构同上）
    └── documentation/           # 官方文档页面

核心文件说明

  • etherino-dark/index.html — 首页，包含 Banner、分类、拍卖品、作者精选等模块
  • etherino-dark/css/style.css — 主样式文件，定义全局变量、布局与组件样式
  • etherino-dark/js/main.js — 交互逻辑，控制轮播、表单验证、弹窗、计数器等
  • etherino-dark/css/responsive.css — 媒体查询断点样式
  • etherino-dark/item-details.html — NFT 资产详情页模板
  • etherino-dark/authors.html — 创作者/艺术家列表页

快速开始

  1. 直接在浏览器打开 main-file/etherino-dark/index.html 即可预览完整效果
  2. 或使用任意本地服务器（如 Live Server）访问根目录获得更好的开发体验
  3. 修改 css/style.css 中的 CSS 变量可快速调整主题配色

使用建议

  • 深色主题采用蓝紫渐变配色，适合Crypto/区块链风格项目；浅色主题更通用，可用于传统电商或画廊类网站
  • 该模板为纯前端静态页面，后端功能（钱包连接、链上交易等）需根据实际需求自行集成
  • 模板已内置响应式支持，建议在移动端测试导航菜单与轮播组件的兼容性
help_outline

常见问题