Home Appliances Repair Service Website Templates | Fixit
Home Appliances Repair Service Website Templates | Fixit for Home Appliance Repair Service related website template is great-looking designed with smart responsive features. Template make your repairing business easy and effective.

Item Support

Thank you for purchasing Home Appliances Repair Service Website Templates | Fixit. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

This template is based on the popular responsive Bootstrap Grid System.


General Markup

Home Appliances Repair Service Website Templates | Fixit. It has a pages like 4 Service Page, Location, Team, About us & Contactus, Coupon Page, Blog, FAQ pages etc.

<!DOCTYPE html>

<html>
<head>
  <title>Home Appliances Repair Service Website Templates | Fixit>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- CSS Files -->
  
</head>
<body>
  <div>
    <nav>
      ...
    </nav>
  </div>

  <!-- main content area -->
  <div>
    <div id="intro">
      ...
    </div>
  </div>
  ...
  <!-- Javascript Files -->
  ...

</body>
</html>

How To Edit Color

The template comes standard with one color schemes.

Template Dark Red Color Hexadecimal color codes
Green Color #10a874
Orange Color #f9962b
× There are also two references to the used color in rgba() notation. Keep this in mind when using 'find and replace' to adjust the template colors.
Heads up! As this theme relies heavily on the Bootstrap framework, the bootstrap.min.css file is essential for the theme to display correctly.

Stylesheets

Here's a list of the stylesheet files I'm using with this template:

File Name Description
style.css The main stylesheet for this template. This contains the styling for the all pages of the template.
bootstrap.min.css The stylesheet of the Bootstrap framework. This contains the css the create the grid system and other bootstrap elements. Please note that some of these styles may be overridden in the main.css file.
fontawesome.css This contains styling relavant to icon.
animsition.min.css This contains the styling for CSS3 page Transitions.
fontello.css This contains the styling for icon of template.
owl.carousel.css This contains the styling for carousel
owl.theme.css This contains the styling for carouse.

CSS Structure

The style.css file contains all of the specific stylings for each page. The file is separated into sections using:

/*-------------------------------------------------------
  General Styles
-------------------------------------------------------*/

some code

/*-------------------------------------------------------
  Hero Styles
-------------------------------------------------------*/

some code

/*-------------------------------------------------------
  Page Section Styles
-------------------------------------------------------*/

some code

/*-------------------------------------------------------
  Footer Styles
-------------------------------------------------------*/

some code

etc, etc.
					

JavaScript Files

Here's a list of the javascript files I'm using with this template:

File Name Description
jquery.js This contains latest jquery library..
slider.js Its Contains home page owl carousel slider script.
animsition.js Its Contains page transitions java script lib.
bootstrap.min.js The javascript file from the Bootstrap framework.
owl.carousel.min.js The javascript file jQuery Responsive Carousel library.
testimonial-carousel.js The javascript file for testimonial carousel.
service-carousel.js The javascript file for service thumbnail carousel.
slider.js The javascript file for slider.
menumaker.js Its Contains menu hover Drop down + third level menu.
testimonial.js Its Contains testimonial owl carousel script.
sticky-header.js Its use for sticky header for all template navigation menu.
map.js Google Map Code Contains
back-to-top.js Its contains feature back to top.

Setting the location for a map

If you want to change the location for a map on a page of the template, scroll to the bottom of the page and locate the line where the latlng variable is initialised in the javascript block. Change the Latitude and Longitude coordinates the the place you want to center the map on.

var latlng = new google.maps.LatLng(23.042817, 72.5672);

I've included Php files for Contact us and appointment form also other files.

Step How to Edit PHP Files

  1. Open Php Files
  2. Top of php files you find code like.... : ( $to = 'yourid@gmail.com'; // Put in your email address here )
  3. Just Replace Your id with given Example Id like : ( $to = 'yourid@gmail.com'; // Dont change anything else from files.)
  4. Forms working now on your given id.
  5. Done(Enjoy )

I've used the following images, icons or other files as listed.

JavaScript

  1. jQuery — Javascript library.
  2. Bootstrap — Grid system and javascript based elements.
  3. Slick — Javascript library.
  4. jquery.sticky.js — Javascript library.

CSS

  1. Bootstrap — Grid framework.

Images

  1. Live preview photos — The photo's used in the live preview is just for demo pupose. Not Included in Files. All are copyright to their respective owners.

Fonts ( Google Web Fonts)

  1. Open Sans

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.