banner

1. Introduction

We would like to thank you for choosing EliteHost Template.

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

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

1. Install Server (Recommended PHP version: >8.2)

Make sure to have the Xampp/WampServer/Lampp installed & running in your computer. If you already have installed server on your computer, you can skip this step if your existing PHP version is greater than >8.2.

2. Install Composer (Recommended version: >= 2.2)

Make sure to have the composer installed & running in your computer. If you already have installed server on your computer, you can skip this step.

3. This would install all the required packages in the vendor folder.

composer i
or 
composer install

4. The development server is accessible at http://localhost:8000. To run on other port just run command : php artisan serve --port=8001

php artisan serve

5. Editing EliteHost Template

Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.

1.1. What's Included

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

EliteHost
  • EliteHost: A blade template file.
  • documentation: This folder contains what you are reading now.
Folder Structure:
  • root Folder:
  • src Folder:
File Structure:
  • Page Structure:
  • Component Structure:

1.2. Font

		
                            @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

1.3. Source File (CSS)

                            
                            <link rel="preload stylesheet" href="{{ asset('assets/css/plugins.min.css') }}" as="style">
                            <!-- fontawesome css -->
                            <link rel="preload stylesheet" href="{{ asset('assets/css/plugins/fontawesome.min.css') }}" as="style">
                            <!-- Custom css -->
                            <link rel="preload stylesheet" href="{{ asset('assets/css/style.css') }}" as="style">

1.4. Source File (JS)

			
                            <script src="{{ asset('assets/js/vendor/jquery.min.js') }}"></script>
                            <script src="{{ asset('assets/js/vendor/jquery-ui.js') }}"></script>
                            <script src="{{ asset('assets/js/vendor/metismenu.js') }}"></script>
                            <script src="{{ asset('assets/js/vendor/magnifying-popup.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/swiper.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/counterup.js') }}"></script>
                            <script src="{{ asset('assets/js/vendor/waypoint.js') }}"></script>
                            <script src="{{ asset('assets/js/vendor/waw.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/isotop.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/imagesloaded.pkgd.min.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/resizer-sensor.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/sticky-sidebar.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/twinmax.js') }}"></script>
                            <script src="{{ asset('assets/js/vendor/chroma.min.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/bootstrap.min.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/contact.form.js') }}"></script>
                            <script src="{{ asset('assets/js/plugins/calender.js') }}"></script>
                            <script src="{{ asset('assets/js/main.js') }}"></script>

3.1. Change Site Title and Favicon

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

doc

3.2. Change Logo

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

doc

3.3. Customize Menu

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

doc

4.1. Header

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

doc

4.2. Footer

Here is the file where you can customize your footer

doc

4.3. Global Color (SCSS)

To change EliteHost Global Color using SCSS

doc

4.3. Global Color (CSS)

To change EliteHost Global Color using CSS

doc

4.5. Content

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

Page Content:

doc

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 $15/hour.

Support Ticket

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

Regards,
Pixcels Themes Support Team