Anefty Documentetion
Buy Now

Thank you for Purchasing

Thank you for purchasing our Template. If you have any questions that are beyond the scope of this documentation file, please feel free to email via our user page contact form. Thank you so much!

Contact Support

How to get help:

We run support 24/7. You can expect a response within 24 hours.

  • Support Requests Are For:
  • - Helping Using This Template
  • - Instructions Setting Up This Template
  • - Bug Reports And Fixes
  • Support Requests Aren’t For:
  • - Helping With 3rd Party Plugins
  • - Integration of 3rd Party Plugins
  • - Free Customization Requests of Our Template

[Note: Need Some Premium Customization Done? Contact Us Via Our User Page Contact Form. ]

Anefty || NFT Marketplace HTML5 Template.

Version 1.0

Anefty is a NFT Marketplace HTML5 Template. It’s made with the latest Technology like SCSS + Gulp, Bootstrap and Jquery3. Anefty is the best HTML template for any kind of NFT Marketplace, digital marketplace, crypto-collectibles, digital art websites, creating friendly community with hundreds of members. well sorted documentation makes it very easy to customize.

It’s 100% super responsive and it works nicely on smartphones, tablets, & desktops. All files code have been well organized and nicely commented.

Template Features

  • Bootstrap
  • 3 Unique Homepage
  • 18+ Inner Pages
  • Component based design
  • Clean and Mordern Design
  • Super Responsive
  • Awesome custom Icons
  • Header, Footer and Layout Variation
  • Sticky Menu
  • Google Font
  • Wide Layouts
  • Working Contact Form
  • Coming Soon Page
  • 404 Page
  • Google Map
  • Modern Cross Browser Support
  • Pixel Perfect Design
  • W3C Validated Code
  • Well Documented
  • Error Free Code
  • Life Time Updates
  • Exclusive Support
  • In Depth Documentation
  • Free Updates
  • and much more...

Folder Structute

    Anefty/
    ├── HTML
    │   └─── assets
    │       └─── css
    │       └─── img
    │       └─── js
    │       └─── plugins
    │       └─── sass
    │       └─── webfonts
    │   └─── phpmailer
    │       └─── contact_form.php
    │       └─── Exception.php
    │       └─── OAuth.php
    │       └─── PHPMailer.php
    │       └─── POP3.php
    │       └─── SMTP.php
    │   ├── 404.html
    │   ├── activity.html
    │   ├── author.html
    │   ├── blog-details.html
    │   ├── blog.html
    │   ├── collection.html
    │   ├── coming-soon.html
    │   ├── contact.html
    │   ├── create.html
    │   ├── explore.html
    │   ├── help-center.html
    │   ├── home-v2.html
    │   ├── home-v3.html
    │   ├── home-v4.html
    │   ├── home-v5.html
    │   ├── index.html
    │   ├── item-details.html
    │   ├── login.html
    │   ├── profile-edit.html
    │   ├── profile.html
    │   ├── ranking.html
    │   ├── register.html
    │   ├── sendmail.php
    │   ├── upload.html
    │   ├── wallet.html
    ├── .eslintrc.js
    ├── .gitignore
    ├── gulpfile.js
    ├── package.json
    ├── package-lock.lock
    ├── README.md
    ├── yarn.lock

Installation

To begin installation please follow this guide bellow:

Via FTP:
  1. Open up your 'FTP Software' of choice and connect to your hosting
  2. Browse to required directory (Usually: ./public_html)
  3. Unzip the 'main_files.zip' and choose templates to upload.
  4. Upload the template to the server.

HTML Structure

The "Anefty" template is a responsive HTML5 template based on Bootstrap. The structure is based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.

If you would like to edit the layout of any elements in the whole template, you would do the following:

  • 1. Open any '.html' or '.css' file in a text editor.
  • 2. Find related comment/code.
  • 3. Do your magic.
