Ninja Admin - Responsive Boostrap Admin

Ninja Admin have built based on the standards and modular structure. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

File structure

HTML structure

<div class="main-menu">
    <header class="header">
        <a href="#" class="logo">...</a>
        <!-- .logo -->

        <button type="button" class="button-close glyphicon glyphicon-remove-circle js__menu_close"></button>
        <div class="user">
            ...
        </div>
        <!-- /.user -->
    </header>
    <!-- /.header -->

    <div class="content">
        <div class="navigation">
            <h5 class="title">...</h5>
            <!-- /.title -->
            <ul class="menu js__accordion">
                <li>...</li>
            </ul>
            <!-- /.menu -->
            ...
        </div>
        <!-- /.navigation -->
    </div>
    <!-- /.content -->
</div>
<!-- /.main-menu -->

<div class="fixed-navbar">
    <div class="pull-left">
        <button type="button" class="menu-mobile-button glyphicon glyphicon-menu-hamburger js__menu_mobile"></button>
        <h1 class="page-title">...</h1>
        <!-- /.page-title -->
    </div>
    <!-- /.pull-left -->

    <div class="pull-right">
        <a href="#" class="fa fa-bell-o notice-alarm js__toggle_open" data-target="#notification-popup"><span class="dot"></span></a>
        <form action="#" class="searchform"><input type="search" placeholder="Search..." class="input-search"><button class="fa fa-search button-search" type="submit"></button></form>
        <!-- /.searchform -->
    </div>
    <!-- /.pull-right -->
</div>
<!-- /.fixed-navbar -->


<div id="notification-popup" class="notice-popup js__toggle">
    <a href="#" class="popup-close glyphicon glyphicon-remove js__toggle_close"></a>
    <h2 class="popup-title">Notifications</h2>
    <!-- /.popup-title -->

    <div class="content">
        <ul class="notice-list">
            <li>...</li>
        </ul>
        <!-- /.notice-list -->
    </div>
    <!-- /.content -->
</div>
<!-- /#notification-popup -->


<div id="wrapper">
    <div class="main-content">
        ...

        <footer class="footer">
            ...
        </footer>
        <!-- footer -->
    </div>
     <!-- .main-content -->
</div>
<!-- #wrapper -->

CSS & LESS

Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themeable and extendable.

Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes.

Javascripts

Ninja Admin uses jQuery, Bootstrap Js framework and some of the third-party plugins. 

Plugin's usage information

The theme contains various utilies including some helper classes, widgets, etc. Please see below some helper classes.

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

• Bootstrap
• Jquery
• Isotope
• Modernizr
• Chartist
• Chart.js
• Morris
• Flot Chart
• Bootstrap Colorpicker
• DataTables
• Bootstrap Datepicker
• Bootstrap Daterangepicker
• Dropify
• Editable Table
• JQuery Filters
• FlexDatalist
• Bootstrap Wizards
• Full Calendar
• iCheck
• Ion Range Slider
• Jquery UI
• Jquery Validation
• Lightview
• mCustomScrollbar
• Remodal
• Moment.js
• Multiselect
• noUISlider
• Percircle
• Pop Select
• RWD Table
• Select2
• Sweet Alert
• Vertical Timeline
• Bootstrap Timepicker
• TinyMCE
• Toastr
• Bootstrap Touchspin
• Tourist
• Bootstrap Treeview
• Validator
• Waves
• X-Editable

Once again thank you for your purchase. We care about each of our customers and treat them with respect. If you have any question or ideal about this product, feel free to contact us. We guarantee that we will invest all of our skills and strengths into products and support.

Thanks.

- NinjaTeam

Version 1.0 - (10/10/2016)

• Initial Released