Don’t forget to rate if you enjoy the product!

Cyngar

Cyngar -Admin Template


Thank you for purchasing the Cyngar template.

How to get help:

We will respond to buyer's questions via the contact form on our profile.

We run support Weekdays 9am-5pm GMT. You can expect a response within 12 – 24 hours Monday to Friday. We’ll respond to questions outside of these times & weekends occasionally, but please don’t expect a response outside our stated hours.

Support requests are for:
- Help using templates
- Instructions setting up templates
- Bug reports and fixes

Support requests aren’t for:
- Help with 3rd party plugins
- Integration of 3rd party plugins
- Customizations of our templates

Thanks for your purchase!

Included Folders

The Cyngar template is a responsive HTML template based on Bootstrap 3+ . The structure based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.

If you would like to edit the layout of any elements in whole template, you would do the following:

Open the file /style.css, so that is extremely easy to change any css attributes. Simply find the related and commented heading in this css file and make your magic.

The font for body text is 'Libre Baskerville' and for headings (h1, h2, h3 etc.) is 'Libre Baskerville' too. If you like to change these fonts with a usual web safe font (arial, verdana etc.) you must remove from <head> section of each page the line

/* google font */
@import url (https://fonts.googleapis.com/css?family=Roboto:400,400i,600,700,800");
(https://fonts.googleapis.com/css?family=Helvetica Neue:400i");


and also change the font-family class of body in the file /style.css from font-family: 'Libre Baskerville' !important; to font-family: Verdana; (for example) and the font-family class of h1, h2, h3, h4, h5, h6 in the file /style.css from font-family: 'Libre Baskerville' to font-family: Verdana; (for example)

Cyngar using the following CSS files:

css/cyngar.css
The main CSS file

lib/font-awesome/css/font-awesome.css
Font Awesome gives you scalable vector icons that can instantly be customized ... Easily style icon color, size, shadow, and anything that's possible with CSS.

lib/Ionicons/css/ionicons.css
Ionicons is an open-sourced and MIT licensed icon pack.

lib/chartist/css/chartist.css
Create responsive, scalable and good looking charts with chartist.js. ... flexibility while using clear separation of concerns (Style with CSS & control with JS) ..

lib/rickshaw/css/rickshaw.min.css
Rickshaw is a JavaScript toolkit for creating interactive time series graphs, ... In the browser, manually add rickshaw.min.js and rickshaw.min.css in the document ...

Cyngar using jQuery framework with various additional plug-ins.

lib/jquery/js/jquery.js
jQuery: The Write Less, Do More, JavaScript Library. jQuery · Support the JS Foundation jQuery is a fast, small, and feature-rich JavaScript library.

lib/popper.js/js/popper.js
There comes Popper.js, a very simple and powerful library made for creating tooltips, popovers and all the things you need to show,hide .

lib/bootstrap/js/bootstrap.js
Bring Bootstrap to life with our optional JavaScript plugins built on jQuery. Learn about each plugin, our data and programmatic API options, and more.

lib/jquery.cookie/js/jquery.cookie.js
Now using tabs for indentation, following jQuery core style guidelines,JavaScript Cookie supports npm and Bower under the name js-cookie .

lib/chartist/js/chartist.js
You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other .

lib/d3/js/d3.js
D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.

lib/rickshaw/js/rickshaw.min.js
Rickshaw is a JavaScript toolkit for creating interactive time series graphs, ... In the browser, manually add rickshaw.min.js and rickshaw.min.css in the document ...

lib/jquery.sparkline.bower/js/jquery.sparkline.min.js
The Sparkline control is a data-intense, design-simple graphic that allows end users to spot trends, variations and patterns in data in a clear and compact

js/ResizeSensor.js
@sdecima's work in javascript-detect-element-size' ... There's no native resize event on elements in most browsers (except for IE which provides onresize to DOM nodes). resizeSensor.js allows you to simply attach resize listeners to elements.

js/dashboard.js
Open Source HTML5 Dashboard Framework. Build interactive, mobile-friendly dashboards in PHP and JavaScript. Stop worrying about cross-browser quirks

js/counterup.min.js
Counter-Up is a lightweight jQuery plugin that counts up to a targeted number when the number becomes ... jquery.counterup.min.js ·

js/waypoints.min.js
Waypoints is the easiest way to trigger a function when you scroll to an element. var waypoint = new Waypoint({ element: document.getElementById('waypoint') .

js/chart.rickshaw.js
A chart-Rickshaw graph. Send an element reference, series data, and optionally other properties to the constructor before calling render() to point the graph. A listing of properties follows. Send these as arguments to the constructor, and optionally set them later on already-instantiated graphs with a call to configure()