MartPlace Documentation

Theme Name: MartPlace - Complete Online Multipurpose Marketplace
Author: AazzTech
Author: URI: http://aazztech.com/
Created: 06/jan/2017
Version: 1.0.0
License: © AazzTech

### Welcome

BIG THANKS for purchasing this theme, your support is truly appreciated! This document covers the installation and use of this template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, Please feel free to contact with our dedicated Support team

### Template Features

1. Clean Code
2. HTML5 & CSS3
3. Fully Responsive Design
4. All files are well commented
5. Crossbrowser Compatible with IE10+, Firefox, Safari, Opera, Chrome
6. Extensive Documentation
7. Sass files included
8. Task automation with gulp
9. Beautiful Design

### Installing Template

After unzip the download pack, you'll find a Template Folder ( martplace ) with all the files. You can view this Template in any browser, you can display or edit the Template without an internet connection.

Now open your FTP Client (like Filezilla) and upload the content of the Template on your server root. Once the files are done uploading go to www.yourdomainname.com/index.html

### Folder Structure

`

        ├── src
        │   ├── js
        │   │   ├── vendor (contains jquery plugin scripts)
        │   ├── css (contains plugin css)
        │   ├── fonts/
        │   ├── imgs/
        │   ├── sass/
        |   |   ├── components
        |   |   ├── general
        │
        ├── .gitignore
        ├── gulpfile.js
        ├── package-lock.json
        ├── README.md

`

### HTML Structure

This Template has a Responsive layout and is based on the Bootstrap Framework. For more information about this visit Bootstrap Scaffolding.

All the files and folders are organized appropriately. These files are essential for proper working of the template. You can make changes in the files as shown below in this document but please don't alter the file structure, that is, don't remove or move any files from css, js and images folder unless instructed in this document.

please change mata tag content name description, author, summary, Classification to improve your SEO :)

### Installing Node

Gulp requires node to run. And it usages npm packages to perform different task, So install node and npm first.Please fllow the guide

1.Installing node

>Go to https://nodejs.org/en/ and download the appropriate version for you OS.

2.Installing Gulp

> go to command and run `npm install -g gulp` it will install gulp globally

3.Getting started

> Now navigate to the martplace folder and run `npm install`, it will install all the dependecies

### Gulp tasks

Gulp is amazing tools for task automation. It automates time-consuming tiresome for task you. It helps keep the concentration on actual work by taking care of many redundant boring task such as sass compilation, css compression, js/css injection etc.

`> gulp build`

this command will take the html, css, js, fonts from the `src/` directory to `build/` with optimizing the images, cmpiling the sass, minimizing the css and js file. ready to upload

`> gulp dist`

this command will take the html, css, js, fonts from the `src/` directory to `dist/` with optimizing the images, cmpiling the sass, minimizing the css and js file. Difference between `build` and `dist` is on `dist` command the css and js files compress into 4 files only. 2 js ile and 2 css file and injected into html files. for better performance

`> gulp serve`

gulp serve command is handy during development, cause it takes the `index.html file` from `src/` directory and opens in the browser at `localhost:3000/`

`> gulp sass`

The command kind of describe itself, It compiles the sass files into `style.css`

`> gulp`

`Gulp` command is equivlent to `gulp default` it runs the default task that has been assigned to it. In this particular project `Gulp` serves the project in the browser, watches for sass,css,js,html changes and synces and excutes task associated with it.

`Important note:` For better image optimization, We used Tinypng api based `gulp-tinypng-compress` package. It requires a API key to perform the task. Please the the api key with your own API key like shown in the image below

to get the api key please vist this link https://tinypng.com/developers. Sign up with you email and get the api key from here https://tinypng.com/dashboard/developers

### Update Video

Video structure
please provide youtube or vemio video url here.

### Update Your map location

To update your map location please add your map location Longitude and Longitude. to do that go to `js > map.js` and change the lat lang of with your desired location lat-lang.

and update

### Credit

### Fonts

1. Quicksand

### Icons

1. fontawesome
2. Linearicns Free

### Framework

1. Bootstrap

### Still Have Question Don't worry. Tell our dedicated Support team