Build tools

Apply uses Grunt for its CSS and JavaScript build system, it's optional, you can use this theme without grunt tools, we included all the dependencies in this project.

  1. Download and install Node, which we use to manage our dependencies.
  2. Run npm install to install dependencies
  3. Run grunt build:sass to build css file
  4. Run grunt build:dist to build dist with minified js and css

Note: any commands we tell you to run must be ran from the project's root folder.


Upload the unpacked files on to your server. eg. Apache or IIS

Note: This template is built with Ajax. you need put the files on a server for the lazyload plugins to work

What's include

You'll find the following directories and files, grouping common resources and providing both compiled and minified distribution files, as well as raw source files.

   |-- package.json
   |-- GruntFile.js
   |-- index.html
   |-- assets/
   |   |-- css/
   |   |-- images/
   |-- libs/
   |   |-- jquery/
   |   |-- bootstrap/
   |   |-- ...
   |-- html/
   |   |-- dashboard.html
   |   |-- app.user.html
   |   |-- ...
   |   |-- scripts/
   |   |   |-- app.js
   |   |   |-- nav.js
   |   |   |-- ...

Styles / Scss

Bootstrap 4

You can apply any provided colors to any blocks, even on the Light, Dark theme.

The css file is generated by Scss files. There are many variables you can config to build the css file. many classes are extended from bootstrap css.



This template uses the Pjax for ajax load the page. you can disable it by remove the relative codes(remove the html/scripts/ajax.js)


BUY Theme Switcher






0 1 2 3 4 5 RTL