Amber Multipuporse - Responsive Bootstrap 4 Admin Template

Amber / template documentation version 1.0


Introduction


Amber Admin is a popular open source WebApp template for admin dashboards and control panels. It is a responsive HTML template that is based on the CSS framework Bootstrap 4.0 It utilizes all of the Bootstrap components in its design and re-styles many commonly used plugins to create a consistent design that can be used as a user interface for backend applications. Amber Admin is based on a modular design, which allows it to be easily customized and built upon. This documentation will guide you through installing the template and exploring the various components that are bundled with the template.

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.

Requirements

You will need the following sofwares to customize this template.

  1. Code Editing Software (eg: Dreamweaver, Sublime Text or Notepad)
  2. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
  3. FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Getting Started #back to top

Lorem the It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Bootstrap Grid System

                            
YOUR CODES GOES HERE

Our you can use the grid system with 2 columns like this;

                            
YOUR CODES GOES HERE
YOUR CODES GOES HERE

Our you can use the grid system with 3 columns like this;

                            
YOUR CODES GOES HERE
YOUR CODES GOES HERE
YOUR CODES GOES HERE

Begin of page

Below code is used at the beginning of all HTML pages

                                
                                
                                
                                Amber Responsive Tempalte
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                

Preloader (Spinner)

Below code is used for loading spinner for the template.

                                
Amber

Please wait...

Logo

Below code is used for (eliteadmin-inverse) logo you can change it by text or image or icon, if your image height is bigger then 60px, you need to resize your logo or give height="60" to your logo image

        
        

Topbar menu

Below code is used for Topbar menu /p>

                
                

Mega menu

Below code is used for Mega menu /p>

                
General Settings
  • Anyone follow me
  • Email Redirect
  • Notifications
  • Auto Updates
  • Offline
Contact Us
Image Gallery
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Right Sidebar Menu

Below code is used for Rightbar sidebar menu.

                        
Back
  • KG
    Hello, John
    What is the update on Project X?
  • Hi, Alizee
    It is almost completed. I will send you an email later today.
  • KG
    That's great. Will catch you in evening.
  • Sure we'will have a blast today.

Left Sidebar Menu

Below code is used for left sidebar menu.

                                        
                                        

Page Content, Footer

Below code is used for content, right sidebar and footer in all pages of eliteadmin-inverse.

                                        

Flot Chart

Visitors
Visits
Chats

Font family

Change the font family of whole template by simply change the google font link, just change in variable.less file

                                        
                                        

Css

We made five different less files for customization.

                                        
                                        

Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our profile page or ask question yldrmkerem1@gmail.com

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Files & Sources #back to top

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under yourthemename/css/

  • 1. style.css - Primary stylesheet
  • 2. bootstrap.css - Bootstrap stylesheet
  • 3. owl-carousel.css - OWL Carousel
  • 4. fontawesome.css - FontAwesome Font Icons stylesheet
  • 5. custom.css - Pathos Color Schemes stylesheet
  • 6. prettyPhoto.css - Lightbox effect css file
  • 7. flexslider.css - Flexslider css file
  • 8. et-line.css - Elegant icons css file
  • 9. carousel.css - OWL Carousel css file
  • 10. animate.css - CSS3 animations css file
Included JavaScript

These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under yourthemename/js/

  • 1. bootstrap.js - Bootstrap JavaScript
  • 2. custom.js - All JavaScript Plugins
  • 3. retina.js - Retina JavaScript
  • 4. jquery.js - Base JavaScript
  • 5. prettyPhoto.js - Lightbox JavaScript
  • 6. owl-carousel.js - Lightbox JavaScript
  • 7. revslider.js - Revolution Slider JavaScript
  • 8. flexslider.js - Flexslider JavaScript
  • 9. awesome-grid.nin.js - Awesome grid portfolio JavaScript
  • 10. circle.js - Coming soon page JavaScript
  • 11. contact.js - Contact form validate JavaScript
  • 12. isotope.js - Masonry Portfolio JavaScript
  • 13. progress.js - Progress bar JavaScript
  • 14. rotate.js - Text rotate effect JavaScript
  • 15. wow.js - CSS3 animation JavaScript