ColorHost
Responsive HTML5 Web Hosting and WHMCS Template
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form. Thank you so much!
How to get help:
We run support 24/7. You can expect a response within 24 hours.
- Support requests are for:
- - Help using templates
- - Instructions setting up templates
- - Bug reports and fixes
- Support requests aren’t for:
- - Help with 3rd party plugins
- - Integration of 3rd party plugins
- - Free Customization Requests of our templates
ColorHost is a Responsive HTML5 Web Hosting and WHMCS Template designed for All kinds of Domain and Hosting Business. It's an HTML5 template based on Bootstrap 3.3.7. Also included WHMCS Template based on WHMCS v7.5.1.. Anyone can easily update/edit this template to follow our Well Sorted Documentation.
Main Features of "ColorHost":
- - Bootstrap v3.3.7 Ready
- - WHMCS v7.5.1 Ready
- - WHMCS Templates with 10 Different Color Version
- - Working Domain Checker
- - Working Login Page
- - Live Chat Widget Included
- - 2 Homepage Version
- - Retina Ready
- - 10 Default Color with Color Switcher
- - Clean Design
- - Fully Responsive
- - Working Contact Form Integrated With Validetor and PHP
- - Modern Cross Browser Support
- - W3C Validated Code
Other Features of "ColorHost":
- - Google Fonts
- - Font Awesome Icons
- - Well Documented
- - and much more features…
Our item included two types of Templates. One is the HTML Template to show your pricing/product/services and another one is the WHMCS Template for client area.
So, you have to use both templates for your website and need to link up manually all of your pricing/product/services with WHMCS (from HTML Template to WHMCS Template).
HTML Template:
- Open up your FTP Manager and connect to your Hosting
- Browse to required directory (Normally public_html)
- Unzip and Upload the files.
WHMCS Template:
You'll get the step by step instructions to install the whmcs template in "/whmcs-template/whmcs-x/Readme.txt" file.
- ./main_files
- /html-template
- /version-1
- ___ /index.html
- ___ /shared-hosting.html
- ___ /reseller-hosting.html
- ___ /vps-hosting.html
- ___ /dedicated-hosting.html
- ___ /domain.html
- ___ /about.html
- ___ /affiliate.html
- ___ /testimonial.html
- ___ /blog.html
- ___ /blog-sidebar-left.html
- ___ /blog-sidebar-right.html
- ___ /faq.html
- ___ /contact.html
- ___ /login.html
- ___ /signup.html
- ___ /404.html
- /version-2
- ___ /index.html
- ___ /shared-hosting.html
- ___ /reseller-hosting.html
- ___ /vps-hosting.html
- ___ /dedicated-hosting.html
- ___ /domain.html
- ___ /about.html
- ___ /affiliate.html
- ___ /testimonial.html
- ___ /blog.html
- ___ /blog-sidebar-left.html
- ___ /blog-sidebar-right.html
- ___ /faq.html
- ___ /contact.html
- ___ /login.html
- ___ /signup.html
- ___ /404.html
- /whmcs-template
- /whmcs-7.5.1
- ___ /ColorHost
- ___ /orderforms
The "ColorHost" template is a responsive HTML template based on Bootstrap 3.3.7. The structure based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.
If you would like to edit the layout of any elements in whole template, you would do the following:
Open any '.html' or, '.css', so that is extremely easy to change any html markup and css attributes. Simply find the related and commented heading in the html or, css file and make your magic.
"ColorHost" using the following CSS files:
css/font-awesome.min.css
The css file for font-awesome icons. To see all the available icons and instructions on how to use them click here
css/bootstrap.min.css
The main responsive grid stylesheets, from Bootstrap 3 framework. It is recommended to make any changes/additions to style.css and keep bootsrap.css and bootsrap-theme.css as it are. In this way, you can easily upgrade the grid framework when Bootstrap releases an update.
css/owl.carousel.min.css
The css file for owl carousel.
style.css
The main css file
css/responsive-style.css
The main css file for responsive styles.
css/colors/theme-color-1.css
css/colors/theme-color-2.css
css/colors/theme-color-3.css
css/colors/theme-color-4.css
css/colors/theme-color-5.css
css/colors/theme-color-6.css
css/colors/theme-color-7.css
css/colors/theme-color-8.css
css/colors/theme-color-9.css
css/colors/theme-color-10.css
The main css file for color scheme.
css/custom-style.css
The custom css file for custom styles.
js/jquery-3.1.0.min.js
The jQuery Framework
js/bootstrap.min.js
The main js file that hook the supported scripts of Bootstrap 3 framework
js/jqujquery.hoverIntent.min.js
The script that using for menu hover
js/owl.carousel.min.js
The script that using for slider
js/jquery.waypoints.min.js
The script that using for scroll events
js/jquery.counterup.min.js
The script that using for counter
js/custom-color-switcher.js
The script that using for color switcher
js/scrollreveal.min.js
The script that using for scroll animations
js/retina.min.js
The script that using for hight resolution images
js/main.js
The main script for the template
Photos:
- All 'images' used on the demo site is for demonstration purposes only and are not included in the main download file.
- All Images Collected From 'Google Image Search'
Fonts Used:
Frameworks / Libraries:
Plugins Used:
08 August, 2018 - Version 2.9 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.6.0"
24 April, 2018 - Version 2.8 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.5.1"
04 April, 2018 - Version 2.7 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.5.0"
17 January, 2018 - Version 2.6 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.4.2"
22 November, 2017 - Version 2.5 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.4.1"
11 October, 2017 - Version 2.4 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.3.0"
29 May, 2017 - Version 2.3 (Changelog)
// # List of updates
// ------------------------------
*. WHMCS template updated to be compatible with latest "WHMCS Version 7.2"
18 January, 2017 - Version 2.2 (Changelog)
// # List of updates
// ------------------------------
*. PHPMailer security update
2016 December 28 - Version 2.1 (Changelog)
// # List of updates
// ------------------------------
[*] PHPMailer security updated
2016 December 19 - Version 2.0 (Changelog)
// # List of updates
// ------------------------------
[+] WHMCS template updated to be compatible with latest "WHMCS Version 7.1" (For more information on changes of file to file, please look at it on github)
[-] We stop offering an order form template with WHMCS for WHMCS 7.x, as you can use any standard WHMCS order form.
How To Change Theme Color Scheme?
For HTML Template:
- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Theme Color Stylesheet'
- Update the file name 'theme-color-1.css' to 'theme-color-x.css' or change/update the color code with your desire/brand color code in the 'theme-color-1.css' file.
Available Color Schemes:
For WHMCS Template:
- Open 'head.tpl' file from the includes folder.
- Update the file name 'theme-color-1.css' to 'theme-color-x.css' or change/update the color code with your desire/brand color code in the 'theme-color-1.css' file.
How can I remove the "Preloader"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Preloader Start'
- Then remove the markup
How can I change the "Logo"?
- 1. For HTML Template:-
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Header Logo Start'
- Update the logo name
- 2. For WHMCS Template:-
- Open 'header.tpl' file.
- Then search for the comment 'Header Logo Start'
- Update the logo name
How can I change "Banner Slider Text"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Banner Content Start'
- Update the content
How can I change "Banner Slider Background Image"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Banner Item Start'
- Update the "data-bg-img" attribute value
How can I change "Pricing Table Content"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Pricing Item Start'
- Update the content
How can I change "Clients and Feedback Content"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Testimonial Content Start'
- Update the content
How can I change "Team Member Content"?
- Open 'about.html' file.
- Then search for the comment 'Team Item Start'
- Update the content
How can I change "Counter Content"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Counter Item Start'
- Update the numbers and text
How can I change "FAQ Content"?
- Open 'faq.html' file.
- Then search for the comment 'FAQ Item Start'
- Update the content
How can I change "Google Map Position"?
- Open 'contact.html' file.
- Then search for the comment 'MAP Area Start'
- Update the 'data-latitude', 'data-longitude' and 'data-zoom' attribute value
How can I change "Domain Search Form Action Link"?
- Open 'domain.html' file.
- Then search for the comment 'Domain Search Form Start'
- Update the 'action' attribute value your own domain
How can I change "Login Form Action Link"?
- Open 'login.html' file.
- Then search for the comment 'Login Form Start'
- Update the 'action' attribute value and also 'forgot password link' with your own domain
How can I change "Live Chat Widget"?
- Open 'main.js' file. (For html template 'js/main.js' and for whmcs template 'js/colorhost-script.js'
- Then search for the comment 'Live Chat Widget'
- Update the widget code with your own widget code. How To Get Your Code?
How can I change "Footer Widget Content"?
- 1. For HTML Template:-
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Footer Widget Start'
- Update the contents
- 1. For WHMCS Template:-
- Open 'footer.tpl' file.
- Then search for the comment 'Footer Widget Start'
- Update the contents
How can I change "Copyright Text"?
- Open '.html' file. (For Example, 'index.html')
- Then search for the comment 'Footer Copyright Start'
- Update the text
How can I change "Mail Address" (sendmail.php)?
- Open 'sendmail.php' file.
- Then search for the comment 'Replace this with your own email address'
- Update the email adddress
How can I change "Youtube Video Post URL"?
- Open 'blog.html' file.
- Then search for the comment 'Post Video Start'
- Update the iframe 'src' attribute value