What's included

• assets/
  • css/
    • component.css
    • style.css
    • bootstrap-editable.css
    • responsive.css
    • samples.css
    • tm_validator.css
    • tm_editable.css
    • swiper.min.css
    • slick-theme.css
    • ...- More
  • icon/
    • flag-icon.min.css
    • icofont.css
    • themify-icons.css
    • icofont.css
    • ionicons.min.css
    • material-design-iconic-font.min.css
    • simple-line-icons.css
    • typicons.min.css
    • weather-icons-wind.min.css
    • weather-icons-wind.min.css
    • ...- More
  • images/
    • logo.png
    • user.png
    • other-a.png
    • ...-More
  • js/
    • bootstrap-growl.min.js
    • animation.js
    • classie.js
    • color-json-common-page.js
    • common-pages.js
    • jquery.quicksearch.js
    • modalEffects.js
    • swiper-custom.js
    • ...- More
  • custom Page Js/
    • accordion.js
    • ace-editor.js
    • advance-form.js
    • animation.js
    • button-fab.js
    • ...-More
  • Default.html
  • Ecommerce.html
  • CRN.html
  • Analytics.html
  • Project.html

File structure

Let's talk about what's inside the package.

Default Page Layout

Gradient Able- Comman page layout structure

Gradient Able comes with 11+ different pages layout where template's sidebar menu change everytime. Below is the default page layout of Gradient Able admin template.

Install-template

Yep, as simple as that.

Bower Install

Bower Install

<!-- Bower Install -->

$ npm install -g bower

<!--After Install Bower - Required to Install "Bower Installer" --> 

<!--Install bower-installer by executing -->
$ npm install -g bower-installer

<!--From the terminal in the same directory as your bower.json file, enter:-->
$ bower-installer
<!-- After above command it will run bower.json file and all bower components copy into "build" folder-->


                                    

SCSS

SCSS files

    <!-- Variables SCSS Syntax -->

$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}


   <!-- Nesting SCSS Syntax -->
   nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}
                                    

CSS Classes Reference

Plugins

Browser support

Specifically, we support the latest versions of the following browsers and platforms. On Windows, we support Internet Explorer 9+. More specific support information is provided below.

FAQ

Begin typing your question. If we don't have an answer for it in our FAQ, please leave us a message on our contact page.

Version Change Log

Detailed version change log describe below.

03-03-2017 v3.0 Release
-------------------------
- Minor bugs solved in design. 
							
05-12-2017 v2.0 Release
-------------------------
Angular 5 full template version included in package.
New Dashboard + Widgets variants included in package.

v1.0
-----------
25-11-2017 - v1.0 Release