Thank you for purchasing Roofing Website Template | 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.
Roofing Website Template | 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>Roofing Website Template | 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>
The template comes standard with one color schemes.
| Template Dark Red Color | Hexadecimal color codes |
|---|---|
| Orange Color | #de4526 |
| Dark Typogrpahy | #363636 |
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. |
slick.css |
This contains styling for the slick slider. |
slick-theme.css |
This contains the styling for theme slider. |
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. |
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.
Here's a list of the javascript files I'm using with this template:
| File Name | Description |
|---|---|
jquery.js |
This contains latest jquery library.. |
sticky-header.js |
Sticky-header.js is used for sticky your header on scroll top. |
slick.min.js |
The slick.min.js used for slider gallery section and client and Testimonial. |
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. |
menu.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. |
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.
I've used the following images, icons or other files as listed.
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.