aConic Admin Documentation - v1.0

Get Support
Preview Demo
Introduction Getting Started Design & Graphics Components Tables Basic Form Advanced Forms Charts Others
Version - 1.0.0 Help
Notes

aConic is a Static HTML Template

Getting Started

aConic Admin - Admin & Dashboard Template + UI KIT for building responsive, mobile-first sites, with Bootstrap Framework.

aConic Admin is a Static HTML Template

For the time being, we do NOT offer any tutorials or any other materials on how to integrate aConic admin with any CMS, Web Application Frameworks (including Angular, Vue, React, etc.) or any other similar technology. However, since aConic admin is a static HTML/CSS and JS template, then it should be compatible with any backend technology and frameworks.

File Structure

  • aConic - Includes all assets and html files, used in theme
    • assets
      • css - Includes all .css files, used in theme
      • img - Includes all images, used in .html files.
      • js - Includes plugin's initialization file
      • plugins - Third pary libraries (vendors)
    • scss - SASS (SCSS) source files
    • documentation - Documentation pages
    • index.html
    • ...

HTML Structure

aConic admin follows a simple and easy to customize coding structure. Here is the sample for your reference:


    <!doctype html>
        <html>
            <head>
                <!-- title -->
                <meta charset="utf-8">

                <!-- description -->
                <meta name="description" content="">

                <!-- keywords -->
                <meta name="keywords" content="">

                <!-- favicon -->
                
                <!-- theme css -->

                <!-- bootstrap icons css -->
            </head>
            <body>
                <!-- start header -->
                <header>
                    ...
                </header>
                <!-- end header -->

                <!-- start content- ->
                <section>
                    ...
                </section>
                <!-- end content -->

                <!-- start footer -->
                <footer>
                                
                </footer>
                <!-- end footer -->

                <!-- js & css library -->
        </body>
    </html>
Introduction
Customization