CryptoCloud - Multipurpose Domain, Hosting and WHMCS Template

# CryptoCloud

## Multipurpose Domain, Hosting and WHMCS Template

Contact Support

- Author: ThemeLooks
- Profile: https://themeforest.net/user/themelooks
- Website: http://themelooks.com/
- Support Forum: http://themelooks.com/support/

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our 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

[Note: Need Some Premium Customization Done. Contact Us Via Our User Page Contact Form. ]

### INTRODUCTION

##### CryptoCloud is a Multipurpose Domain, Hosting and WHMCS Template designed for All kinds of Technology, Domain and Hosting Business. It's an HTML5 template based on latest Bootstrap v4.0. Also included WHMCS Template based on WHMCS v7.5.1. Anyone can easily update/edit this plugin to follow our Well Sorted Documentation.

> Mainly, our template is an HTML template and we just provided support by customizing WHMCS header, footer and color.

## Main Features of "CryptoCloud":

- - Latest Stable Bootstrap v4.0 Ready
- - Fully Responsive
- - Retina Ready
- - 10 Default Color with Color Switcher
- - Clean Design
- - Google Font Used
- - FontAwesome Icons
- - Modern Cross Browser Support
- - W3C Validated Code
- - WHMCS v7.5.1 Ready
- - Working Domain Checker
- - Working Login Page
- - Working Contact Form Integrated With Validetor and PHP

### TEMPLATE STRUCTURE

- ./main_files
  - /html-template
    - index.html
    - home-2.html
    - home-3.html
    - about.html
    - domain.html
    - data-centers.html
    - team.html
    - testimonials.html
    - blog.html
    - blog-details.html
    - blog-sidebar-left.html
    - blog-sidebar-right.html
    - contact.html
    - sendmail.php
    - 404.html
  - /html-template-rtl
    - index.html
    - home-2.html
    - home-3.html
    - about.html
    - domain.html
    - data-centers.html
    - team.html
    - testimonials.html
    - blog.html
    - blog-details.html
    - blog-sidebar-left.html
    - blog-sidebar-right.html
    - contact.html
    - sendmail.php
    - 404.html
  - /whmcs (v7.5.1) template
    - CryptoCloud

### HTML STRUCTURE

The "CryptoCloud" template is a responsive HTML template based on Bootstrap v4.0.0. The structure is 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 the whole template, you would do the following:

- 1. Open any '.html' or '.css' file in a text editor.
- 2. Find related comment/code.
- 3. Do your magic.

### CSS FILES AND STRUCTURE

"CryptoCloud" is using the following CSS files:

css/bootstrap.min.css | Bootstrap 4 Framework
css/bootstrap.rtl.min.css | Bootstrap RTL Theme
css/font-awesome.min.css | Font Awesome
css/font-awesome-rtl.min.css | Font Awesome RTL
css/fakeLoader.min.css | Pre-loader
css/jquery-ui.min.css | jQuery UI
css/jqvmap.min.css | jQuery Vector Map
css/magnific-popup.min.css | Magnific-Popup
css/swiper.min.css | Swiper slider
css/style.css | Template Main Styles
css/responsive.css | Template Responsive Styles
css/style-rtl.css | Template RTL Styles
css/colors/theme-color-1.css | Template Color Scheme Styles
css/custom.css | Template Custom Styles

### JAVASCRIPT

js/jquery-3.2.1.min.js | jQuery Library
js/jquery-ui.min.js | jQuery UI
js/jquery.ui.touch-punch.min.js | jQuery UI Touch
js/bootstrap.bundle.min.js | Bootstrap 4 Framework
js/fakeLoader.min.js | Pre-loader
js/isotope.pkgd.min.js | Isotope Plugin
js/jquery.magnific-popup.min.js | Magnific popup
js/jquery.vmap.min.js js/jquery.vmap.world | jQuery vector map
js/swiper.min.js | Swiper Slider
js/retina.min.js | RetinaJS
js/menu.js | Responsive menu
js/scripts.js | Template Main Scripts

### INSTALLATION

##### Via FTP:

1. Open up your 'FTP Software' of choice and connect to your hosting

2. Browse to required directory (Usually: ./public_html)

3. Unzip the 'main_files.zip' and choose templates to upload.

4. Upload the template to the server.

### FAQ

Once you finish setup successfully, you can customize it as you want. Some common frequently asked questions are given bellow.

#### Q. How To Change Default Color Schemes?

- Open '.html' file in a text editor. (For example: 'index.html') or open 'header.tpl' from WHMCS template.
- Find the comment 'Theme color'
- Change the file name. (10 different color theme are provided in (css/colors) folder)

#### Q. How To Remove Preloader?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Preloader'
- Then the remove the code block

#### Q. How to change logo?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Logo'
- Put 2 logo image. First one for the default logo and second one for the sticky header logo.

