...
Buy now

Neftify - NFT Marketplace React Nextjs App

v 1.0

Introduction

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.

Requirements

You will need the following sofwares to customize this template.

  1. Code Editing Software (eg: VS Code, Sublime Text or Notepad)
  2. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
  3. FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Installation

Overview

This section guides you to install all required software and libraries in order to fully utilize Metronic for your proje

Install Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js is required in order to run the Metronic build tools. Download the latest version of Node and install it: nodejs.org/en/download/

Update your NPM

Npm is the package manager for JavaScript and the world’s largest software registry. Npm is a separate project from Node.js, and tends to update more frequently. As a result, even if you’ve just downloaded Node.js (and therefore npm), you’ll probably need to update your npm.

npm install --global npm@latest

Install all dependencies

If you want to update or develop this theme, you need to install all dependencies by running:

npm install

Update #back to top

Overview

You may want to update the plugins used in this template

Install all dependencies

If you haven't yet run the

npm install
command, please run this command on this project root directory to install all dependencies

Install Gulp CLI

Install gulp-cli to make Gulp perform cli actions. To install gulp-cli, run this command

npm install gulp-cli --global

Copy plugins

You have to copy all updated plugins to your project folder from node_modules. To copy all plugins together, run this comment:

gulp plugin

Generate Common.js

In order to simplify common scripts, we accumuluted the common scripts together. So you need to run a simple command to generate common.js. common.js contains jquery.min.js, bootstrap.bundle.min.js, metisMenu.min.js, jquery.slimscroll.min.js, bootstrap-select.min.js

gulp common_js

Now your plugins and scripts are updated. Enjoy!

Compile SASS #back to top

Overview

You may want to build your SASS in order to change any layout or update. If you haven't run

npm install
yet, please run it first. Then follow next step.

Build/Compile/Watch

Run following command to watch and build SASS

npm run watch

Path change

You may want to change your folder destination of outputed CSS or input SASS. In order to do that, just open the package.json file and update the script command's path as yours.

"watch": "node-sass --watch src/main/scss/main.scss src/main/css/style.css --source-map src/main/css/style.css.map"

Folder structure #back to top

SCSS structure #back to top

Custom Js #back to top

$("#bootgrid-basic").bootgrid();

HTML structure #back to top

Head

Gleek - Bootstrap Admin Dashboard HTML Template <link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/favicon.png"> <link href="../css/style.css" rel="stylesheet">

Body

Preloader
Header
Footer

Copyright © Gleek 2018

Fonts #back to top

In this template we used "Segoe UI" font which is provided by Bootstrap default. That's why we didn't have to import any font anymore. But font can be added and changed by following ways.

Import font

Import the font into font.scss

//import your font like this @import url('Your font URL');
Apply font

Now change the template font-family in the _variable.scss file

//change the font family name $pf: "Segoe UI";

Icon #back to top

Following icon fonts used in this template

Icon Name Example URL
Font Awesome <i class="fa fa-address-book"></i> https://fontawesome.com/v4.7.0/icons/
Simple line icons <i class="icon-user icons"></i> https://github.com/thesabbir/simple-line-icons
Weather icons <i class="wi wi-night-sleet"></i> https://erikflowers.github.io/weather-icons/
Crypto icons <i class="cc BTC"></i> https://github.com/AllienWorks/cryptocoins
Linea icons <i class="cc BTC"></i> http://www.linea.io/
Ionicons <i class="icon ion-md-heart"></i> https://ionicons.com/
Themify Icons <i class="ti-arrow-right"></i> https://themify.me/themify-icons
Material design Icons <i class="mdi mdi-name"></i> https://materialdesignicons.com/cdn/2.0.46/
Pixeden Icons <i class="pe-is-w-blizzard"></i> http://themes-pixeden.com/font-demos/the-icons-set/weather/

Credit #back to top

Name URL
Font Awesome https://fontawesome.com/v4.7.0/icons/
Simple line icons https://github.com/thesabbir/simple-line-icons
Weather icons https://erikflowers.github.io/weather-icons/
Crypto icons https://github.com/AllienWorks/cryptocoins
Linea icons http://www.linea.io/
Ionicons https://ionicons.com/
Themify Icons https://themify.me/themify-icons
Material design Icons https://materialdesignicons.com/cdn/2.0.46/
Pixeden Icons http://themes-pixeden.com/font-demos/the-icons-set/weather/

Hire us #back to top

If you need theme customization or custom web development, please provide your project details using below form and one of our well established development partners will get back to you with a free quote

Send me qoute