### 1. Introduction

We would like to thank you for choosing Solari Template.

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

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

### 1.1. What's Included

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

- Solari: A HTML template file.
- documentation: This folder contains what you are reading now.

### Template Setup

1. ##### FTP Upload:

   - Open your FTP manager and connect to your hosting
   - Browse to required directory (Normally public_html)
   - Upload the files inside solari-html folder.

### 1.2. Font

                                @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap');
                                @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

### 1.3. Source File (CSS)

                                <!-- fontawesome css -->
                                <link rel="stylesheet" href="assets/css/plugins/fontawesome-6.css" as="style">
                                <link rel="stylesheet" href="assets/css/plugins/swiper.css" as="style">
                                <link rel="stylesheet" href="assets/css/plugins/unicons.css" as="style">
                                <link rel="stylesheet" href="assets/css/plugins/metismenu.css" as="style">
                                <link rel="stylesheet" href="assets/css/vendor/animate.css" as="style">
                                <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css" as="style">
                                <!-- custom css style -->
                                <link rel="stylesheet preload" href="assets/css/style.css" as="style">

### 1.4. Source File (JS)

                                <script src="assets/js/plugins/jquery.min.js" defer></script>

                                <script src="assets/js/vendor/jqueryui.js" defer></script>
                                <script src="assets/js/plugins/counter-up.js" defer></script>
                                <script src="assets/js/plugins/swiper.js" defer></script>
                                <script src="assets/js/plugins/metismenu.js" defer></script>
                                <script src="assets/js/vendor/waypoint.js" defer></script>
                                <script src="assets/js/vendor/waw.js" defer></script>
                                <script src="assets/js/plugins/gsap.min.js" defer></script>
                                <script src="assets/js/plugins/scrolltigger.js" defer></script>
                                <script src="assets/js/vendor/split-text.js" defer></script>
                                <script src="assets/js/vendor/contact.form.js" defer></script>
                                <script src="assets/js/vendor/split-type.js" defer></script>
                                <script src="assets/js/plugins/jquery-timepicker.js" defer></script>
                                <script src="assets/js/plugins/bootstrap.min.js" defer></script>
                                <script src="assets/js/main.js" defer></script>

### 3.1. Change Site Title and Favicon

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

### 3.2. Change Logo

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

### 3.3. Customize Menu

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

### 4.1. Header

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

### 4.2. Footer

Here is the file where you can customize your footer

### 4.3. Global Color

To change Solari Global Color

### 4.5. Content

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

Page Content:

### 4.6. Contact Form

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

### 4.7. Change Mail Form COntact Form

To customize your Site Contact Mail you have to go mailer.php and searching for $recipient then change the value and replace your mail there.

### 6. 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,
ReacThemes Support Team