template documentation version 1.0
Thank you so much for purchasing our template and for being our loyal customer.You are awesome!
You are entitled to get free lifetime updates to this product + free 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 theme works and how to edit this properly. Basic HTML & CSS knowledge is required to customize this template. You may learn basics here, here Or by videos here.
we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.
To quickly find the necessary information, you can use your browser's built-in "Search" tool
This template, which is a responsive layout for tablet and other mobile devices, is based on the HTML5 structure and Twitter Bootstrap 4.1.1 Visit http://getbootstrap.com/ to learn more about bootstrap. For a detailed information about its grid system, click on http://getbootstrap.com/css/#grid.
This is a STATIC HTML template With WHMCS template inegration and is NOT WordPress theme
To use WHMCS template you must be running at least WHMCS 6.x.x , PHP5, mysql 5 or higher
you can read this tutorial: How to Customize an HTML Template
you can read this tutorial: The Best Way to Learn HTML
you can read this tutorial: Introduction to HTML
you can read this tutorial: Your First HTML Document in 60 Seconds
Before customize the tempalte, please make sure you unpacked the archive and extracted template files. the screenshot below as an example only.
you can edit HTML and CSS files with in any text editor, example: notepad++.
The template is arranged in sections, each section(div) has an class or id, Ex: "anoncement-header", "header-area", "domain-header"", ...etc
The general HTML structure hould appear in the following format.
<html> <body> <-- start preloader --> <div class="preloader"> ... </div> <-- end preloader --> <-- start header --> <div id="header" class="homepagetwostyle d-flex mx-auto flex-column" > ... ... ... </div> <-- end header --> <-- page started --> <section id="class="padding-100-0""> ... ... ... ... ... <section> <-- page ended --> <-- start footer --> <section class="first-items-home"> ... ... </section> <-- end footer --> </body> </html>
the main css file for this template is css/main.css
the responsive css file for this template is css/responsive.css
The general CSS structure hould appear in the following format.
1.------------------------- General Styles / 2.------------------------- background & buttons / 3.------------------------- preloader / 4.------------------------- top header navbar / 5.------------------------- the header / 6.------------------------- megamenu dropdown / 7.------------------------- header animations / 8.------------------------- header main text / 9.------------------------- the breadcrumb / 10.------------------------ header domain search / 11.------------------------ header search block / 12.------------------------ header login dropdown / 13.------------------------ header nav styles / 14.------------------------ services box styles / 15.------------------------ banner hosting menu / 16.------------------------ hosting plans megamenu / 17.------------------------ our services megamenu / 18.------------------------ second secvices box styles / 19.------------------------ simple title styles / 20.------------------------ our pertners styles / 21.------------------------ third services box styles / 22.------------------------ first hosting plans styles / 23.------------------------ perlex section / 24.------------------------ video model styles / 25.------------------------ fourth services box styles / 26.------------------------ services tabs styles / 27.------------------------ server place maps styles / 28.------------------------ counter section styles / 29.------------------------ blog boxes styles / 30.------------------------ homepage contact form styles / 31.------------------------ footer styles / 32.------------------------ fixed header styles / 33.------------------------ responsive menu styles / 34.------------------------ SECOND HOMEPAGE STYLES START / 35.------------------------ second header styles / 36.------------------------ header slider styles / 37.------------------------ second header text area / 38.------------------------ carousel services box / 39.------------------------ homepage domain search section / 40.------------------------ hosting plans with chekout / 41.------------------------ video modal popup styles / 42.------------------------ custom conatiner styles / 43.------------------------ sub pages header styles / 44.------------------------ main services box / 45.------------------------ grandient backrounds / 46.------------------------ domain resulte page / 47.------------------------ about us page / 48.------------------------ reseller hosting page / 49.------------------------ Filter List / 50.------------------------ wordpress hosting page / 51.------------------------ DDOS pages styles / 52.------------------------ knowledgebase page styles / 53------------------------- contact us page styles / 54.------------------------ help center page styles / 55.------------------------ 404 page styles / 56.------------------------ blog & blog single styles / 57.------------------------ header extra styles / 58.------------------------ additionell styles & updates /
This template has 18 Javascript files.
this template require two logos one for the white background and one for the dark background
made your logos and put it in img/header in png and without background
this template has 6 header background grandient you can chose one of them
for use one of them just copie the class of the grandient and past it in the header in line 118
<-- start header --> <div id="header" class="homepagetwostyle d-flex mx-auto flex-column your_grandient_code" > ... ... ... </div>
You can setup your email on the contact form easly
just add your email in mailer.php on line 24 In a place (youremail@domain.net) and save the file , that's it :)
There are 2 sub pages styles you can use them empty.html & empty-v2.html
if you want more pages you can started with those templates al fille them with our pre made sections easly
Our template includes a A large group of pre made section. It allows to create new pages for your project .
Before add new pages! make sure you have a backup for your older pages
don't forget to add title for your new page
How to install whmcs
How to install whmcs template
we give you 2 whmcs teplate version templates-nuhost and templates-nuhost-standard you can preview them in our demo
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 or ask question @nedjai mohamed
Support for my items includes:These are the primary CSS files used for general front-end styling. Use these to customize your template even further. All included css codes under .../HTML/css/
main.css
- Primary stylesheetanimate.css
- animate stylesheetbootstrap.min.css
- bootstrap 4.1.1 stylesheetbootstrap.offcanvas.min.css
- bootstrap offcanvas menu stylesheetflickity.min.css
- flickity stylesheetfontawesome-all.min.css
- fontawesome iconsmodal-video.min.css
modal video stylesheetresponsive.css
- our template responsive fileThese are the various attribution inks to the Javascript files included or modified to work with in this template. All included JavaScript codes under .../HTML/js/
bootstrap.js
- Bootstrap JavaScriptbootstrap.offcanvas.js
- offcanvas menu Pluginsjquery.js
- Base JavaScriptdemo.js
- demo JavaScriptflickity.pkgd.min.js
- flickity JavaScriptjquery.countdown.min.js
- countdown JavaScriptjquery.countup.min.js
- countup JavaScriptjquery.touchSwipe.min.js
- touchSwipe JavaScriptmailer.js
- the mail sender JavaScriptmodal-video.min.js
- video modal JavaScriptparallax.min.js
- parallax effect JavaScriptjquery.countdown.min.js
- countdown JavaScriptparticles.js
- particles header animation JavaScriptpopper.min.js
- popper JavaScriptscripts.js
- template JavaScriptsmoothscroll.js
- smoothscroll JavaScripttyped.js
- text chenger JavaScriptwaypoints.min.js
- waypoints JavaScriptYou can find the version history (changelog.txt) file on main directory folder or you can check changelog on template sale page.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the template on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
----------------------------------------------------------------------------------------- Version 1.0.0 - ----------------------------------------------------------------------------------------- - actual release
With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client. In short:
What is allowed with single regular license:For more information regarding license regulations and policies, please check the links below:
License FAQ.
Licenses overview.
Regular license details.
Extended license details.