1. Item Name : Kleaso – Cleaning Services Html Template
2. Created: 22 February 2023
3. Item Version : v 1.0
4. Author : theme_pure
5. Support Ticket: https://help.themepure.net/support/

## Introduction

#### Kleaso – Cleaning Services Html Template Documentation

For any support please don't hesitate to contact us at Support Center. We provide 13 hours real-time support for our customers.

We would like to thank you for choosing Kleaso - Template.

### Getting started

Kleaso – Cleaning Services HTML5 Template for cleaning website such as Labor services, House Cleaning, Apartment Cleaners, Industry Cleaning, Office Cleaning, Housemaid Solutions, Painter, Construction, Handyman, Plumbing Service, Washing services. We have also included a documentation folder to guide you through the code. I hope that I have covered everything but if there is something that you would like to know then I am happy to help out. There every section is unique creative for Cleaning Service Company Business. It has 100% responsive design and tested on all major browsers and devices.

#### Template Features

- HTML5 & CSS3
- Bootstrap v5.x
- Font Awesome Pro
- Flat Icon
- SVG Icon
- Built With SASS
- jQuery
- 3 Awesome Homepage
- Responsive Design
- Pixel Perfect Design
- NonProfit Animations
- Clean Code & Unique Design
- Easy to Customize
- Ajax Contact Form

### What's Included

After purchasing Cetalog template on themeforest.net with your Envato account, go to your Download page. You can choose to download Cetalog template package which contains the following files:

#### The contents of the template package downloaded from ThemeForest

- Kleaso - An HTML Template file. this file you ca edit and use for your Cleaning Services Template.
- Documentation - This folder contains what you are reading now :)

## Template Structures

### Articles

- HTML Structure
- CSS Files and Structure
- JavaScript Files

### HTML Structure

This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into differt section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.

HTML Markup Structure

### CSS Files and Structure

We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:

CSS Files and Structure

### JavaScript Files

There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:

JavaScript Files

## Change Contents

- Changing Images
- Changing Brand Logo
- Changing Email Settings of the Contact Form

### Changing Images

To change any images of the website

1. Carefully collect the source name of the image (img-1.jpg)
2. Open the file called images.
3. Find the particular image file.
4. Replace the file with your image.
5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file:

#### You have to do the following to change this image with your own image:

1. Open the file called images.
2. Find the particular image file called img-1.jpg
3. Replace the file with your image
4. Make sure that the file name does not change.

##### Note

Images seen in the live preview are only set for preview purposes. They are not included in the download files.

### Changing Brand Logo

To change any images of the website

1. Carefully collect the source name of the image (i.e. logo.png)
2. Open the file called images.
3. Find the particular image file.
4. Replace the file with your image.
5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file for change your logo:

### Changing Colors

We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the main.scss file after you have made changes in any of the .scss files.

- Changing default template colors

### Changing default template colors

1. Open the colors.scss file from assets > scss > utils folder with a text-editor.
2. Change the right-side values of the variables to change any default colors of your site.
3. Save your file.

### Changing Email Settings of the Contact Form

1. Go to main folder
2. Open mail.php
3. Go to line number 75
4. Follow instructions in image below:

### Sources and Credits

- Google Fonts
- Animate.css
- jQuery
- Counter Up

### Support

If you face any issue please contact us at Support Ticket. We provide 15 hours real-time support for our customers.

Thank you for purchasing our template.