Mamix - Premium Codeigniter Bootstrap-5 Admin Template, With these template formats, it's very easy to create a presence and grab someone's attention around the web page Because the template is built using HTML5, CSS3, Bootstrap 5 framework and with Sass. So please before you start working with the template take a quick look on the documentation so that you can easily built your website.

If You Love Our Template Design Please don't forgot to rate it. Thank you so much! 😊

Mamix is a Premium Codeigniter Bootstrap-5 Admin Template using modern and minimal design. It is fully flexible user-friendly and responsive. Mamix Modern template is powered with HTML 5, SASS, & Bootstrap 5 which looks great on Desktops, Tablets, and Mobile Devices. This Template Includes 230+ php Pages . No Need to do hard work for this template customization. We already designed it and you can easily design your website just how you like it. This template using Codeigniter Bootstrap 5 framework. After Purchased this template you will get All PHP files, CSS, Scss and JS Files.

It has super clean flat user interface admin design, easy customizable components and widgets.The Template comes with a awesome unique design also we ensure you can easily design template.

It is a fully responsive layout for all type of devices. Works on all major web browsers, Desktop, iPhone, iPad, Tablet and all other smart phone devices

Once you Purchase Mamix Premium Codeigniter Bootstrap-5 Admin Template, you will be able to get free download of all future updates.

• PHP = 8.2.12 or Newer
• CodeIgniter = 4.5.2
• *intl* Extension
• PDO PHP Extension
• Mbstring PHP Extension
• Tokenizer PHP Extension
• XML PHP Extension
• JSON PHP Extension
• Sass
• Esbuild 0.19.11

Introduction to the Codeigniter Starter Kit:

The Codeigniter starterkit is a resource that helps developers kickstart their Codeigniter web development projects by providing a preconfigured and ready-to-use template. It aims to simplify the initial setup and provide a foundation for building Codeigniter Framework-based websites or applications.

Purpose of the Codeigniter Starter Kit:

The purpose of the Codeigniter starter kit is to save developers time and effort by offering a set of prebuilt files and configurations commonly used in Codeigniter projects. Instead of starting from scratch, developers can leverage the starter kit to quickly set up a project structure that adheres to best practices and industry standards.

Benefits of Using the Codeigniter Starter Kit:

The starter kit eliminates the need to set up the basic project structure manually. It provides a well-organized file and folder structure, including commonly used directories for separating code, templates, assets, and configuration files. This allows developers to focus more on implementing business logic rather than spending time on initial setup.

Starterkit Overview

You can use the Starterkit if you are creating a new project. It will be time-consuming to use the full admin version for a new project as Mamix have more than 239 pages.

We have provided all the pre-build layouts like Sidemenu, Header, footer and blank pages etc in the Starterkit.

For further information or support regarding the template, please contact us using the provided link: https://support.spruko.com/

├── app/
|   ├── Config
|   ├── Controllers
|   ├── Database
|   ├── Filters
|   ├── Helpers
|   ├── Language
|   ├── Libraries
|   ├── Models
|   ├── ThirdParty
|   ├── Views/
|   |   ├── errors
|   |   ├── layouts
|   |   |   ├── components
|   |   |   |   ├── footer.php
|   |   |   |   ├── main-header.php
|   |   |   |   ├── main-sidebar.php
|   |   |   |   ├── model.php
|   |   |   |   ├── scripts.php
|   |   |   |   ├── styles.php
|   |   |   |   └── switcher.php
|   |   |   └── main.php
|   |   └── pages
|   |       └── index.php
├── public
├── tests 
├── vendor 
├── writable 
├── .env  
├── .gitignore  
├── .htaccess  
├──  builds
├── composer.json
├── composer.lock
├── env
├── esbuild.config.js
├── LICENSE
├── package-lock.json
├── package.json 
├── phpunit.xml.dist
├── preload.php
├── README.md 
└── spark
                                

