QuickFix - Multipurpose Servicing and Repairing HTML Template

# QuickFix

## Multipurpose Servicing and Repairing HTML 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!

- 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

##### QuickFix is a Multipurpose Servicing and Repairing HTML Template designed for All kinds of Computer Repair Servicing, Desktop Repair Servicing, Laptop Repair Servicing, Mac Repair Servicing, iPad Repair Servicing, iPhone Repair Servicing, iPod Repair Servicing, Tablet Repair Servicing, Mobile Phone Repair Servicing. It's an HTML5 template based on latest Bootstrap 3.3.7. Anyone can easily update/edit this template to follow our Well Sorted Documentation.

## Main Features of "QuickFix":

- - Latest Stable Bootstrap v3.3.7 Ready
- - Retina Ready
- - 10 Default Color Schemes
- - Clean Design
- - Fully Responsive
- - Working Quote Form Integrated With Validetor and PHP
- - Working Appoinment Form Integrated With Validetor and PHP
- - 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
    - about.html
    - pricing.html
    - services.html
    - service-details.html
    - testimonial.html
    - experts.html
    - gallery.html
    - gallery-details.html
    - shop.html
    - shop-details.html
    - cart.html
    - checkout.html
    - blog-sidebar-left.html
    - blog-sidebar-right.html
    - blog-details.html
    - contact.html
    - coming-soon.html
    - 404.html
    - style.css
    - sendmail.php
  - /html-template-rtl
    - index.html
    - about.html
    - pricing.html
    - services.html
    - service-details.html
    - testimonial.html
    - experts.html
    - gallery.html
    - gallery-details.html
    - shop.html
    - shop-details.html
    - cart.html
    - checkout.html
    - blog-sidebar-left.html
    - blog-sidebar-right.html
    - blog-details.html
    - contact.html
    - coming-soon.html
    - 404.html
    - style.css
    - style-rtl.css
    - sendmail.php

### HTML STRUCTURE

The "QuickFix" 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

"QuickFix" using the following CSS files:

css/font-awesome.min.css | Font Awesome
css/bootstrap.min.css | Bootstrap 3 Framework
css/bootstrap-rtl.min.css | Bootstrap RTL Theme
css/jquery-ui.min.css | jQuery UI
css/owl.carousel.min.css | Owl Carousel Plugin
css/fakeLoader.min.css | jQuery FakeLoader Plugin
css/fontawesome-stars-o.min.css | jQuery Bar Rating Plugin
css/jquery.timepicker.min.css | jQuery Timepicker Plugin
css/magnific-popup.min.css | jQuery Magnific Popup Plugin
style.css | Template Main Styles
style-rtl.css | Template RTL Styles
css/responsive-style.css | Template Responsive Styles
css/colors/color-1.css | Template Color Scheme Styles
css/custom.css | Template Custom Styles

### JAVASCRIPT

