## Introduction

## Ruffer

### Roof Construction & Roofing Service HTML Template

Created : 27/05/2023
Last Update : 22/05/2023
By : Themeholy

Thank you for purchasing Ruffer - Roof Construction & Roofing Service HTML Template. 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 or put a ticket at Support Center.

## HTML Structure

### The html template uses Latest Bootstrap 5 with valid HTML5 tags. This theme is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes.

## Output

## SASS Files and Structure

### Mainly three main CSS files are used in this theme. The first one bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

## We used SASS for better productivity

Instead of working with large css file we break them into three pieces

Elements: We keep every modular elements style in this folder. Module files are name according to their class name. For naming convention we used BEM method.

General: General styles are written here.

Sections: Section specific styles are written here.

## Jquery and javascript

### This theme imports three types of Javascript files.

- jQuery
- Custom scripts (main.js)
- Scripts for google map (main.js)
- Use Some plugins file
- jQuery is a Javascript library that greatly reduces the amount of code that you must write.
- Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.

In addition to the custom scripts, I have implemented few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method

## Contact form Structure

## Output

## Required File

## Required Css

## Required Js

## Logo Structure

## Output

## blog Structure

## Footer Menu Structure

## Copy Right Structure

## Features

- SASS File Included
- 100% pixel perfect design
- Clean and Simple Style
- Smooth transition effects.
- Cross Browser Optimization.
- Google font.
- Compatible Browsers – IE9+, Chrome, Safari, Opera, Firefox
- Documentation – Yes
- License – GPL
- Version – 1.0.0
- Columns – 4
- Files Included -html, JS, css
- User Friendly Code
- Easy to customize
- W3C Validation
- Clean & Modern Design
- CSS3 animations
- Full Responsive
- SEO friendly code

## Pages

- 5 Homepages
- About
- Service Page
- Service Details
- Team Page
- Team Details
- Pricing Page
- Project Page
- Project Details
- Blog Page
- Blog Details
- Shop Page
- Shop Details
- Cart Page
- Checkout
- Wishlist
- Contact
- Faq Page
- Error

## Sources and Credits

### Fonts Used int the template are google fonts, you can find theme on Google Fonts API

Font Used:

- 'Manrope'
- 'Roboto'

- Bootstrap
- Google Fonts
- Font Awesome

Every Code is properly commented for Editing Ease.

## Support

### 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 any queries, please feel free to contact us at Support Center. themeholy@gmail.com

Email Us at : themeholy@gmail.com