• Take a quick look at the folder structure of the "Starterkit."
• Integration of your customized PHP pages becomes easy when using the "Starterkit."
• The "Starterkit" provides all the layout components, related assets, and plugins.
• To explore the contents of the "Starterkit," unzip the project folder received after purchase.
Navigate to the following paths:
• Example: C:/projectname/app/Views/layouts/- This folder contains files such as main.php file.
• Example: C:/projectname/app/Views/layouts/components/- This folder contains files such as main-header.php, main-sidebar.php and footer.php, and switcher.php pages.
• Example: C:/projectname/app/Views/pages/- This folder contains files such as index.php, files and etc..,.

 
                                    
├── app/
├── public
├── tests 
├── vendor 
├── writable 
├── .env  
├── .gitignore  
├── .htaccess  
├──  builds
├── composer.json
├── composer.lock
├── env
├── esbuild.config.js
├── LICENSE
├── package-lock.json
├── package.json 
├── phpunit.xml.dist
├── preload.php
├── README.md 
└── spark
                                    
                                

Mamix comes with power of SCSS. The css files can be generated from scss by simply following below steps:

Compiling Styles

1. In the assets folder you will see css, icon-fonts, images, js, libs, scss, video

├── public/
|   ├── assets/
|   |   ├── audio/
|   |   ├── css/
|   |   ├── icon-fonts/
|   |   ├── images/
|   |   ├── js/
|   |   ├── libs/
|   |   ├── scss/
|   |   └── video/	
                                        

2. Now you can compile or customize your styles in scss files that are present in the assets folder.

3. Once the changes made in the files in order to apply those changes to your template you need to run the esbuild commands in the same terminal or command prompt that you have set your project root path.

4. After Compilation, all your .scss files are converted into .css.

If you have installed XAMPP on your machine then please follow the below steps

Step:1 Quick view of Installations

1. Download and Install the Composer from official site https://getcomposer.org/

2. Install CodeIgniter by using Composer as mentioned in the installation process above.

Step:2 Run project

1. After installing your CodeIgniter, Open Xampp and click on the start button on the Apache server and MySQL server

2. Extract the zip file of CodeIgniter project that you received.

3. Please set your public $baseURL before going to run your project, go to /app/Config/app.php Example: public $baseURL = 'http://localhost:8080'; and set your project path in command prompt.

4. If your project is placed in Local Server, Example: C:\xampp\htdocs\myprojectfolder

5. If your project is placed in Desktop, Example: cd C:\Users\Admin\Desktop\myprojectfolder

6. Now run the command line: "php spark serve" or "php -S localhost:8080"