<!DOCTYPE html>
    <html lang="en">
    
    <head>
        ...................................
    </head>
    
    <body data-bg-img="assets/img/bg/page-bg.png">
    
        <!-- Preloader -->
        <div class="preloader">
            ...................................
        </div>
        <!-- End Preloader -->
    
        <!-- Header -->
        <header class="header">
            ...................................
        </header>
        <!-- End Header -->
    
        <!-- Banner -->
        <div class="banner ov-hidden">
            ...................................
            ...................................
        </div>
        <!-- End Banner -->
    
        <!-- About -->
        <section class="pt-120 pb-120">
            ...................................
        </section>
        <!-- End About -->
    
        <!-- Video -->
        <div class="vdo_sec">
            ...................................
        </div>
        <!-- End Video -->
    
        <!-- Live Auction -->
        <section class="pt-120 pb-120 section-shape">
            ...................................
        </section>
        <!-- End Live Auction -->
    
        <!-- Explore Feeds -->
        <section class="pt-120 pb-120">
            ...................................
            ...................................
        </section>
        <!-- End Explore Feeds -->
    
        <!-- Support Center -->
        <section class="pb-120 mt-lg-120 pt-60 pt-lg-0 section-shape section-shape-right">
            ...................................
        </section>
        <!-- End Support Center -->
    
        <!-- Top Collection -->
        <section class="pt-120 pb-90">
            ...................................
        </section>
        <!-- End Top Collection -->
    
        <!-- Footer -->
        <footer class="footer">
            ...................................
            ...................................
        </footer>
        <!-- End Footer -->
    
        <!-- Back to Top Button -->
        <a href="#" class="back-to-top">
            ...................................
        </a>
        <!-- End Back to Top Button -->
    
    
        <!-- ======= jQuery Library ======= -->
        <script src="assets/js/jquery.min.js"></script>
    
        <!-- ======= Bootstrap Bundle JS ======= -->
        <script src="assets/js/bootstrap.bundle.min.js"></script>
    
        <!-- ======= Particles JS ======= -->
        <script src="assets/plugins/particles/particles.min.js"></script>
    
        <!-- ======= Menu JS ======= -->
        <script src=" assets/js/menu.min.js"></script>
    
        <!-- ======= Swiper JS ======= -->
        <script src="assets/plugins/swiper/swiper-bundle.min.js"></script>
    
        <!-- ======= Magnific Popup JS ======= -->
        <script src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    
        <!-- ======= Countdown JS ======= -->
        <script src="assets/plugins/countdown/countdown.min.js"></script>
    
        <!-- ======= Nice select JS ======= -->
        <script src="assets/plugins/nice-select/jquery.nice-select.min.js"></script>
    
        <!-- ======= Isotope JS ======= -->
        <script src="assets/plugins/Isotope/isotope.pkgd.js"></script>
    
        <!-- ======= Wayoints JS ======= -->
        <script src="assets/plugins/counterup/waypoints.min.js"></script>
    
        <!-- ======= CounterUp JS ======= -->
        <script src="assets/plugins/counterup/jquery.counterup.min.js"></script>
    
        <!-- ======= Main JS ======= -->
        <script src="assets/js/main.js"></script>
    
        <!-- ======= Custom JS ======= -->
        <script src="assets/js/custom.js"></script>
    </body>
    </html>

CSS Structure

In our style.css file all the code are well structured as well as well commented. Here is the sample


    /*
	*******************
	Template name:  Anefty
	Version:        1.0
	Author:         Themelooks
	Author url:     http://themelooks.com

	NOTE:
	-----
	Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
	We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

    ******** CSS INDEX ********
    01. Base
        1.1 Reset 
        1.2 Spacing
        1.3 Color
    02. Components
        2.1 Helper
        2.2 Animation
        2.3 Social List
        2.4 Inputs
        2.5 Buttons
        2.6 Products
        2.7 Widget
        2.8 Title
        2.9 Pagination
        2.10 BackToTop
        2.11 Preloader
        2.12 Breadcrumb
    03. Layout
        3.1 Header
        3.2 Footer
        3.3 Blog
        3.4 404
        3.5 Coming Soon
        3.6 Banner
    04. Section
        4.1 Small Sections
        4.2 About
        4.3 Auction
        4.4 Support
        4.5 Collection
        4.6 Trending
        4.7 Sell NFT
        4.8 Feature
        4.9 Category
        4.10 Author
        4.11 Contact
    ********************/



    /* ************************
   01.1: Reset
   ********************* */