#### Q. How to change menu items and links?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Header-menu'
- Change menu item name or href="..." to href="yourLink"

#### Q. How to change the link for client area?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Register button'
- Change the link.

#### Q. How to change the banner texts and links?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Main banner'
- Change texts and links.

#### Q. How to change the banner background image?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Main banner'
- Change image name and directory.

#### Q. How to change content for Why Us / Who we are section?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single reason'
- Change the info.

#### Q. How to change home page video link?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Video info'
- Change link.

#### Q. How to change home page video background?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Video background image'
- Change image name.

#### Q. How to change data centers map?

- Open 'scripts.js' file form js folder.
- Find the comment 'jQuery vector map'
- Change country code* and popup title (*All country codes are provided in the file "Docs/jqvmap (country codes).txt").

#### Q. How to update hosting plans?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single cloud hosting plan'.
- Change texts and link.

#### Q. How to update Reviews?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single review slide'
- Change texts.

#### Q. How to update latest news?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Start single latest news'
- Change texts or links

#### Q. How to change footer contact informations?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single footer'
- Change informations.

#### Q. How to change footer social icons and their links?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single footer'
- Change social icon name (if necessary) and link.

#### Q. How to change footer links?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single footer'
- Change links.

#### Q. How To Change Mailchimp Newsletter List Link?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Single footer'
- Change form action link with your own mailchimp link.

#### Q. How to change copyright?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Copyright'
- Change text.

#### Q. How to change VPS pricing feature value?

- Open 'vps-plans.json' file from json folder.
- Change informations for features.

#### Q. How to change exclusive features?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Single feature'
- Change texts.

#### Q. How to change assistance section?

- Open '.html' file. (For example: 'index.html')
- Find the comment 'Assistance'
- Change content.

#### Q. How To Change Domain Form Redirect Links?

- Open 'domain.html' file.
- Find the comment 'Domain search'
- Change the link.

#### Q. How to change about page content?

- Open 'about.html' file.
- Find the comment 'Tab content'
- Change content.

#### Q. How to change about us images?

- Open 'about.html' file.
- Find the comment 'History image'
- Change image name and directory.

#### Q. How to change team members?

- Open '.html' file. (For example: 'about.html')
- Find the comment 'Single Member'
- Change information.

#### Q. How to change blog post?

- Open '.html' file. (For example: 'blog.html')
- Find the comment 'Single post'
- Change informations.

#### Q. How to change blog sidebar?

- Open '.html' file. (For example: 'blog-sidebar-right.html')
- Find the comment 'Single sidebar widget'
- Change content.

#### Q. How To Change Contact Map Location?

- Open 'contact.html'
- Find the comment 'Map'
- Update "data-map-options"

#### Q. How To Change Google Map API Key?

- Open '.html' file. (For Example: 'contact.html')
- Find the comment 'MAP'
- Update the 'api_key' with your own api key. (Here is a guide about How To Get API Key plus a Video Tutorial)

#### Q. How To Change Contact Form Email Address? (Sendmail.php)

- Open 'sendmail.php' file.
- Find the comment '// Replace this with your own email address' in line 3.
- Find the comment '// replace with your name' in line 4.

## SOURCE AND CREADITS

#### 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:

- Google Fonts (Montserrat and Work Sans) - https://fonts.google.com
- Font Awesome - https://github.com/FortAwesome/Font-Awesome/

#### Frameworks / Libraries:

- jQuery - http://jquery.com
- jQuery UI - http://jqueryui.com
- Twitter Bootstrap - http://getbootstrap.com

#### Plugins Used:

- jQuery Touch Punch Plugin - https://github.com/furf/jquery-ui-touch-punch/
- Isotope Plugin - https://github.com/metafizzy/isotope
- fakeLoader - https://github.com/joaopereirawd/fakeLoader.js
- RetinaJS Plugin - https://github.com/imulus/retinajs
- Magnific popup - https://github.com/dimsemenov/Magnific-Popup
- jQuery vector map - https://github.com/10bestdesign/jqvmap
- Swiper slider - https://github.com/nolimits4web/swiper

## CHANGE LOGS

08 August, 2018 - Version 1.4 (Changelog)

    // # List of updates
    // ------------------------------

    *. WHMCS template updated to be compatible with latest "WHMCS Version 7.6.0"

15 May 2018 - Version 1.3 (Changelog)

    // # List of updates
    // ------------------------------

    * Minor bug fix in WHMCS template

24 April 2018 - Version 1.2 (Changelog)

    // # List of updates
    // ------------------------------

    * Updated WHMCS version (from v7.5.0 to v7.5.1).

04 April 2018 - Version 1.1 (Changelog)

    // # List of updates
    // ------------------------------

    *. WHMCS template updated to be compatible with latest "WHMCS Version 7.5.0"

29 March 2018 - Version 1.0 (First release)