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

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

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.

"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

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

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

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

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