Start Falcon

Falcon - Bring your Dashboard 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 thememakker@gmail.com

Thanks so much! (Please don't forgot to rate it )

Brief Overview

Falcon is premium admin dashboard powered with AngularJS. It’s builded on popular Twitter Bootstrap v3 framework. Falcon is fully based on HTML5 + CSS3 standards. Is fully responsive and clean on every device and every browser.

Any new improvements which you’ll like to see in next build are welcome, please let us know what you want to be added. And don’t forget to rate this item if you like it

Falcon Admin includes many plugins implemented in 50+ separate HTML files. It is designed to be a complete admin panel for any web project.

Features

  1. Built in SASS
  2. Built with Bootstrap 3X
  3. JS Bundling Ready (Bundle)
  4. Material Kit added
  5. RTL layout
  6. Boxed layout
  7. Profile Page
  8. Chat App
  9. Fully Responsive & Interactive
  10. Elegant & Clean User Interface
  11. Expanded and Collapsed Menu (Multi Menu Levels)
  12. Responsive Tables
  13. Form Wizard
  14. IOS type Switches
  15. File Dropzone (Drag and Drop Upload)
  16. Invoice
  17. Messenger Notifications
  18. Image Cropper
  19. Grid Based System
  20. 404, 500 Error Pages
  21. Calendar integration
  22. Detailed Documentation
  23. Many Charts Options
  24. Validation Forms
  25. Lots of ready to use Plugins.
  26. Google & Vector Maps
  27. Organized Folder Structure
  28. Works well in all latest browsers like chrome, Firefox, Opera, Safari, IE9+

Template

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

  1. Main boxs-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 boxs-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="content">
                <div class="page dashboard-page">
    
                <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>
    
                </div>
            </section>
            <!-- END CONTENT -->

Folder Structure

HTML/
    ├── assets/
    │   ├── bundles/
    │   ├── css/
    │   ├── extras/
    │   ├── fonts/
    │   ├── images/
    │   ├── js/
    │   ├── ├── Page/              
    │   ├── sass/
    └── css/

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

Falcon main.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: Poppins

iconic Font: Fontawesome

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.