js/jquery.min.js | jQuery Library
js/jquery-ui.min.js | jQuery UI
js/bootstrap.min.js | Bootstrap 3 Framework
js/owl.carousel.min.js | Owl Carousel Plugin
js/isotope.min.js | Isotope Plugin
js/fakeLoader.min.js | jQuery FakeLoader Plugin
js/jquery.sticky.min.js | jQuery Sticky Plugin
js/jquery.form.min.js | jQuery Form Plugin
js/jquery.validate.min.js | jQuery Validation Plugin
js/jquery.magnific-popup.min.js | jQuery Magnific Popup Plugin
js/jquery.barrating.min.js | jQuery Bar Rating Plugin
js/jquery.directional-hover.min.js | jQuery Directional Hover Plugin
js/jquery.timepicker.min.js | jQuery Timepicker Plugin
js/jquery.waypoints.min.js | jQuery Waypoints Library
js/jquery.counterup.min.js | jQuery Counter-Up Library
js/jquery.countdown.min.js | jQuery Countdown Plugin
js/retina.min.js | RetinaJS
js/custom-color-switcher.min.js | Color Switcher Plugin
js/main.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 (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 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 Text and Links?

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

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

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

#### Q. How To Change Header Info Text?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Header Navbar Top Info Start'
- Update text and links

#### Q. How To Change Header Button Text and Link Location?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Header Navbar Top Button Start'
- Update text and links

#### Q. How To Change Header Menu Links?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Header Nav Links Start'
- Update text and links

#### 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 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 Forward Get A Quote Form, Make An Appoinment Form and Contact Form Emails? (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 Appoinment Section Text?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Appointment Item Start'
- Update the title, img and texts

#### Q. How To Change Services Section Text?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Service Item Start'
- Update the title, dot position, link and texts

#### Q. How To Change Services Section Image?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Service Image Start'
- Update the title, dot position and texts

#### Q. How To Change Features Section Content?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Feature Item Start'
- Update the icon, title and texts

#### Q. How To Change Counter Section Content?

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

#### Q. How To Change Gallery Item Contents?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Gallery Item Start'
- Update the image, title, subtitle and links

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

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

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

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Expert Member Start'
- Update the contents

#### Q. How To Change Testimonial Item Contents?

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

#### Q. How To Change Testimonial Video Contents?

- Open '.html' file. (For Example: 'index.html')
- Find the comment 'Testimonial Video Content Start'
- Update the contents

#### Q. How To Change Blog Post Item Contents?

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

#### Q. How To Change Call To Action Section Contents?

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

#### Q. How To Change Footer Subscribe Form Contents?

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

#### Q. How To Change Copyright?

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

#### Q. How To Change Page Header Contents?

- Open '.html' file. (For Example: 'about.html')
- Find the comment 'Page Header Section Start'
- Update the contents

- And to change the background image
- Update the image location

#### Q. How To Change About Content?

- Open '.html' file. (For Example: 'about.html')
- Find the comment 'About Content Start'
- Update the contents

#### Q. How To Change About Image and Video Link?

- Open '.html' file. (For Example: 'about.html')
- Find the comment 'About Gallery Start'
- Update the contents

#### Q. How To Change Pricing Page Sidebar Tab Links?

- Open '.html' file. (For Example: 'pricing.html')
- Find the comment 'Pricing Single Sidebar Start'
- Update the text and links

#### Q. How To Change Pricing Page Tab Contents?

- Open '.html' file. (For Example: 'pricing.html')
- Find the comment 'Pricing Single Content Start'
- Update the contents

#### Q. How To Change Services Page Item Contents?

- Open '.html' file. (For Example: 'services.html')
- Find the comment 'Extra Service Item Start'
- Update the contents

#### Q. How To Change Service Details Page Tab Links?

- Open '.html' file. (For Example: 'service-details.html')
- Find the comment 'Service Single Sidebar Start'
- Update the contents

#### Q. How To Change Service Details Page Tab Contents?

- Open '.html' file. (For Example: 'service-details.html')
- Find the comment 'Service Single Content Start'
- Update the contents

#### Q. How To Change Coming Soon Page Logo and Content?

- Open '.html' file. (For Example: 'coming-soon.html')
- Find the comment 'Coming Soon Section Start'
- Update the contents

#### Q. How To Change 404 Page Image and Content?

- Open '.html' file. (For Example: '404.html')
- Find the comment '404 Section Start'
- Update the contents

#### Q. How To Change Gallery Details Page Content?

- Open '.html' file. (For Example: 'gallery-details.html')
- Find the comment 'Gallery Single Section Start'
- Update the contents

#### Q. How To Change Shop Page Product Image and Content?

- Open '.html' file. (For Example: 'shop.html')
- Find the comment 'Product Item Start'
- Update the contents

#### Q. How To Change Shop Details Page Image Gallery?

- Open '.html' file. (For Example: 'shop.html')
- Find the comment 'Product Single Gallery Start'
- Update the contents

#### Q. How To Change Contact Page Contents?

- Open '.html' file. (For Example: 'contact.html')
- Find the comment 'Contact Content Start'
- Update the contents

- And to change the map
- Update the values

### 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 Source Sans Pro) - 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 CountDown Plugin - https://github.com/hilios/jQuery.countdown
- jQuery Magnific Popup Plugin - https://github.com/dimsemenov/Magnific-Popup/
- jQuery Sticky Plugin - https://github.com/garand/sticky
- jQuery Validation Plugin - https://github.com/jzaefferer/jquery-validation
- jQuery Waypoints Plugin - https://github.com/imakewebthings/waypoints
- jQuery CounterUp Plugin - https://github.com/bfintal/Counter-Up
- jQuery Final Countdown Plugin - https://github.com/hilios/jQuery.countdown
- jQuery Form Plugin - https://github.com/jquery-form/form
- jQuery Directional Hover Plugin - https://github.com/andeic/jQuery-directional-hover
- jQuery Timepicker Plugin - https://github.com/jonthornton/jquery-timepicker
- Owl Carousel Plugin - https://github.com/OwlFonk/OwlCarousel
- RetinaJS - https://github.com/imulus/retinajs

### CHANGE LOGS

16 August, 2017 - Version 1.3

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

    *. Fixed Appoinment Form Issue

14 May, 2017 - Version 1.2

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

    *. Documentation Updated

11 May, 2017 - Version 1.1 (Changelog)

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

    *. Fixed IE 11 Issue