Hi5Dash - HTML5 Admin Template By Jewel Theme

Hi5Dash - HTML5 Admin Template By Jewel Theme built with Bootstrap-4, HTML5 and CSS3/SCSS that have well-organized with valid code. This template specially designed for Admin Dashboard. This documentation provide you a clear & full guideline for how to use this HTML5 Template. Now, it's time to dive in it for better conception

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to drop a email in our support address or ask question in our forum. Thanks so much!

HTML Structure

 

This Template is a responsive HTML5 Template. It's followed HTML5 structure. All of the information within the main body area is nested within an HTML5 tag. You will find all content in specific HTML5 tags such as <header>, <section>, <aside>, <article>, <footer> etc tags. Every section is separated with comments. We followed all coding standard procedure.

Head section structure: Here is the example of <head> section code.

image

Body section structure: Here is the structure of one section of <body> tag. It is very much well organized and well commented

image

CSS Files and Structure

 

We are using sevaral SCSS/CSS files in this Template such as style.css for reset, themes.css for common styles and evey page have it's own style page in css folder. Jewel Theme Always follow the latest trends of coding standard. Many browser interpret the default behavior of html elements differently. By using a general reset SCSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

CSS Files include with this template:

 

The second file contains all of the specific default stylings for the page. Here is the an example of default style. The file is separated into sections using:

 

etc.

 

 

If you would like to edit a specific section of a page of this template, simply find the appropriate file in the CSS folder, and then scroll down until you find the appropriate style that needs to be edited.

 

 

CSS coding standard: We followed Less and css3 coding standard. Here is the example:

 

 

image

JavaScript

 

 

This template imports Following Javascript files.

 

  1. jQuery Library

  2. Bootstrap js scripts

  3. Magnific PopUp js

  4. Owl Carousel and its js used and many more.....

Features

 

 

Hi5Dash - HTML5 Admin Template By Jewel Theme's Features:

  1. Bootstrap v4

  2. Fully Responsive

  3. FontAwesome, Themify, Simple Line Icons

  4. Google Font And Manymore.........

Sources and Credits

 

This template imports Following Javascript files.

  1. jQuery Library

  2. Bootstrap js scripts

  3. Magnific PopUp js

  4. Owl Carousel and its js used and many more.....

 

There are a few functions worth looking over.

  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.

  2. Most of the animation in this site is carried it's own and custom scripts.

  3. In addition to the custom scripts named google map, we implement its plugin. This custom code used to control google map and navigation menu.

Images:

Most of the images are provided with PSD and some images are collected from web. 

Once again, thanks for purchasing our Hi5Dash - HTML5 Admin Template By Jewel Theme. As we said you at the beginning, we'd be glad to help you or to solve your problem if you have any questions relating to this Template. No guarantees, but you'll find me trying my best to assist. If you have any more general question relating to this Template on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section or open an support topic at our official site Jewel Theme Support. And please mention the topic item name.

 

Thanks.