SSDCloud

Multipurpose Hosting with WHMCS and Technology Business 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

SSDCloud is a Multipurpose Hosting with WHMCS and Technology Business 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 "SSDCloud":

• - 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
• - Retina Ready
• - 10 Default Color with Color Switcher
• - Clean Design
• - Fully Responsive
• - Working Contact Form Integrated With Validetor and PHP
• - Google Font Used
• - FontAwesome Icons
• - Modern Cross Browser Support
• - W3C Validated Code

• ./main_files
  • /html-template
    • index.html
    • shared-hosting.html
    • reseller-hosting.html
    • vps-server.html
    • dedicated-server.html
    • domain.html
    • about.html
    • faq.html
    • testimonial.html
    • datacenter.html
    • coming-soon.html
    • 404.html
    • services.html
    • services-single.html
    • gallery.html
    • gallery-single.html
    • ssl.html
    • ssl-single.html
    • login.html
    • affiliate.html
    • team.html
    • pricing-table.html
    • shop.html
    • shop-single.html
    • cart.html
    • checkout.html
    • blog.html
    • blog-single.html
    • contact.html
  • /whmcs-template
    • /whmcs-7.5.1
      • SSDCloud

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

"SSDCloud" using the following CSS files:

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/jquery-ui.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/animate.min.css 
The css file using for css animations

css/owl.carousel.css 
The css file using for owl carousel plugin

css/magnific-popup.css 
The css file using for magnific popup plugin

css/bootstrap-stars.css 
The css file using for star rating plugin

style.css 
The main css file

css/responsive-style.css 
The css file for mobiles

css/colors/theme-color-1.css 
The css file for color scheme

css/custom.css 
The css file for custom styles

js/jquery-3.1.0.min.js
The jQuery Library

js/jquery-ui.min.js
The jQuery UI using for vps slider etc.

js/jquery.ui.touch-punch.min.js
The script using for jqueryui mobile touch events.

js/bootstrap.min.js
The main js file that hook the supported scripts of Bootstrap 3 framework 

js/jquery.sticky.js
The script that using for sticky menu

js/jquery.hoverIntent.min.js
The script that using for Hover Intent Plugin

js/jquery.barrating.min.js
The script that using for Bar Rating Plugin

js/owl.carousel.min.js
The script that using for Owl Carousel Plugin

js/isotope.min.js
The script that using for Gallery

js/jquery.magnific-popup.min.js
The script that using for Magnific Popup Plugin

js/jquery.validate.min.js
The script that using for jQuery Validation Plugin

js/animatescroll.min.js
The script that using for Animate Scroll Plugin

js/jquery.waypoints.min.js
The script that using for Waypoints Plugin

js/jquery.counterup.min.js
The script that using for Counter Up Plugin

js/jquery.countdown.min.js
The script that using for Count Down Plugin

js/custom-color-switcher.js
The script that using for Color Switcher Plugin

js/retina.min.js
The script that using for High Resolution Images

js/main.js
The main script for the template

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 Remove Preloader?

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

Q. How To Change Topbar Text and Social Links?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Header Topbar Start'
• Then update text and links

Q. How To Change Logo?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Header Logo Start'
• Update file name and alternative text

Q. How To Change Banner Text?

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

Q. How To Change Banner Image?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Banner Image Start'
• Update the location of the img tag

Q. How To Change Banner Background Image?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Banner Area Start'
• Update the image location of 'data-bg-img' attribute

Q. How To Change Banner Slider Nav?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Banner Slider Nav Start'
• Update the contents

Q. How To Change Domain Search Form Redirect Link?

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

Q. How To Change Login Form Redirect Links?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Login Area Start'
• Update the action link

Q. How To Change Pricing Ribbon Text?

• Open 'style.css' file and 'responsive-style.css'
• Find the selector '.pricing--content.ribbon:before'
• Update the contents

Q. How To Change Pricing Area Contents?

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

Q. How To Change Pricing Table Contents?

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

Q. How To Change Mailchimp Subcription List Link?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Subscribe Form Start'
• Get you list link from mailchimp and replace 'action' attribute

Q. How To Change Counter Item Text and Icon?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Counter Item Start'
• Update the text, numbers and fontawesome icon

Q. How To Change Testimonial Item Content?

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

Q. How To Remove Live Chat Widget?

• For HTML Template:
  • Open '.html' file. (For Example: 'index.html')
• For WHMCS Template:
  • Open '.tpl' file. (For Example: 'footer.tpl')
• Find the comment 'Start of Tawk.to Script'
• Remove the code block

Q. How To Change Live Chat Widget?

• For HTML Template:
  • Open '.html' file. (For Example: 'index.html')
• For WHMCS Template:
  • Open '.tpl' file. (For Example: 'footer.tpl')
• Find the comment 'Start of Tawk.to Script'
• Update/Replace the widget code with your own widget code. How To Get Your Code? Here's How To Get Your Own Widget Code?

Q. How To Change VPS Plans?

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

Q. How To Change Team Member Info?

• Open 'about.html' file.
• Find the comment 'Team Member Item Start'
• Update the text and social links

Q. How To Change Datacenter Map Locations?

• Open 'datacenter.html' file.
• Find the comment 'Map Area Start'
• Update the text

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

• Open 'sendmail.php' file.
• Find the comment '// Replace this with your own email address'
• Update the email address and name

Q. How To Change Contact Map Location?

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

Q. How To Change Contact Info Text?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Contact Info Item Start'
• Update the link and text

Q. How To Change Copyright Text?

• Open '.html' file. (For Example: 'index.html')
• Find the comment 'Footer Copyright Start'
• Update the text as you like

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:

• AnimateScroll Plugin - https://github.com/ramswaroop/animatescroll.js/
• Bar Rating Plugin - https://github.com/antennaio/jquery-bar-rating
• HoverIntent Plugin - https://github.com/briancherne/jquery-hoverIntent
• jQuery CounterUp Plugin - https://github.com/bfintal/Counter-Up
• jQuery CountDown Plugin - https://github.com/hilios/jQuery.countdown
• jQuery Magnific Popup Plugin - https://github.com/dimsemenov/Magnific-Popup/
• 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
• jQuery Waypoints Plugin - https://github.com/imakewebthings/waypoints
• Owl Carousel Plugin - https://github.com/OwlFonk/OwlCarousel
• RetinaJS - https://github.com/imulus/retinajs