Enefti
Enefti - NFT Marketplace HTML Template
- created: - June 2022
- updated: - June 2022
- by: ModelTheme
- Support via ThemeForest: Take me there
- Support via Ticketing System: Take me there
-
Enefti - NFT Marketplace HTML Template is a great design idea for NFT sellers to start a new website.
Enefti is the ultimate tool to get you into the NFT world.
Overview
Before we start, lets take a look on the folder structure of the template. All template files are placed in the HTML folder.
Pages
01 - Homepage - (File: index.html)
02 - Marketplace Page - (File: shop.html)
03 - Single NFT Page - (File: single-nft.html)
04 - About Us page - (File: about-us.html)
05 - Contact page - (File: contact.html)
Installation
This is an HTML Template and doesn't require instalation in the traditional meaning of the word. You only need to place the content (HTML files and the four folders) in your prefered web directory
Keep in mind that the folder structure and file/folder names are important for the correct template work
How to change the SKIN COLOR
How to change the SKIN COLOR
HTML Elements
Element name: Navbar
Output :
Code :
<nav class="navbar navbar-default logo-infos" id="modeltheme-main-head">
<div class="container">
<div class="row">
<div class="navbar-header col-md-12 col-lg-2">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="mobile_only_icon_group search">
<a href="#" class="mt-search-icon">
<i class="fas fa-search" aria-hidden="true"></i>
</a>
</div>
<div class="mobile_only_icon_group account">
<a href="sign-in.html">
<i class="far fa-user-circle"></i>
</a>
</div>
<div class="logo logo-image">
<a href="index.html">
<img class="img-responsive" src="assets/images/logos/logo.svg" alt="Enefti-Logo">
</a>
</div>
</div>
<div id="navbar" class="navbar-collapse collapse col-md-12 col-lg-10">
<div class="col-lg-10 col-md-12 col-sm-12 menu-holder">
<ul class="menu nav nav-effect nav-menu">
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home current-menu-ancestor current-menu-parent menu-item-has-children">
<a href="index.html">Home</a>
</li>
<li id="menu-item-2616" class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="shop.html">NFT Marketplace</a>
<span class="expand">
<i class="fas fa-chevron-down"></i>
</span>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="shop.html">Shop</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="single-nft.html">Single NFT</a>
</li>
</ul>
</li>
<li id="menu-item-26"
class="mega3menu menu-item menu-item-type-custom menu-item-object-custom">
<a href="#">Features</a>
<span class="expand">
<i class="fas fa-chevron-down"></i>
</span>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="collections.html">NFT Collections</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="sign-in.html">Create NFTs</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="sign-in.html">Login With MetamMsk</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2568">
<a href="#">Pages</a>
<span class="expand">
<i class="fas fa-chevron-down"></i>
</span>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="shop.html">Shop</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="single-nft.html">Single NFT</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="blog.html">Blog</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="single-post.html">Single Post</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="about.html">About</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="contact.html">Contact</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="404-not-found.html">404 Not Found</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
<a href="#">Help</a>
<span class="expand">
<i class="fas fa-chevron-down"></i>
</span>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="#">Documentation</a>
</li>
</ul>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom">
<a href="#">Purchase</a>
<span class="expand">
<i class="fas fa-chevron-down"></i>
</span>
<ul class="sub-menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="#">Purchase Theme</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page">
<a href="#">Purchase Theme + Addons</a>
</li>
</ul>
</li>
<li class="mt-nav-burger-li" id="mt-nav-burger">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</li>
</ul>
</div>
<div class="enefti-header-searchform">
<form name="header-search-form" method="GET" class="woocommerce-product-search menu-search" action="search.html">
<select name="product_cat" class="enefti-select">
<option value="">NFT Category</option>
<option class="level-0" value="archetype-by-kjetil-golid">Archetype (4)</option>
<option class="level-0" value="avid-lines">Avid Lines (6)</option>
<option class="level-0" value="azuki">Azuki (6)</option>
<option class="level-0" value="chimera-by-mpkoz">Chimera by mpkoz (6)</option>
<option class="level-0" value="coolmans-universe">Coolman’s (6)</option>
<option class="level-0" value="doodles">Doodles (12)</option>
<option class="level-0" value="foxfam">FoxFam (18)</option>
<option class="level-0" value="foxyfamnft">FoxyFam (10)</option>
<option class="level-0" value="lucky-zeros-purebase">Lucky Zeros (4)</option>
<option class="level-0" value="marscatsvoyage">Mars Cats Voyage (20)</option>
<option class="level-0" value="nyan-cat-official">Nyan Cat (Official) (17)</option>
<option class="level-0" value="phantabear">PhantaBear (7)</option>
<option class="level-0" value="swampverseofficial">Swampverse (18)</option>
<option class="level-0" value="unstoppable-domains">Unstoppable Domains (18)</option>
</select>
<input class="search-field" type="text" name="search" placeholder="Search products.." required="">
<button type="submit" class="btn btn-primary">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
<input type="hidden" name="post_type" value="product">
</form>
<div id="datafetch"></div>
</div>
<div class="col-lg-2 col-md-12 col-sm-12 col-12 menu-products">
<div class="my-account-navbar">
<ul>
<li id="nav-menu-login" class="enefti-logoin">
<a id="enefti-login-txt" href="sign-in.html">Sign In</a>
</li>
</ul>
</div>
<div class="button-search">
<a class="inquiry mt-search-icon">
<i class="fa fa-search"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
Element name: Card
Output :
Code :
<div id="enefti-tab-1-card-1" class="mt-addons-blog-posts-carousel-single-post col-lg-3 col-md-6 col-sm-12 col-12">
<div id="nft-45233" class="enefti-card-wrapper mt-addons-blog-posts-carousel-single-post-wrapper">
<div class="mt-addons-blog-posts-carousel-custom">
<div class="mt-addons-blog-posts-carousel-thumbnail enefti-card-img">
<div class="mt-addons-blog-featured-image">
<a href="single-nft.html">
<img src="assets/images/shop/nft-trends/nft-tr-1.jpg" alt="celebracion">
</a>
<div class="mt-addons-blog-posts-carousel-button mt-shop-cards-button">
<div class="mt-addons-blog-posts-carousel-content-inside">
<a href="single-nft.html" class="enefti-bid-btn relative">
<i class="fas fa-gavel"></i> Place A Bid
</a>
</div>
</div>
</div>
</div>
</div>
<div class="mt-addons-blog-posts-carousel-head-content">
<div class="enefti-card-title d-flex justify-content-between">
<a href="single-nft.html">Celebración Nyan Cat</a>
<a><i class="far fa-heart"></i></a>
</div>
<div class="enefti-details-card">
<p>Reserve Price</p>
<a class="d-flex align-items-center">
<img class="enefty-crypto-img" src="assets/images/icons_svgs/eth.svg" alt="eth">1.29 ETH
</a>
</div>
</div>
</div>
</div>
Element name: Tabs
Output :
Code :
<ul class="nav nav-tabs enefti-single-enefti-tabs">
<li class="nav-item">
<div id="enefti-single-nft-tab-btn-1" data-target="#enefti-single-nft-info" class="enefti-single-nft-tab nav-link active" role="tablist" data-toggle="tab">Description</div>
</li>
<li class="nav-item">
<div id="enefti-single-nft-tab-btn-2" data-target="#enefti-single-nft-review" class="enefti-single-nft-tab nav-link" role="tablist" data-toggle="tab">Reviews (0)</div>
</li>
<li class="nav-item">
<div id="enefti-single-nft-tab-btn-3" data-target="#enefti-single-nft-table" class="enefti-single-nft-tab nav-link" role="tablist" data-toggle="tab">Traits</div>
</li>
</ul>
How to change the SKIN COLOR
Add main color hexa code in body as class (eg: skin_ffffff / where ffffff is the hexa code for White color)
NOTE: Get hexa color using this site: http://www.colorpicker.com/
Go to css/style.css and replace the colors at the exact class.
Setting Up Contact Form
To change the receiver email address of the site follow these steps:
- Go to your theme files php/contact_mail.php and replace [email protected] with your own email address.
CSS Files and Structure
The template comes with several CSS (stylesheet) files grouped in the stylesheet folder:
- style.css;
Also it has the following plugins:
- plugins/animate
- plugins/select2
- plugins/nice-select
- plugins/swiper-js
- plugins/font-awesome
- plugins/bootstrap4
- plugins/magnific-popup
JavaScript
This template is heavily loaded with both custom JS functions and free jQuery plugins. All JS files are placed in a separate folder called "js". The list of files is as follows:
- enefti-custom.js
Plugins:
- plugins/jquery
- plugins/magnific-popup
- plugins/select2
- plugins/animate
- plugins/bootstrap4
- plugins/nice-select
- plugins/swiper-js
FAQ - Frequent Asked Questions
1. How can I install the Enefti NFT Marketplace HTML Template?
This is an HTML Template and doesn't require instalation in the traditional meaning of the word. You only need to place the content (HTML files and the four folders) in your prefered web directory
2. How to change the Skin color?
Add main color hexa code in body as class (eg: skin_ffffff / where ffffff is the hexa code for White color.Go to css/skin-colors/. Go to css/style.css and replace the colors at the exact class.
Support
Check our support platform at Ticksy for questions regarding our template or if you experience any issues.
