HostHubs HTML Template
HostHubs a hosting company template documentation version 1.0
Introduction
- Item Name : HostHubs HTML Website Template
- Item Version : v 1.0
- Author : WordPressShowcase
- Support Questions : https://www.themeforest.com/user/wordpressshowcase
First of all, Thank you so much for purchasing this template and for being my loyal customer.
You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.
This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.
Requirements
You will need the following sofwares to customize this template.
- Code Editing Software (eg: Dreamweaver, Sublime Text or Notepad)
- Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
- FTP Tool to upload files to Server (eg: FileZilla)
Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.
Getting Started #back to top
Bootstrap Grid System
YOUR CODES GOES HERE
Or you can use the grid system with 2 columns like this;
YOUR CODES GOES HERE
YOUR CODES GOES HERE
Our you can use the grid system with 3 columns like this;
YOUR CODES GOES HERE
YOUR CODES GOES HERE
YOUR CODES GOES HERE
How to Change Color Scheme #back to top
If you want to change the yellow color scheme from this template, you should to edit custom.css file. First open its with notepad++ or similat software programs and search for #fbbc25 after find all codes you can change your color schemes.
If you dont know what is your favorite color scheme check here : https://showwp.com/tools/top-color-palette-sites/ its will help you for sure.
How to edit Logo? #back to top
If you want to create your own logo for your site, please open /images/logo.psd its good gift for you :) We used Roboto Slab font on this logo file.
Also please don't forget to upload your logo@2x.png to images folder for retina display. Retina = 2x image size its easy to edit with our PSD file.
How to use dark version? #back to top
Usage dark color scheme very easy. Example usage check below;
Please add above code which page you want to use dark version. Note: Add after offical style.css file, if u want to use on all pages, you should to edit / add on all html files.
How to use mega menu? #back to top
We used clipboard.js for coupon codes. Listed below example usage.
I have show you 3 columns mega menu, you can play with Bootstrap grid columns.
Use Contact Form #back to top
You can use the contact form with your email address. Please open contact.php and edit line 45
$address = "example@themeforest.com";
IMPORTANT: The contact form work only php server like your hosting or php local servers.
How to use Revolution Slider? #back to top
Here is basic codes for revolution slider. Please check for all demos and how to use sections in documentation/rev-doc folder for revolution slider.
Add Style Files
Add JS Files
Add HTML Codes
Edit JavaScript File #back to top
All our custom plugins included on file. You can check all plugins from js/plugins.js
If you dont have any skills about jQuery, please do not edit anything here. For your custom JavaScripts please use onlu custom.js file.
File Sources #back to top
These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under hosthubs/css/
- 1. style.css - Primary stylesheet
- 2. bootstrap.css - Bootstrap stylesheet
- 3. owl.carousel.css - OWL Carousel
- 4. font-awesome.min.css - FontAwesome Font Icons stylesheet
- 5. custom.css - Historia Color Schemes stylesheet
These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under hosthubs/js/
- 1. bootstrap.js - Bootstrap JavaScript
- 2. plugins.js - All JavaScript Plugins
- 3. retina.js - Retina JavaScript
- 4. jquery.js - Base JavaScript
- 5. carousel.js - Carousel JavaScript
- 6. contact.js - Contact form validate JavaScript
- 7. map.js - contact form map js
Support Desk #back to top
Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.
Please visit our profile page
Support for my items includes:- * Responding to questions or problems regarding the item and its features
- * Fixing bugs and reported issues
- * Providing updates to ensure compatibility with new software versions
- * Customization and installation services
- * Support for third party software and plug-ins
- * Make sure your question is a valid Theme Issue and not a customization request.
- * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
- * Make sure to double check the theme FAQs.
- * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
- * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
- * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
- * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.
Version History (Changelog) #back to top
You can find the version history (changelog.txt) file on hosthubs-full.zip folder or you can check changelog on theme sale page.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Changelog
-----------------------------------------------------------------------------------------
Version 1.0 - March 31th, 2016
-----------------------------------------------------------------------------------------
- First release