Zendash - Admin Dashboard HTML Template

Dashboard

Welcome to Zendash - Admin Dashboard HTML Template

  • Created Date: 11/11/2020
  • Author: Sprukosoft
  • Company: Spruko Technologies Private Limited
  • Support: support@spruko.com

Thank you for purchasing our admin template. Feel free to contact us any time. We have a dedicated team to provide you the best support. If you have any queries please contact live chat or email : sprukotechnologies@gmail.com

If You Love Our Template Design Please don't forgot to rate it. Thank you so much! 😊

Introduction
Welcome to Zendash - Premium dashboard ui bootstrap rwd admin html5 template

Zendash - Premium dashboard ui bootstrap rwd admin html5 template, With these template formats, it's very easy to create a presence and grab someone's attention around the web page Because the template is built using HTML5, CSS3, Bootstrap 4 framework and with Sass. So please before you start working with the template take a quick look on the documentation so that you can easily built your website.

Template Description

Zendash– is a modern, and creative admin template using modern and minimal design. It is fully flexible user-friendly and responsive. This Template Includes 92 HTML Pages & 70+ Plugins and it also includes Horizontal & Vertical-Menu Versions. Different Styles of Widgets etc. This template is “User Friendly” and it is designed in such a way that you can easily understand the code and can modify the template. The template contains Advanced Form-Elements like Date pickers,select2,multi-select,file uploads,color-picker etc are included. This template is 100% Premium Admin Templates. This template is designed using Bootstrap 4 framework, HTML5, CSS3, Jquery.

It is easy to customize CSS & HTML, easy to create any type of Admin Template. It has beautiful index Page and useful inner pages, and all the important sections required by any Admin Template. It is also available more widgets and Advanced Form Elements etc..

It’s fully responsive layout for all types of devices. It work’s on all major web browsers, Desktop, iPhone, iPad, Tablet and all other smart devices.

Once you Purchase Zendash – Premium dashboard ui bootstrap rwd admin html5 template, you will be able to get free download of all future updates.

Template Features

  • Sales Dashboard
  • 143 HTML Pages
  • Bootstrap 4 Responsive Framework
  • Well Commented Code
  • 24 * 7 Professional Company Support
  • Regular Updates
  • Editable Text
  • 50+ Plugins
  • 7 types of Charts
  • Google Fonts
  • More Maps
  • 2 Type of menus (Left Menu & Horizontal )
  • Dark & Light Versions
  • Cookies
  • Sweet Alert
  • Range Slider
  • Counters
  • Accordions
  • Rating
  • Input-Mask
  • Telephone Input
  • Date range Picker
  • Date Picker
  • Color Picker
  • Quill Editor
  • Basic Tables
  • Time picker
  • Shopping Cart
  • Select2
  • TimeLine
  • Mail Inbox
  • Image Gallery
  • 11 Types of Icons
  • File upload
  • Message Chat
  • Media Object
  • Calendar
  • Form Elements
  • FormAdvanced Elements
  • Data Tables
  • Lockscreen Page
  • Error Page
  • Under Construction Page
  • User Profile
  • carousel bootstrap 4
  • Draggable cards
  • Images-comparison
  • Image Crop
  • Easy to customize
  • More Widgets
  • Invoice Page
  • Pricing Tables
  • Very Easy to Create your Own Site
  • Neat, clean and simple design
  • W3C Validated

CSS Structure

style.css is the main CSS file located in assets/css folder of the package. Whole CSS file is well indexed with topic and its related code.

    

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
    width: device-width;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

.nav-sidebar li ul {
    background: #eeeeee;
}

.nav-sidebar li ul li:last-child {
    border-bottom: 0px;
}

body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #2e3849;
    text-align: left;
    background: #eff2f6;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.66em;
}

.overflow-auto {
    overflow: auto;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400;
}



 

Javascript

custom.js is the main javascript file having all the js code. File is located in assets/js/ folder. This file code is also well formatted and section in different respective function names.

Along with this chart library based js code and dashboard based js code are added in separate files for ease of use of user.


(function($) {
    "use strict";

	// ______________Cover Image
	$(".cover-image").each(function() {
		var attr = $(this).attr('data-image-src');
		if (typeof attr !== typeof undefined && attr !== false) {
			$(this).css('background', 'url(' + attr + ') center center');
		}
	});


	// ______________ Horizonatl
	$(document).ready(function() {
      $("a[data-theme]").click(function() {
        $("head link#theme").attr("href", $(this).data("theme"));
        $(this).toggleClass('active').siblings().removeClass('active');
      });
      $("a[data-effect]").click(function() {
        $("head link#effect").attr("href", $(this).data("effect"));
        $(this).toggleClass('active').siblings().removeClass('active');
      });
    });