Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

Approx is a Bootstrap 5 admin dashboard and finance management system & ui kit. It is fully responsive and included awesome features to help build web applications fast and easy. The tones of well designed and developed layouts, components, elements, widgets and application pages allows you to create any saas based application, custom admin panel or dashboard application. The clean and flexible code enable you to easily customize it.

You are important for us and so please feel free to get back to me with any question or feedback.

Structure

I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.

File & Folder Structure

	
	
	
	
	Theme Directory
	
	Approx/
	│ 
	└── dist/
	     │	
	     ├── assets/
		 │	│
		 │	├── fonts/
		 │	│   └── All fonts.			
		 │ 	│   
		 │	├── images/
		 │	│   └── images 
		 │	│
		 │	├── js/
		 │	│   └── All js
		 │	│
		 │	├── libs/
		 │	│   └── All Plugins
		 │	│
		 │	└── css/
		 │		└── All css files 
		 │
		 │
		 └── All HTML files.

HTML Structure

Css

File Description
bootstrap.min.css Approx uses the bootstrap v5.3.3. The core bootstrap file is being used in all the pages.
icons.css Combines various font icons. You should remove the fonts you don't plan to use from this file and recompile it.
app.css The main stylesheet file, it's being generated from scss and contains all the css styles combined.

Javascript

Approx uses,Javascript Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.

They are explained below:

File Description
bootstrap.bundle.min.js, simplebar, etc. These files are used at core of the theme.
app.js This is a main js file. It contains the custom JS code needed for features including layout, sidebar, etc.
pages/*.js These are the files containing pages specific code. They are mainly used for demo purpose.
plugins/**.js All supported and integrated third-party plugins are included in here.

Themes

Approx uses Bootstrap JS framework(at its core) and some of the third-party plugins. There are may more third party plugin which you can use according to your needs. The css is already containing matching style for these plugins so you will not need to do anything around it.

They are explained below:

Themes Changes
Drak version Only change attributes data-startbar="dark" and data-bs-theme="dark" in html tag and compile code set to dark theme.
Sidebar Light Only change attribute data-startbar="light" in html tag and compile code set to light sidebar.

Credits & Official Documentation

I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

Support

Once again thank you for purchasing the theme. I am always avaialble to help you. If you have any suggestion or feature to make it more better, I am requesting you to contact me, I'll try my best to add them in future updates.

Best,

- Mannat-themes

Change Log

Version 1.0.0 - 18 November 2024

  • Initial released