CloudSky

Multipurpose Domain, Hosting and WHMCS Template

• 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

CloudSky 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 Bootstrap 3.3.7. 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 and footer and color based on our template for FREE of cost with our HTML template.

Main Features of "CloudSky":

• - Stable Bootstrap v3.3.7 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
• - WHMCS Templates with 10 Different Color Version
• - Working Domain Checker
• - Working Login Page
• - Working Contact Form Integrated With Validetor and PHP

• ./main_files
  • /html-template
    • index.html
    • shared-hosting.html
    • reseller-hosting.html
    • vps-hosting.html
    • dedicated-hosting.html
    • domain.html
    • about.html
    • datacenter.html
    • clients.html
    • faq.html
    • coming-soon.html
    • 404.html
    • services.html
    • service-details.html
    • portfolio.html
    • portfolio-details.html
    • ssl-certificates.html
    • ssl-certificate-details.html
    • affiliate-marketing.html
    • team.html
    • pricing.html
    • shop.html
    • shop-details.html
    • cart.html
    • checkout.html
    • blog-sidebar-right.html
    • blog-sidebar-left.html
    • blog-details.html
    • contact.html
    • sendmail.php
    • style.css
  • /html-template-rtl
    • index.html
    • shared-hosting.html
    • reseller-hosting.html
    • vps-hosting.html
    • dedicated-hosting.html
    • domain.html
    • about.html
    • datacenter.html
    • clients.html
    • faq.html
    • coming-soon.html
    • 404.html
    • services.html
    • service-details.html
    • portfolio.html
    • portfolio-details.html
    • ssl-certificates.html
    • ssl-certificate-details.html
    • affiliate-marketing.html
    • team.html
    • pricing.html
    • shop.html
    • shop-details.html
    • cart.html
    • checkout.html
    • blog-sidebar-right.html
    • blog-sidebar-left.html
    • blog-details.html
    • contact.html
    • sendmail.php
    • style.css
  • /whmcs-7.5.1-template
    • CloudSky

The "CloudSky" 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.

"CloudSky" using the following CSS files:

Via FTP:

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

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

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

4. Upload the template to the server.

Once you finished setup successfully, you can customize it as you want. Below are some common frequently asked questions.

Q. 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.

Q. How To Change Default Color Schemes?

• Open '.html' file. (For example: 'index.html')
• Find the comment 'Theme Color Stylesheet'
• Change the file name.

Q. How To Remove Preloader?

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

Q. How To Change Topbar Social Links?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Header Topbar Social Start'

Q. How To Change Topbar Links?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Header Topbar Links Start'

Q. How To Change Header Logo?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Logo Start'

Q. How To Change Header Menu Links?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Header Nav Links Start'

Q. How To Change Banner Text?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Banner Content Start'

Q. How To Change Banner Background Image?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Banner Item Start'

Q. How To Change Login Form Redirect Link?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Login Form Start'

Q. How To Change Domain Form Redirect Links?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Domain Search Form Start'

Q. How To Change Service Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Services Item Start'

Q. How To Change Pricing Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Pricing Item Start'

Q. How To Change VPS Pricing Contents?

• Open 'json/vps-plans.json' file.
• Update the values

Q. How To Change Feature Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Feature Item Start'

Q. How To Change Portfolio Item Content?

• Open 'portfolio.html' file.
• Find the comment 'Portfolio Item Start'

Q. How To Change Team Member Info?

• Open 'about.html' file.
• Find the comment 'Team Member Start'

Q. How To Change Testimonial Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Testimonial Item Start'

Q. How To Change Counter Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Counter Item Start'

Q. How To Change FAQ Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'FAQ Item End'

Q. How To Change Call To Action Content?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Call To Action Content Start'

Q. How To Change Blog Item Contents?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Post Item Start'

Q. How To Change Client Brand Image?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Client Brand Start'

Q. How To Change Mailchimp Newsletter List Link?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Newsletter Widget Start'
• To Get Mailchimp List Link Follow This 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'

Q. How To Change Google Map API Key?

• Open '.html' file. (For Example: 'contact.html')
• Find the comment 'Google Map API'
• 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 Map Location?

• Open 'contact.html' file.
• Find the comment 'Map Start'
• Update the 'data-map-latitude', 'data-map-longitude', 'data-map-zoom' and 'data-map-marker'

Q. How To Change Footer Copyright?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Footer Copyright Start'

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 (Roboto and Droid Serif) - 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:

• Bar Rating Plugin - https://github.com/antennaio/jquery-bar-rating
• Isotope Plugin - https://github.com/metafizzy/isotope
• jQuery Waypoints Plugin - https://github.com/imakewebthings/waypoints
• jQuery CounterUp Plugin - https://github.com/bfintal/Counter-Up
• jQuery CountDown Plugin - https://github.com/hilios/jQuery.countdown
• jQuery StickyJS Plugin - https://github.com/garand/sticky
• jQuery Touch Punch Plugin - https://github.com/furf/jquery-ui-touch-punch/
• jQuery Validate Plugin - https://github.com/jzaefferer/jquery-validation
• Owl Carousel Plugin - https://github.com/OwlFonk/OwlCarousel
• RetinaJS Plugin - https://github.com/imulus/retinajs
• Zoom Plugin - https://github.com/jackmoore/zoom
• Scroll Reveal Plugin - https://github.com/jlmakes/scrollreveal