GREENSSD - Multipurpose Technology, Hosting Business with WHMCS Template

# GREENSSD

## Multipurpose Technology, Hosting Business with 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

##### GREENSSD is a Multipurpose Technology, Hosting Business with 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 "GREENSSD":

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

### TEMPLATE STRUCTURE

- ./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
    - service-single.html
    - portfolio.html
    - portfolio-single.html
    - ssl-certificates.html
    - ssl-certificate-single.html
    - login.html
    - affiliate.html
    - team.html
    - pricing-table.html
    - shop.html
    - shop-single.html
    - cart.html
    - checkout.html
    - blog-sidebar-left.html
    - blog-sidebar-right.html
    - blog-single.html
    - contact.html
    - sendmail.php
    - style.css
  - /whmcs-template
    - /whmcs-7.5.1
      - GREENSSD

### HTML STRUCTURE

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

### CSS FILES AND STRUCTURE

"GREENSSD" 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/fakeLoader.min.css
The css file using for FakeLoader Plugin

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

### JAVASCRIPT

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 StickyJS Plugin

js/fakeLoader.min.js
The script that using for FakeLoader Plugin

js/isotope.min.js
The script that using for Isotope 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/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

### INSTALLATION

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

### FAQ

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'
- Then update icons and links

#### Q. How To Change Header Logo?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Header Topbar 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 and Offer Text?

- 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 Item Start'
- Update the image location of 'data-bg-img' attribute

#### 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 Form Start'
- Update the action link

#### Q. How To Change Pricing Section Contents?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Pricing Item 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 your 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?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Start of Tawk.to Script'
- Remove the code block

#### Q. How To Change Live Chat Widget?

- Open '.html' file. (For Example: 'index.html')
- 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 Start'
- Update the text and social links

#### Q. How To Change Datacenter Map Locations?

- Open 'datacenter.html' file.
- Find the comment 'Map Section Start'
- Update the values

#### 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 'Map Section Start'
- Update the 'data-map-latitude', 'data-map-longitude', 'data-map-zoom' and 'data-map-marker'

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

## 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 (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
- FakeLoader Plugin - http://joaopereirawd.github.io/fakeLoader.js/
- Isotope Plugin - https://github.com/metafizzy/isotope
- 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

### CHANGE LOGS

08 August, 2018 - Version 1.7 (Changelog)

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

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

24 April, 2018 - Version 1.6 (Changelog)

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

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

04 April, 2018 - Version 1.5 (Changelog)

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

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

17 January, 2018 - Version 1.4 (Changelog)

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

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

22 November, 2017 - Version 1.3 (Changelog)

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

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

11 October, 2017 - Version 1.2 (Changelog)

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

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

18 January, 2017 - Version 1.1 (Changelog)

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

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