Documentation

Need Help Portfolio Reviews

Introduction

What is Crush It Application UI Kit?

It’s responsive HTML template, which is based on the Bootstrap 4X framework. It utilizes all of the Bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications.

FAQs

1. What is Regular License ( $18 )

Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.

2. What is Extended License ( $750 )

Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.

3. Do I need to purchase a license for each website?

Yes, you need to have a separate license for each website.

4. 4. Do you Charge for each Upgrade?

Not at all

Grunt File & Installation

The JavaScript Task Runner.

Installing Grunt: Run npm install grunt --save-dev command from your teminal to install grunt within your project.

Grunt Sass: Run grunt sass command from your project directory. It will compile SASS to CSS for the project. This will read the file `assets/scss/filename.scss` and output a plain-css file to `/assets/css/filename.css`.

Grunt JSHint: Run grunt jshint command from your project directory. It will checks all *.js files under `assetsjs/filename` for common syntax or coding errors using the JSHint utility.

Grunt Sprite: Run grunt sprite command from your project directory.

Further help: To get more help on the grunt checkout Grunt

Note: However, any SASS code you write must be able compile via Grunt as well.It will generate pre-compiled javascript templates.

Grunt is a JavaScript task runner, a tool used to automatically perform frequent tasks such as minification, compilation, unit testing, and linting. It uses a command-line interface to run custom tasks defined in a file.

SCSS Structure

Before you can use Sass, you need to set it up on your project. If you want to just browse here, go ahead, but we recommend you go install Sass first. Go here if you want to learn how to get everything setup.

Folder Structure

Documentation/
Crush it/
├── assets ( For All )
    ├── bundles/
    ├── css/
    ├── fonts/
    ├── images/
    ├── js/
    ├── plugins/
    ├── sass/

├── Dark Version
    ├── assets ( For Dark Version )
        ├── CSS File
        ├── Js File
    ├── components/
    ├── HTML File/

├── Light Version
    ├── assets ( For Light Version )
        ├── CSS File
        ├── Js File
    ├── components/
    ├── HTML File/

├── Mini Sidebar Dark Version
    ├── assets ( For Mini Sidebar Version )
        ├── CSS File
        ├── Js File
    ├── components/
    ├── HTML File/

├── RTL Full Version
    ├── assets ( For RTL Version )
        ├── CSS File
        ├── Js File
    ├── components/
    ├── HTML File/

├── Sidebar Dark Version
    ├── assets ( For Sidebar Dark Version )
        ├── CSS File
        ├── Js File
    ├── components/
    ├── HTML File/

In The Box

  • A ready-to-use version of the theme
  • 500+ HTML files
  • All demo images & videos
  • CSS & SCSS source codes
  • JavaScript source codes
  • All plugins & libraries
  • Documentation

Credit for

Google fonts are used in the template. They are as follows: Source Sans Pro

Font Awesome: Click to See

All Images are used: Pexels.com

Bootstrap

by @mdo and @fat

Bootstrap Color Picker

by Javi Aguilar

Bootstrap Social Button

by Panayiotis Lipiridis

Bootstrap Tags Input

by Schlechter

Timepicker

by @jdewit

DataTables

by @datatables

Dropzone.JS

by Matias Meno

Flag Icon CSS

by Panayiotis Lipiridis

Font Awesome

by @fontawesome

Full Calendar

by Adam Shaw

jQuery

by The jQuery Foundation

jQuery Vector Map

by Manifest Interactive

Select2

by Kevin Brown and Igor Vaynberg

Simple Weather

by James Fleeting

Summernote

by Alan Hong

Sweet Alert

by Tristan Edwards

Weather Icon

by Erik Flowers

Chart.JS

by Nick Downie

Sparkline

by Gareth Watts

Popper.JS

by Federico Zivolo