Project Overview
Etherino is a Bootstrap-based HTML template for NFT digital collectibles trading platforms, offering two themes: dark (etherino-dark) and light (etherino-light). The template includes 17 complete pages such as Home, Authors, Collections, Auctions, Blog, FAQ, Contact, etc., suitable for quickly building NFT art marketplaces, digital collectibles display platforms, or metaverse virtual asset trading websites.
Tech Stack
- HTML5 + CSS3 (static pages)
- Bootstrap 5.x (layout and responsive design)
- jQuery 3.6.0 (DOM manipulation and interactions)
- Owl Carousel 2.x (carousel component)
- Slick Slider (author/collection sliders)
- Magnific Popup (image/video lightbox)
- TweenMax (animation effects)
- Boxicons (icon library)
Project Structure
etherinohtml-10/
└── main-file/
├── etherino-dark/ # Dark theme (primarily used)
│ ├── index.html
│ ├── blog.html
│ ├── explores.html
│ ├── collection.html
│ ├── item-details.html
│ ├── authors.html
│ ├── live.html
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── style.css # Main stylesheet
│ │ └── responsive.css
│ └── js/
│ ├── main.js # Core interaction logic
│ └── bootstrap.min.js
├── etherino-light/ # Light theme (same structure as above)
└── documentation/ # Official documentation page
Key Files Description
etherino-dark/index.html— Homepage, includes Banner, Categories, Auction Items, Featured Authors, etc.etherino-dark/css/style.css— Main stylesheet, defines global variables, layout, and component stylesetherino-dark/js/main.js— Interaction logic, controls carousels, form validation, modals, counters, etc.etherino-dark/css/responsive.css— Media query breakpoint stylesetherino-dark/item-details.html— NFT asset detail page templateetherino-dark/authors.html— Creator/artist list page
Quick Start
- Open
main-file/etherino-dark/index.htmldirectly in a browser to preview the full effect - Or use any local server (e.g., Live Server) to access the root directory for a better development experience
- Modify CSS variables in
css/style.cssto quickly adjust the theme color scheme
Usage Suggestions
- The dark theme uses a blue-purple gradient color scheme, suitable for Crypto/blockchain-style projects; the light theme is more versatile and can be used for traditional e-commerce or gallery-type websites
- This template is a pure frontend static page; backend functionality (wallet connection, on-chain transactions, etc.) needs to be integrated according to actual requirements
- The template already includes responsive support; it is recommended to test the compatibility of navigation menus and carousel components on mobile devices