:root {
  --c1: #ff0076;
  --c2: #590f87;
  --title-color: #02072e;
  --text-color: #666666;
  --border-color: #dddddd;
  --white: #ffffff;
  --black: #000000;
  --body-bg: #071838;
  --title-font: "Lexend", sans-serif;
  --body-font: "Roboto", sans-serif;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  outline: none !important;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: var(--body-font);
  font-weight: 400;
  font-size: 16px;
  line-height: calc(28 / 16);
  color: var(--text-color);
  text-align: left;
  background-color: var(--body-bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden !important;
}

JS Structure

In our main.js file all the code are well structured as well as well commented. Here is the sample


    /*---------------------------------------------
Template name :  Anefty
Version       :  1.0
Author        :  ThemeLooks
Author url    :  http://themelooks.com

NOTE:
------
Please DO NOT EDIT THIS JS, you may need to use "custom.js" file for writing your custom js.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.js".

[Table of Content]

    01: Main Menu
    02: Sticky Nav
    03: Submenu Responsive
    04: Background Image
    05: Check Data
    06: Swiper
    07: Changing svg color
    08: Google map
    09: Preloader
    10: Contact Form
    11: Back to top button
    12: Mobile Menu
    13: particlesJS
    14: Love React
    15: Countdown Timer
    16: Magnific Popup
    17: Nice Select
    18: Isotope
    19: Follow Button
    20: Banner Mousemove
    21: Counter Up
    22: Copy Clipboard
    23: Increase/Decrease Product Quantity
      23.1: Increase
      23.2: Decrease
    24: Contact Form
    25: currentYear
----------------------------------------------*/



    (function ($) {
        "use strict";
      
        /*===================
        01: Main Menu
        =====================*/
        $('ul.nav li a[href="#"]').on("click", function (event) {
          event.preventDefault();
        });
      
        /* Menu Maker */
        $(".nav-wrapper").menumaker({
          title: "",
          format: "multitoggle",
        });
      
        $($(window)).on("scroll", function () {
          if (!$("ul.nav").hasClass("open")) {
            $("#menu-button").removeClass("menu-opened");
          }
        });
      
        function mobileMenu() {
          if ($(window).width() < 1200) {
            $(".nav-wrapper .nav-wrap-inner").hide();
          } else {
            $(".nav-wrapper .nav-wrap-inner").show();
          }
        }
      
        $(window).on("resize", function () {
          mobileMenu();
        });
        mobileMenu();

FAQ

Here is some commonly asked quistions.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Preloader'
  • Remove Code Block.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Start Logo'
  • Edit Code.
[Default Logo]


[Sticky Logo]

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Nav'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Header Main'
  • Remove This Class "love-sticky".

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Banner'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'About'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Video Buttton Wrapper'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Single Product'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Section Title'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Collection'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'index.html').
  • Find the comment 'Footer'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v3.html').
  • Find the comment 'Banner'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v3.html').
  • Find the comment 'Trending Profile'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v3.html').
  • Find the comment 'Sell NFTs'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v3.html').
  • Find the comment 'Newsletter'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v4.html').
  • Find the comment 'Banner'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v4.html').
  • Find the comment 'Featured Artists'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'home-v4.html').
  • Find the comment 'Category'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'profile.html').
  • Find the comment 'Author'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'wallet.html').
  • Find the comment 'Wallet'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'item-details.html').
  • Find the comment 'Item Details'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'login.html').
  • Find the comment 'Login'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'register.html').
  • Find the comment 'Register'
  • Edit Code.

  • Open '.html' file in a text editor (For example: '404.html').
  • Find the comment '404'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'coming-soon.html').
  • Find the comment 'Coming Soon'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'blog.html').
  • Find the comment 'Single Post Item'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'blog.html').
  • Find the comment 'Instafeed'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'blog-details.html').
  • Find the comment 'Blog Details'
  • Edit Code.

  • Open '.html' file in a text editor (For example: 'contact.html').
  • Find the comment 'Contact Form'
  • Edit Code.

  • Open 'sendmail.php' file in a text editor.
  • Find the comment 'Replace this with your own email address'
  • Edit email and name.

SOURCE AND CREADITS

Photos:
  • All 'images' used on the demo site is for demonstration purposes only and are not included in the main download file.
  • All images collected from 'Google Image Search'
Font:
Frameworks / Libraries:
Plugins:
Change Logs

02/05/2022
First release