You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
898 lines
49 KiB
898 lines
49 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Documentation | Concept - Bootstrap Admin Template</title>
|
|
<meta name="description" content="Thanks for using our free admin dashboard template">
|
|
<meta name="author" content="Colorlib">
|
|
<meta name="copyright" content="Colorlib">
|
|
<!-- <link rel="shortcut icon" type="image/png" href="img/favicon.ico"> -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/tree-viewer.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="wrapper">
|
|
<div class="left-side">
|
|
<div class="logo">
|
|
<h1>Concept</h1>
|
|
</div>
|
|
<div class="left-content">
|
|
<ul role="tablist">
|
|
<li role="presentation" class="active"><a href="#one" aria-controls="home" role="tab" data-toggle="tab"><span><i class="fa fa-home"></i></span>Welcome</a></li>
|
|
<li role="presentation"><a href="#two" aria-controls="home" role="tab" data-toggle="tab"><span><i class="fa fa-folder"></i></span>Main File Structure</a></li>
|
|
<li role="presentation"><a href="#three" aria-controls="home" role="tab" data-toggle="tab"><span><i class="fa fa-code"></i></span>HTML Structure</a></li>
|
|
<li role="presentation"><a href="#six" aria-controls="home" role="tab" data-toggle="tab"><span><i class="fa fa-slideshare"></i></span>Plugins stractures</a></li>
|
|
<li role="presentation"><a href="#source" aria-controls="home" role="tab" data-toggle="tab"><span><i class="fa fa-thumbs-up"></i></span>Sources & Credits</a></li>
|
|
<li role="presentation"><a href="#support" aria-controls="home" role="tab" data-toggle="tab"><span><i class="fa fa-support"></i></span>Support</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="copyright">
|
|
<p>Copyright © 2018 <a href="https://colorlib.com/wp/" >Colorlib</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="right-side">
|
|
<div class="right-content">
|
|
<div id="one" class="content active fade in">
|
|
<h1><span>Concept</span> - Concept Admin Template</h1>
|
|
<div class="content-welcome">
|
|
<p>
|
|
|
|
</p>
|
|
</div>
|
|
<div class="created">
|
|
<p>
|
|
Created: 04/11/2018
|
|
<br> Latest Update: 04/11/2018
|
|
<br> By: <a href="https://colorlib.com/wp/" >Colorlib</a>
|
|
<br>
|
|
<br> Thank you for using our template. If you have any question, please feel free to contact us <a href="https://colorlib.com/wp/forums/">here</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div id="two" class="content fade">
|
|
<h1>Main File Structure</h1>
|
|
<p>
|
|
All the file are well organized, its so easy to work with.
|
|
<br> 1. Unzip the files.
|
|
<br> 2. Open "Concept" folder.
|
|
<br> You will find the html markup file on the root that will be edited.
|
|
<br> Also you will see 4 directories, css, js, fonts and images.
|
|
<br> In the first folder Content only styling files the all the other files expect the htmls.
|
|
<br> Js folder contain only the jquery library. Fonts folder contain essetial font files for fonts.
|
|
</p>
|
|
<pre>
|
|
<div class="tree-viewer-pd" id="jstree1">
|
|
<ul>
|
|
<li class="jstree-open">Concept
|
|
<ul>
|
|
<li>css
|
|
<ul>
|
|
<li>chosen
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>bootstrap-chosen.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>code-editor
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>ambiance.css</li>
|
|
<li data-jstree='"type":"css"}'>codemirror.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>colorpicker
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>colorpicker.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>cropper
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>cropper.min.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>datapicker
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>datepicker3.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>data-table
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>bootstrap-editable.css</li>
|
|
<li data-jstree='"type":"css"}'>bootstrap-table.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>duallistbox
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>bootstrap-duallistbox.min.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>form
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>all-type-forms.css</li>
|
|
<li data-jstree='"type":"css"}'>themesaller-forms.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>ionRangeSlider
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>ion.rangeSlider.css</li>
|
|
<li data-jstree='"type":"css"}'>ion.rangeSlider.skinFlat.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>jvectormap
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>jquery-jvectormap-2.0.3.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>preloader
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>preloader-style.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>select2
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>select2.min.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>switcher
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>color-one.css</li>
|
|
<li data-jstree='"type":"css"}'>color-two.css</li>
|
|
<li data-jstree='"type":"css"}'>color-three.css</li>
|
|
<li data-jstree='"type":"css"}'>color-four.css</li>
|
|
<li data-jstree='"type":"css"}'>color-five.css</li>
|
|
<li data-jstree='"type":"css"}'>color-six.css</li>
|
|
<li data-jstree='"type":"css"}'>color-seven.css</li>
|
|
<li data-jstree='"type":"css"}'>color-eight.css</li>
|
|
<li data-jstree='"type":"css"}'>color-nine.css</li>
|
|
<li data-jstree='"type":"css"}'>color-ten.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>touchspin
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>jquery.bootstrap-touchspin.min.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>tree-viewer
|
|
<ul>
|
|
<li data-jstree='"type":"css"}'>jtree-viewer.css</li>
|
|
</ul>
|
|
</li>
|
|
<li data-jstree='"type":"css"}'>accordions.css</li>
|
|
<li data-jstree='"type":"css"}'>adminpro-custon-icon.css</li>
|
|
<li data-jstree='"type":"css"}'>alerts.css</li>
|
|
<li data-jstree='"type":"css"}'>animate.css</li>
|
|
<li data-jstree='"type":"css"}'>bootstrap-editable.css</li>
|
|
<li data-jstree='"type":"css"}'>buttons.css</li>
|
|
<li data-jstree='"type":"css"}'>c3.min.css</li>
|
|
<li data-jstree='"type":"css"}'>charts.css</li>
|
|
<li data-jstree='"type":"css"}'>datetimepicker.css</li>
|
|
<li data-jstree='"type":"css"}'>dropzone.css</li>
|
|
<li data-jstree='"type":"css"}'>form.css</li>
|
|
<li data-jstree='"type":"css"}'>jquery.mCustomScrollbar.min.css</li>
|
|
<li data-jstree='"type":"css"}'>Lobibox.min.css</li>
|
|
<li data-jstree='"type":"css"}'>meanmenu.min.css</li>
|
|
<li data-jstree='"type":"css"}'>modals.css</li>
|
|
<li data-jstree='"type":"css"}'>normalize.css</li>
|
|
<li data-jstree='"type":"css"}'>notifications.css</li>
|
|
<li data-jstree='"type":"css"}'>select2.css</li>
|
|
<li data-jstree='"type":"css"}'>select2-bootstrap.css</li>
|
|
<li data-jstree='"type":"css"}'>summernote.css</li>
|
|
<li data-jstree='"type":"css"}'>tab-menus.css</li>
|
|
<li data-jstree='"type":"css"}'>tabs.css</li>
|
|
<li data-jstree='"type":"css"}'>typeahead.js-bootstrap.css</li>
|
|
<li data-jstree='"type":"css"}'>x-editor-style.css</li>
|
|
<li data-jstree='"type":"css"}'>bootstrap.min.css</li>
|
|
<li data-jstree='"type":"css"}'>font-awesome.min.css</li>
|
|
<li data-jstree='"type":"css"}'>responsive.css</li>
|
|
<li data-jstree='"type":"css"}'>tree-viewer.css</li>
|
|
<li data-jstree='"type":"css"}'>main.css</li>
|
|
</ul>
|
|
</li>
|
|
<li>fonts
|
|
<ul>
|
|
<li data-jstree='"type":"otf"}'>FontAwesome.otf</li>
|
|
<li data-jstree='"type":"ttf"}'>fontawesome-webfont.ttf</li>
|
|
<li data-jstree='"type":"woff"}'>fontawesome-webfont.woff</li>
|
|
<li data-jstree='"type":"woff"}'>glyphicons-halflings-regular.woff</li>
|
|
</ul>
|
|
</li>
|
|
<li class="jstree-open">img
|
|
<ul>
|
|
<li>blog-details
|
|
<ul>
|
|
<li data-jstree='"type":"png"}'>1.jpg</li>
|
|
</ul>
|
|
</li>
|
|
<li>contact
|
|
<ul>
|
|
<li data-jstree='"type":"png"}'>1.jpg</li>
|
|
<li data-jstree='"type":"png"}'>2.jpg</li>
|
|
<li data-jstree='"type":"png"}'>3.jpg</li>
|
|
<li data-jstree='"type":"png"}'>4.jpg</li>
|
|
</ul>
|
|
</li>
|
|
<li>logo
|
|
<ul>
|
|
<li data-jstree='"type":"png"}'>logo.png</li>
|
|
</ul>
|
|
</li>
|
|
<li>cropper
|
|
<ul>
|
|
<li data-jstree='"type":"jpg"}'>1.jpg</li>
|
|
</ul>
|
|
</li>
|
|
<li>product
|
|
<ul>
|
|
<li data-jstree='"type":"jpg"}'>1.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>1-big.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>1-small.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>2.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>2-big.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>2-small.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>3.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>3-big.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>3-small.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>4.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>4-big.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>4-small.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>11-300x300.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>p8-375x375.jpg</li>
|
|
<li data-jstree='"type":"jpg"}'>product072-1-600x600.jpg</li>
|
|
</ul>
|
|
</li>
|
|
<li data-jstree='"type":"png"}'>clear.png</li>
|
|
<li data-jstree='"type":"ico"}'>favicon.ico</li>
|
|
<li class="text-navy" data-jstree='"type":"img"}'>green1.png</li>
|
|
</ul>
|
|
</li>
|
|
<li>pdf
|
|
<ul>
|
|
<li data-jstree='"type":"ogg"}'>mamunur.pdf</li>
|
|
</ul>
|
|
</li>
|
|
<li class="jstree-open">js
|
|
<ul>
|
|
<li>c3-charts
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>c3.min.js</li>
|
|
<li data-jstree='"type":"js"}'>c3-active.js</li>
|
|
<li data-jstree='"type":"js"}'>d3.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>charts
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>area-chart.js</li>
|
|
<li data-jstree='"type":"js"}'>bar-chart.js</li>
|
|
<li data-jstree='"type":"js"}'>Chart.js</li>
|
|
<li data-jstree='"type":"js"}'>line-chart.js</li>
|
|
<li data-jstree='"type":"js"}'>rounded-chart.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>chat-active
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.chat.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>chosen
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>chosen.jquery.js</li>
|
|
<li data-jstree='"type":"js"}'>chosen-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>code-editor
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>code-editor.js</li>
|
|
<li data-jstree='"type":"js"}'>code-editor-active.js</li>
|
|
<li data-jstree='"type":"js"}'>codemirror.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>colorpicker
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>color-picker-active.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.spectrum.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>counterup
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>counterup-active.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.counterup.min.js</li>
|
|
<li data-jstree='"type":"js"}'>waypoints.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>cropper
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>cropper.min.js</li>
|
|
<li data-jstree='"type":"js"}'>cropper-actice.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>data-map
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>bootstrap3-typeahead.min.js</li>
|
|
<li data-jstree='"type":"js"}'>d3.min.js</li>
|
|
<li data-jstree='"type":"js"}'>datamaps.all.min.js</li>
|
|
<li data-jstree='"type":"js"}'>data-maps-active.js</li>
|
|
<li data-jstree='"type":"js"}'>topojson.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>datapicker
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>bootstrap-datepicker.js</li>
|
|
<li data-jstree='"type":"js"}'>datepicker-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>data-table
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>bootstrap-editable.js</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap-table.js</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap-table-cookie.js</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap-table-editable.js</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap-table-export.js</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap-table-key-events.js</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap-table-resizable.js</li>
|
|
<li data-jstree='"type":"js"}'>colResizable-1.5.source.js</li>
|
|
<li data-jstree='"type":"js"}'>data-table-active.js</li>
|
|
<li data-jstree='"type":"js"}'>tableExport.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>duallistbox
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>duallistbox.active.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.bootstrap-duallistbox.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>flot
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>Chart.min.js</li>
|
|
<li data-jstree='"type":"js"}'>dashtwo-flot-active.js</li>
|
|
<li data-jstree='"type":"js"}'>flot-active.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.pie.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.resize.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.spline.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.symbol.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.time.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.flot.tooltip.min.js</li>
|
|
<li data-jstree='"type":"js"}'>widget-flot-chart-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>google.maps
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>google.maps-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>icheck
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>icheck.min.js</li>
|
|
<li data-jstree='"type":"js"}'>icheck-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>input-mask
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jasny-bootstrap.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>ionRangeSlider
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>ion.rangeSlider.active.js</li>
|
|
<li data-jstree='"type":"js"}'>ion.rangeSlider.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>jvectormap
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery-jvectormap-2.0.2.min.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery-jvectormap-world-mill-en.js</li>
|
|
<li data-jstree='"type":"js"}'>jvectormap-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>knob
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.knob.js</li>
|
|
<li data-jstree='"type":"js"}'>knob-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>map
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>france_departments.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.mapael.js</li>
|
|
<li data-jstree='"type":"js"}'>map-active.js</li>
|
|
<li data-jstree='"type":"js"}'>raphael.min.js</li>
|
|
<li data-jstree='"type":"js"}'>usa_states.js</li>
|
|
<li data-jstree='"type":"js"}'>world_countries.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>multiple-email
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>multiple-email-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>password-meter
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>password-meter-active.js</li>
|
|
<li data-jstree='"type":"js"}'>pwstrength-bootstrap.min.js</li>
|
|
<li data-jstree='"type":"js"}'>zxcvbn.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>pdf
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.media.js</li>
|
|
<li data-jstree='"type":"js"}'>pdf-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>peity
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.peity.min.js</li>
|
|
<li data-jstree='"type":"js"}'>peity-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>rangle-slider
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery-ui-1.10.4.custom.min.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery-ui-touch-punch.min.js</li>
|
|
<li data-jstree='"type":"js"}'>rangle-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>rounded-counter
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.appear.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.countdown.min.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.knob.js</li>
|
|
<li data-jstree='"type":"js"}'>knob-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>select2
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>select2.full.min.js</li>
|
|
<li data-jstree='"type":"js"}'>select2-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>skycons
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>skycons.active.js</li>
|
|
<li data-jstree='"type":"js"}'>skycons.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>skycons
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>sparkline-active.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.sparkline.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>switcher
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>styleswitch.js</li>
|
|
<li data-jstree='"type":"js"}'>switch-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>todo
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.todo.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>touchspin
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery.bootstrap-touchspin.min.js</li>
|
|
<li data-jstree='"type":"js"}'>touchspin-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>tree-line
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jstree.active.js</li>
|
|
<li data-jstree='"type":"js"}'>jstree.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>vendor
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>jquery-1.11.3.min.js</li>
|
|
<li data-jstree='"type":"js"}'>modernizr-2.8.3.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li>wow
|
|
<ul>
|
|
<li data-jstree='"type":"js"}'>wow.min.js</li>
|
|
</ul>
|
|
</li>
|
|
<li data-jstree='"type":"js"}'>bootstrap.min.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery-ui.min.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery.meanmenu.js</li>
|
|
<li data-jstree='"type":"js"}'>jquery-1.11.3.min.js</li>
|
|
<li data-jstree='"type":"js"}'>modernizr-2.8.3.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.mCustomScrollbar.concat.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>bootstrap.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>bootstrap-datetimepicker.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>bootstrap-editable.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>datepicker-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>dropzone.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>form-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.form.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.maskedinput.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.mCustomScrollbar.concat.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.meanmenu.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.mockjax.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.scrollUp.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.sticky.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery.validate.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>jquery-ui.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>Lobibox.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>main.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>masking-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>mock-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>modal-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>moment.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>notification-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>select2.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>summernote.min.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>summernote-active.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>typeahead.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>typeaheadjs.js</li>
|
|
<li class="text-navy" data-jstree='"type":"js"}'>xediable-active.js</li>
|
|
</ul>
|
|
</li>
|
|
<li data-jstree='"type":"html"}'> index.html</li>
|
|
<li data-jstree='"type":"html"}'> index-1.html</li>
|
|
<li data-jstree='"type":"html"}'> index-2.html</li>
|
|
<li data-jstree='"type":"html"}'> add-course.html</li>
|
|
<li data-jstree='"type":"html"}'> add-department.html</li>
|
|
<li data-jstree='"type":"html"}'> add-library-assets.html</li>
|
|
<li data-jstree='"type":"html"}'> add-professor.html</li>
|
|
<li data-jstree='"type":"html"}'> add-student.html</li>
|
|
<li data-jstree='"type":"html"}'> all-courses.html</li>
|
|
<li data-jstree='"type":"html"}'> all-professors.html</li>
|
|
<li data-jstree='"type":"html"}'> all-students.html</li>
|
|
<li data-jstree='"type":"html"}'> course-info.html</li>
|
|
<li data-jstree='"type":"html"}'> departments.html</li>
|
|
<li data-jstree='"type":"html"}'> edit-course.html</li>
|
|
<li data-jstree='"type":"html"}'> edit-department.html</li>
|
|
<li data-jstree='"type":"html"}'> edit-library-assets.html</li>
|
|
<li data-jstree='"type":"html"}'> edit-professor.html</li>
|
|
<li data-jstree='"type":"html"}'> edit-student.html</li>
|
|
<li data-jstree='"type":"html"}'> events.html</li>
|
|
<li data-jstree='"type":"html"}'> library-assets.html</li>
|
|
<li data-jstree='"type":"html"}'> professor-profile.html</li>
|
|
<li data-jstree='"type":"html"}'> student-profile.html</li>
|
|
<li data-jstree='"type":"html"}'> 404.html</li>
|
|
<li data-jstree='"type":"html"}'> 500.html</li>
|
|
<li data-jstree='"type":"html"}'> accordion.html</li>
|
|
<li data-jstree='"type":"html"}'> advance-form-element.html</li>
|
|
<li data-jstree='"type":"html"}'> alerts.html</li>
|
|
<li data-jstree='"type":"html"}'> analytics.html</li>
|
|
<li data-jstree='"type":"html"}'> area-charts.html</li>
|
|
<li data-jstree='"type":"html"}'> bar-charts.html</li>
|
|
<li data-jstree='"type":"html"}'> basic-form-element.html</li>
|
|
<li data-jstree='"type":"html"}'> buttons.html</li>
|
|
<li data-jstree='"type":"html"}'> c3.html</li>
|
|
<li data-jstree='"type":"html"}'> code-editor.html</li>
|
|
<li data-jstree='"type":"html"}'> contacts.html</li>
|
|
<li data-jstree='"type":"html"}'> data-maps.html</li>
|
|
<li data-jstree='"type":"html"}'> data-table.html</li>
|
|
<li data-jstree='"type":"html"}'> dual-list-box.html</li>
|
|
<li data-jstree='"type":"html"}'> google-map.html</li>
|
|
<li data-jstree='"type":"html"}'> images-cropper.html</li>
|
|
<li data-jstree='"type":"html"}'> line-charts.html</li>
|
|
<li data-jstree='"type":"html"}'> lock.html</li>
|
|
<li data-jstree='"type":"html"}'> login.html</li>
|
|
<li data-jstree='"type":"html"}'> mailbox.html</li>
|
|
<li data-jstree='"type":"html"}'> mailbox-compose.html</li>
|
|
<li data-jstree='"type":"html"}'> mailbox-view.html</li>
|
|
<li data-jstree='"type":"html"}'> modals.html</li>
|
|
<li data-jstree='"type":"html"}'> multi-upload.html</li>
|
|
<li data-jstree='"type":"html"}'> notifications.html</li>
|
|
<li data-jstree='"type":"html"}'> password-meter.html</li>
|
|
<li data-jstree='"type":"html"}'> password-recovery.html</li>
|
|
<li data-jstree='"type":"html"}'> pdf-viewer.html</li>
|
|
<li data-jstree='"type":"html"}'> peity.html</li>
|
|
<li data-jstree='"type":"html"}'> preloader.html</li>
|
|
<li data-jstree='"type":"html"}'> register.html</li>
|
|
<li data-jstree='"type":"html"}'> rounded-chart.html</li>
|
|
<li data-jstree='"type":"html"}'> sparkline.html</li>
|
|
<li data-jstree='"type":"html"}'> tabs.html</li>
|
|
<li data-jstree='"type":"html"}'> tinymc.html</li>
|
|
<li data-jstree='"type":"html"}'> tree-view.html</li>
|
|
<li data-jstree='"type":"html"}'> widgets.html</li>
|
|
<li data-jstree='"type":"html"}'> x-editable.html</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</pre>
|
|
</div>
|
|
<div id="three" class="content fade">
|
|
|
|
<h1> HTML Structure </h1>
|
|
<div>The base structure was organized by row, col-** class </div>
|
|
<pre>
|
|
<xmp>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="logo">
|
|
<a href="dashboard.html">
|
|
<img src="img/logo.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div><!-- column end -->
|
|
</div> <!-- row end -->
|
|
</div> <!-- container end -->
|
|
</xmp>
|
|
</pre>
|
|
|
|
</div>
|
|
|
|
<div id="six" class="content fade">
|
|
|
|
<div class="plugins-area">
|
|
<h1>Plugins</h1>
|
|
<div class="static-table-list">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Plugin Name</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>C3 And D3</td>
|
|
<td>we are going to show you how to get started with C3 and <a href="http://c3js.org/gettingstarted.html">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>Chart</td>
|
|
<td>Simple yet flexible JavaScript charting for designers & developersand <a href="http://www.chartjs.org/">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td>Chosen</td>
|
|
<td>Chosen is a jQuery plugin that makes long and <a href="https://harvesthq.github.io/chosen/">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>4</td>
|
|
<td>CodeMirror</td>
|
|
<td>CodeMirror is a versatile text editor implemented in JavaScript for the browser and <a href="http://codemirror.net/index.html">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>5</td>
|
|
<td>Colorpicker</td>
|
|
<td>Satisfied with the solutions available for colorpicking and <a href="http://bgrins.github.io/spectrum/">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>6</td>
|
|
<td>counterup</td>
|
|
<td>COUNTER-UP JQUERY PLUGIN and <a href="http://bfintal.github.io/Counter-Up/demo/demo.html">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>7</td>
|
|
<td>Cropper</td>
|
|
<td>A simple jQuery image cropping plugin and <a href="https://fengyuanchen.github.io/cropper/">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>8</td>
|
|
<td>Data Map</td>
|
|
<td>HTML5 maps look gorgeous on iPhones, Android devices and iPads <a href="http://simplemaps.com/us">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>9</td>
|
|
<td>Datepicker</td>
|
|
<td>Bootstrap-datepicker provides a flexible datepicker widget in the Bootstrap style and <a href="https://bootstrap-datepicker.readthedocs.io/en/stable/">read more</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>10</td>
|
|
<td>X-editable</td>
|
|
<td>X-editable can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes and <a href="http://vitalets.github.io/x-editable/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>11</td>
|
|
<td>Dual Listbox</td>
|
|
<td>Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Twitter Bootstrap and <a href="https://www.virtuosoft.eu/code/bootstrap-duallistbox/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>12</td>
|
|
<td>plot Chart</td>
|
|
<td>Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features and <a href="http://www.flotcharts.org/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>13</td>
|
|
<td>Google Maps</td>
|
|
<td>All of the examples contained in the Google Maps JavaScript API documentation set are listed below for quick reference and <a href="https://developers.google.com/maps/documentation/javascript/examples/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>14</td>
|
|
<td>iCheck</td>
|
|
<td>UPER CUSTOMIZED CHECKBOXES AND RADIO BUTTONS FOR JQUERY & ZEPTO and <a href="http://icheck.fronteed.com/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>15</td>
|
|
<td>RangeSlider</td>
|
|
<td>Ion.RangeSlider 2.2.0. jQuery-plugin Easy, flexible and responsive range slider with skin support and <a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>16</td>
|
|
<td>jvectormap</td>
|
|
<td>JavaScript-based jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML and <a href="http://jvectormap.com/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>17</td>
|
|
<td>Knob</td>
|
|
<td>jQuery Knob mouse click and wheel mouse, keyboard (on focus) and fingers (touch events) and <a href="http://anthonyterrien.com/demo/knob/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>18</td>
|
|
<td>Mapael</td>
|
|
<td>Ease the build of pretty data visualizations on dynamic vector maps and <a href="https://www.vincentbroute.fr/mapael/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>19</td>
|
|
<td>Password Meter</td>
|
|
<td>jQuery Password Strength Meter for Twitter Bootstrap and <a href="https://cdn.rawgit.com/ablanco/jquery.pwstrength.bootstrap/master/examples/index.html">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>20</td>
|
|
<td>PDF Viewer</td>
|
|
<td>The jQuery Media Plugin supports unobtrusive conversion of standard markup into rich media content and <a href="http://malsup.com/jquery/media/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>21</td>
|
|
<td>Peity Charts</td>
|
|
<td>Peity (sounds like deity) is a jQuery plugin that converts an element's content into a mini pie donut line or bar chart and is compatible with any browser that supports Chrome, Firefox, IE9+, Opera, Safari and <a href="http://benpickles.github.io/peity/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>22</td>
|
|
<td>Skycons</td>
|
|
<td>Skycons is a set of ten animated weather glyphs, procedurally generated by JavaScript using the HTML5 canvas tag and <a href="https://darkskyapp.github.io/skycons/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>23</td>
|
|
<td>Sparklines</td>
|
|
<td>This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript and <a href="https://omnipotent.net/jquery.sparkline/#s-about">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>24</td>
|
|
<td>TouchSpin</td>
|
|
<td>A mobile and touch friendly input spinner component for Bootstrap 3. It supports the mousewheel and the up/down keys and <a href="https://www.virtuosoft.eu/code/bootstrap-touchspin/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>25</td>
|
|
<td>jsTree</td>
|
|
<td>jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources and AJAX loading and <a href="https://www.jstree.com/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>26</td>
|
|
<td>Lobibox</td>
|
|
<td>Free responsive jQuery messagebox and notification plugin available for commercial and non-commercial usages and <a href="http://lobianijs.com/site/lobibox">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>26</td>
|
|
<td>WOW</td>
|
|
<td>Reveal Animations When You Scroll. Very Animate.css Friend :-) Easily customize animation settings: style, delay, length, offset, iterations... and <a href="http://mynameismatthieu.com/WOW/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>27</td>
|
|
<td>Data Table</td>
|
|
<td>An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features and <a href="http://issues.wenzhixin.net.cn/bootstrap-table/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>28</td>
|
|
<td>Custom scrollbar</td>
|
|
<td>Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel and <a href="http://manos.malihu.gr/jquery-custom-content-scroller/">Read More</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>29</td>
|
|
<td>Summernote</td>
|
|
<td>Customize by Initializing various options and modules and <a href="https://summernote.org/">Read More</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<h1>Tinymc Editor Structure</h1>
|
|
<h3>Quick start</h3>
|
|
<p>Copy-paste the stylesheet "link" into your "head" before all other stylesheets to load our CSS.</p>
|
|
<pre>
|
|
<xmp>
|
|
<!-- summernote CSS
|
|
============================================ -->
|
|
<link rel="stylesheet" href="css/summernote.css">
|
|
</xmp>
|
|
</pre>
|
|
<p>The end of your pages, right before the closing "body" tag. Be sure to place js first, as our JavaScript plugins depend on them. </p>
|
|
<pre>
|
|
<xmp>
|
|
<!-- summernote JS
|
|
============================================ -->
|
|
<script src="js/summernote.min.js"></script>
|
|
<script src="js/summernote-active.js"></script>
|
|
</xmp>
|
|
</pre>
|
|
|
|
<pre>
|
|
<xmp>
|
|
<div class="tinymce-single nt-mg-b-30">
|
|
<div class="alert-title">
|
|
<h2>Basic Summernote WYSIWYG editor</h2>
|
|
<p>The fastest way to get Summernote WYSIWYG editor is powerfull JavaScript plugin. you can easily maintance typography system.</p>
|
|
</div>
|
|
<div id="summernote1">
|
|
</div>
|
|
</div>
|
|
</xmp>
|
|
</pre>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div id="source" class="content fade">
|
|
<h1> Sources & Credits </h1>
|
|
|
|
<h3>Fonts</h3>
|
|
<ul>
|
|
<li><a href="https://fonts.googleapis.com/">Google Fonts</a></li>
|
|
</ul>
|
|
|
|
<h3>Icons</h3>
|
|
<ul>
|
|
<li><a href="http://fontawesome.io/">Font Awesome</a></li>
|
|
</ul>
|
|
<h3>Scripts</h3>
|
|
<ul>
|
|
<li><a href="http://benpickles.github.io/peity/">Peity Charts</a></li>
|
|
<li><a href="https://omnipotent.net/jquery.sparkline/#s-about">Sparklines</a></li>
|
|
<li><a href="http://manos.malihu.gr/jquery-custom-content-scroller/">Scrollbar</a></li>
|
|
<li><a href="https://www.virtuosoft.eu/code/bootstrap-touchspin/">TouchSpin</a></li>
|
|
<li><a href="http://issues.wenzhixin.net.cn/bootstrap-table/">Data Table</a></li>
|
|
<li><a href="https://www.jstree.com/">JsTree</a></li>
|
|
<li><a href="https://darkskyapp.github.io/skycons/">Skycons</a></li>
|
|
<li><a href="https://cdn.rawgit.com/ablanco/jquery.pwstrength.bootstrap/master/examples/index.html">Password Meter</a></li>
|
|
<li><a href="http://malsup.com/jquery/media/">PDF Viewer</a></li>
|
|
<li><a href="https://www.vincentbroute.fr/mapael/">Mapael</a></li>
|
|
<li><a href="http://jvectormap.com/">jvectormap</a></li>
|
|
<li><a href="http://ionden.com/a/plugins/ion.rangeSlider/en.html">RangeSlider</a></li>
|
|
<li><a href="https://fengyuanchen.github.io/cropper/">Cropper</a></li>
|
|
<li><a href="http://simplemaps.com/us">Data Map</a></li>
|
|
<li><a href="http://codemirror.net/index.html">CodeMirror</a></li>
|
|
<li><a href="https://harvesthq.github.io/chosen/">Chosen</a></li>
|
|
<li><a href="http://c3js.org/gettingstarted.html">C3 And D3</a></li>
|
|
<li><a href="https://www.malot.fr/bootstrap-datetimepicker/">datetimepicker</a></li>
|
|
<li><a href="http://github.com/vitalets/x-editable">x-editable</a></li>
|
|
<li><a href="http://www.dropzonejs.com//">dropzonejs</a></li>
|
|
<li><a href="http://jquery.malsup.com/form/#ajaxForm">form Validation</a></li>
|
|
<li><a href="https://github.com/jzaefferer/jquery-validation">form Validation</a></li>
|
|
<li><a href="http://digitalbush.com/projects/masked-input-plugin/#license">masked input</a></li>
|
|
<li><a href="https://github.com/jakerella/jquery-mockjax">mockjax</a></li>
|
|
<li><a href="https://lobianijs.com/site/lobibox">lobibox</a></li>
|
|
<li><a href="http://summernote.org/">summernote</a></li>
|
|
<li><a href="https://vitalets.github.io/x-editable/">editable</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="support" class="content fade">
|
|
<h1> Supports </h1>
|
|
<p>Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.</p>
|
|
<a href="https://colorlib.com/wp/" >Colorlib</a>
|
|
</div>
|
|
<div id="nine" class="content fade">
|
|
<h1> Sliders Structure </h1>
|
|
<div>The base structure was organized by row, col-** class </div>
|
|
<pre>
|
|
<xmp>
|
|
<!-- code will be here -->
|
|
</xmp>
|
|
</pre>
|
|
<!-- code pre tag end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="js/jquery-3.1.0.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jstree.min.js"></script>
|
|
<script src="js/jstree.active.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
|
|
</html>
|