7. Your CodeIgniter PHP Development Server as been started (http://localhost:8080)

8. Copy the url and past it in your favorite browser

Installation Instructions:

Upload the Project that you have purchased, based on your uploading process on server

FTP Uploading Process

Access FTP:
1. Login to your FTP server using your login credentials provided by your hosting provider.
Upload Project Files:
2. Now extract the project folder that you have received, in any of your directories
3. Now navigate to that directory using FTP panel and upload the project in Path: public_html/ directory in your FTP server .
4. Once the uploading completes you can access your domain Example: www.example.com

cPanel Uploading Process

Access cPanel:
1. Login to your cPanel server using your login credentials provided by your hosting provider.
Upload Project Files:
2. Once you successfully accessed your cPanel dashboard, navigate and click on File Manager
3. Now open public_html and click on Upload
4. Here you can select your zipped project folder or you can simply drag and drop your zipped project folder, once the uploading is completed go back to the public_html folder
5. In the public_html folder, you will find your zipped project folder now you need to extract that project folder
6. Once the extraction is completed you can access your domain Example: www.example.com

• PHP : "^8.2.12",
• Composer : "^2.7.4",
• CodeIgniter/framework : "^4.5.2",

                                    ├── app/
                                    |   ├── Config
                                    |   ├── Controllers
                                    |   ├── Database
                                    |   ├── Filters
                                    |   ├── Helpers
                                    |   ├── Language
                                    |   ├── Libraries
                                    |   ├── Models
                                    |   ├── ThirdParty
                                    |   ├── Views/
                                    |   |   ├── errors
                                    |   |   ├── layouts
                                    |   |   |   ├── components
                                    |   |   |   |   ├── ecommercecomponents/
                                    |   |   |   |   ├── custom-scripts.php
                                    |   |   |   |   ├── custom-styles.php
                                    |   |   |   |   ├── custom-switcher.php
                                    |   |   |   |   ├── footer.php
                                    |   |   |   |   ├── landing-scripts.php
                                    |   |   |   |   ├── landing-styles.php
                                    |   |   |   |   ├── main-header.php
                                    |   |   |   |   ├── main-header1.php
                                    |   |   |   |   ├── main-sidebar.php
                                    |   |   |   |   ├── model.php
                                    |   |   |   |   ├── scripts.php
                                    |   |   |   |   ├── styles.php
                                    |   |   |   |   └── switcher.php
                                    |   |   |   ├── custom-main.php
                                    |   |   |   ├── custom-main1.php
                                    |   |   |   ├── custom-main2.php
                                    |   |   |   ├── custom-main3.php
                                    |   |   |   ├── ecommerce-main.php
                                    |   |   |   ├── landing-main.php
                                    |   |   |   └── main.php
                                    |   |   └── pages
                                    |   |       └── 230 + .php (files)
                                    ├── public/
                                    |   ├── assets
                                    |   ├── .htaccess
                                    |   ├── favicon
                                    |   ├── index.php
                                    |   └── robots.txt
                                    ├── tests/
                                    ├── vender/
                                    ├── writable/
                                    |   ├── cache
                                    |   ├── logs
                                    |   ├── session
                                    |   ├── uploads
                                    |   ├── .htaccess
                                    |   └── index.html
                                    ├── .env  
                                    ├── .gitignore  
                                    ├── .htaccess  
                                    ├──  builds
                                    ├── composer.json
                                    ├── composer.lock
                                    ├── env
                                    ├── esbuild.config.js
                                    ├── LICENSE
                                    ├── package-lock.json
                                    ├── package.json 
                                    ├── phpunit.xml.dist
                                    ├── preload.php
                                    ├── README.md 
                                    └── spark 
                                

    <html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="transparent" data-width="default" data-menu-styles="light" data-toggled="close">

    <html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="transparent" data-width="default" data-menu-styles="light" data-toggled="close">

--default-font-family:    							"Montserrat", sans-serif;

                                                        

    
    function localStorageBackup2() {
        
    }
    
                                    

    localStorage.setItem( );
    localStorage.removeItem( );
    localStorage.getItem( )
    localStorage.clear();
    localStorageBackup();
                

    <!-- Main Theme Js -->
    <script src="<?php echo base_url('assets/js/main.js'); ?>"></script>
                

Primary Color

How to Change Primary Color?

Please follow the below steps to change Primary Color

Step 1 :

To change Primary Color you have to open _variables.scss file and replace what color you want as shown in below

Rootpath : _variables.scss (public/assets/scss/_variables.scss )

Note : After changing the styles, you must run the esbuild command, npm run build . For more esbuild commands, see the esbuild page click here.

Dark Theme Style

How to Change Dark body Color?

Please follow the below steps to change Dark body Color

Step 1 :

Make sure the theme is set completely to dark mode by adding the following attributes to the html tag data-theme-mode="dark" data-header-styles="dark" data-menu-styles="dark"

Step 2 :

To change Dark body Color you have to open _variables.scss file and replace what color you want as shown in below

Rootpath : _variables.scss (public/assets/scss/_variables.scss )

Step 3 :

Also Change the following variable colors to the desired theme background accordingly in [data-theme-mode="dark"]

--light-rgb :
--form-control-bg :
--input-border :
--gray-3 :

Note : After changing the styles, you must run the esbuild command, npm run build . For more esbuild commands, see the esbuild page click here.

All plugins runs through npm.

If you want new plugins : Install new plugin from npm then run npm run build command.

Refer following links for usage:

Refer following links for usage:

Refer following links for usage:

Refer following links for usage: