Please wait...

Nexa

Documentation Welcome to Nexa Application

Start Nexa

Nexa Hospital- Bring your Admin Panel to life.

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email at wraptheme@gmail.com

If you really like our work, design, performance and support then Please don't forgot to rate us, it really motivate us to provide something better.

Brief Overview

Nexa is a popular open source WebApp template for admin dashboards and admin panels. It’s responsive HTML template, which is based on the Bootstrap 4X framework. It utilizes all of the Bootstrap components in design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications.

Nexa is based on a modular design, which allows it to be easily customised and built upon any backend project in no-time. Our documentation will guide you through installing the template and exploring the various components that are bundled with the template.

Features

  1. Bootstrap 4x (New)
  2. Latest jquery v3.2.1
  3. RTL Support
  4. 9 Unique Color Scheme (New)
  5. 5 Dashboard Version
  6. Built in SASS
  7. JS Bundling Ready (Bundle)
  8. Material Kit added
  9. Invoice
  10. eCommerce (New)
  11. Inbox Full App
  12. Blog full section with Dashboard
  13. Ready to used widgets
  14. User Profile Page
  15. Chat App (New)
  16. Contact list (New)
  17. Timeline (New)
  18. Calendar integration
  19. Jquery DataTables
  20. Editable Tables
  21. Responsive Tables
  22. File Upload
  23. Form Wizard
  24. Form Validation
  25. Advanced Form Elements (New)
  26. Animations
  27. Sortable & Nestable
  28. Sweet Alert Dialog
  29. Image Gallery
  30. 3000+ Icons
  31. Fully Responsive & Interactive
  32. Elegant & Clean User Interface
  33. Expanded and Collapsed Menu (Multi Menu Levels)
  34. IOS type Switches
  35. Messenger Notifications
  36. Grid Based System
  37. login, lock screen, 404, 500 Error Pages
  38. 70+ Pages
  39. Detailed Documentation
  40. Works well in all latest browsers like Chrome, Firefox, Opera, Safari, IE11+

Template

The template consist of following components as show in image below:

  1. Main header Top Bar - Consist of logo, toggle options like the chat , messages, notifications, search,
  2. Side bar -user profile shortcuts, Consist of user image and details, Main menu, Bar Graph Widgets
  3. Content Body
  4. Right Bar - Consist of groups and Contact Users for instant messaging. Click on user opens the chat window with that user.

HTML Structre

Page Head

Grunt File

Main Content

    <!-- START CONTENT -->
    <section id="main-content" class=" ">
        <section class="wrapper">

        <div class='col-lg-12 col-md-12 col-sm-12 col-xs-12'>
            <div class="page-title">
                ...               
            </div>
        </div>
        <div class="clearfix"></div>
        
        <div class="col-lg-12">
            <section class="box ">
                ...
            </section>
        </div>

        </section>
    </section>
    <!-- END CONTENT -->

Folder Structure

HTML/
├── assets/
   ├── bundles/
   ├── css/	
   ├── fonts/
   ├── images/
   ├── js/
   ├── ├── Page/              
   ├── plugins/    
   ├── sass/

CSS Structure

main.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.

Also animate.min.css file is found in this folder. It has all the animation classes for various elements.

Javascript

Nexa admin.js is the mail 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.

Font Used

Google fonts are used in the template. They are as follows: Muli

Material Design Iconic Font: Click to See

All Images are used: Pexels.com

THANK YOU!

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template.