1. Introduction

We would like to thank you for choosing Geex Dashboard Template.

We made Geex from the ground-up with flexibility in mind. Each element of Geex is extremely customizable, where you can make Geex to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize Geex and make it fit your brand perfectly!

1.1. What's Included

After purchasing Geex template on themeforest.net with your Envato account, go to your Download page. You can choose to download Geex template only or the entire Geex template package which contains the following files:

• Geex: A HTML template file.
• documentation: This folder contains what you are reading now.

Folder Structure:

• root Folder:
• assets Folder:
• src Folder:

1.2. Install

Install required packages by "npm install" on root folder (Recommended NodeJS Version: 18.16.0).

Run Gulp on root folder to compile files by "gulp"

Build Project by "gulp build"(Upload build file to the server):

1.3. Font

		
                            @import url('//fonts.googleapis.com/css2?family=Lexend:wght@100;200&family=Poppins:wght@300;400;500;600;700;800&display=swap');;
                        

1.4. Source File (CSS)

                            <link rel="stylesheet" href="./assets/vendor/css/bootstrap/bootstrap.css">
                            <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
                            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@iconscout/unicons@4.0.8/css/line.min.css">
                            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/apexcharts@3.27.0/dist/apexcharts.min.css">
                            <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
                            <link rel="stylesheet" href="assets/css/style.css">
                        

1.5. Source File (JS)

                            <script src="./assets/vendor/js/jquery/jquery-3.5.1.min.js"></script>
                            <script src="./assets/vendor/js/jquery/jquery-ui.js"></script>
                            <script src="./assets/vendor/js/bootstrap/bootstrap.min.js"></script>
                            <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
                            <script src="https://cdn.jsdelivr.net/npm/apexcharts@3.27.0/dist/apexcharts.min.js"></script>
                            <script src="./assets/js/main.js"></script> 
                        

2. Make any changes

To make any changes on your site, go to src folder in your editor and change as you wish.

2.1. Change Site Title and Favicon

To change your Site title and Favicon, open the Geex in your editor and go to the location by following screenshot which are given bellow.

2.2. Change Logo

To change your Site Logo, open the Geex in your editor and go to the location by following screenshot which are given bellow.

2.3. Header Menu

To customize your Header Menu, open the Geex in your editor and go to the location by following screenshot which are given bellow.

2.4. Sidebar Menu

To customize your Sidebar Menu, open the Geex in your editor and go to the location by following screenshot which are given bellow.

3.1. Header

From the located file in the image you can customize you site header layout

3.2. Footer

Here is the file where you can customize your footer

3.3. Global Color

To change Geex Global Color

4. Content

To customize your Site Content open the Geex in your editor and go to the location by following screenshot which are given bellow.

Page Content:

Layout:

Components:

4.1. Chart

To customize your Site Chart open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.2. Todo

To customize your Site Todo App open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.3. Chat

To customize your Site Chat App open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.4. Calendar

To customize your Site Calendar App open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.5. Features

To customize your Site Features (Badge, Button, Color, Form, Icon, Navigation, Typography etc) open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.6. Blog

To customize your Site Blog open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.7. Faq

To customize your Site Faq open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.8. Pricing

To customize your Site Pricing open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.9. Testimonial

To customize your Site Testimonial open the Geex in your editor and go to the location by following screenshot which are given bellow.

4.10. Authentication

To customize your Site Authentication open the Geex in your editor and go to the location by following screenshot which are given bellow.

5. Support

Support Scope

Included in Free Support Scope:

• Fixing bugs
• Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation

NOT Included in Free Support Scope:

• Any type of custom changes
• Any type of request to update clients’ site contents

Paid Support Scope:

Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:

• Custom change request
• Custom pages
• Custom features

We kept a flat rate for our paid support which is $25/hour.

Support Ticket

Please send your support request here. You will response within 1 business day.

Regards,
ThemeWant Support Team