Follow the steps below:

1. Download the latest template source from ThemeForest.
2. Extract Agrikon downloaded zip file. Extracted zip file will have 2 folders.
3. Agrikon => main source files
4. Documentation => guide lines
5. We'll start of the process by installing Gulp onto your computer. Gulp requires you to have Node.js and Node Package Manager (NPM) installed on your system, so if you haven’t gotten them yet,
   then go to Node.js’s website and download the installer.
6. Once you’re done installing Node.js and NPM, you can install Gulp by typing the following command in the command line:
7. Start with command prompt if you use windows or start with terminal or iterm if you use mac:

1. sudo npm install gulp-cli -g
2. # Note: Widnows users do not require the `sudo`keyword
3. cd /Agrikon-directory
4. npm install gulp [Note: we used gulp 4 version after run this command gulp 4 version will be installed into your computer.]
5. # Note: don't use sudo keyword mac users and windows users now
6. Now gulp 4 version will be installed after run this command [npm install gulp]
7. You are now good... Start adding into your Agrikon's main style.scss file your code will be automatically compile in the style.css file.
8. Please see the gulpfile.js file you will get all specific

• Now go to your main file. and You will also see a new folder node_modules that was created when you ran the command. npm install gulp
• how to install sass and use
  // install sass
  npm install -g sass
  // you may need to use SUDO eg. sudo npm install -g sass
  // go to the project root in the terminal using the CD command.
  // in the root of your project directory run the following commands.
  1. To compile sass use the following command
sass sass/style.scss:sass/style.css
  2. To watch for changes in SASS file and to compile automatically use the following command
sass --watch sass/style.scss:sass/style.css

  To stop watching files, use CTRL + C on Windows or Command + C on Mac OS
  or go to sass's website
• if you have any confusion, issue then feel free contact us

The html template uses Latest Bootstrap v3.3.7 with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.

Basic Grid HTML

For a simple two column layout, create a .container and add the appropriate number of .col-md* columns.

Given this example, we have .col-md-4 and .col-md-8, making for 12 total columns and a complete row.

    

        
...
        
...
    

                

Nesting Columns

To nest your content with the default grid, add a new .container and set of .col-md* columns within an existing .col-md* column. Nested rows should include a set of columns that add up to the number of columns of its parent.

    

        Level 1 column
        

            
Level 2
            
Level 2
        
    

    

        Level 2 column