You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
394 lines
24 KiB
394 lines
24 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="s_service" name="Service Snippet">
|
|
<header>
|
|
<section class="banner_about">
|
|
<div class="container">
|
|
<h3 class="b_head">
|
|
Our Services
|
|
</h3>
|
|
</div>
|
|
</section>
|
|
</header>
|
|
<!-- Header section ends here -->
|
|
|
|
<!-- Service1 section starts here -->
|
|
|
|
<section class="services1 py-5 pb-5">
|
|
<div class="exp_wrapper">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-12">
|
|
<div class="ex-1">
|
|
<h4>
|
|
Our Services
|
|
<div class="ex-line">
|
|
</div>
|
|
</h4>
|
|
<div class="main-head">
|
|
<h2>
|
|
The Importance of Disinfecting and
|
|
Sanitizing
|
|
</h2>
|
|
</div>
|
|
<p>
|
|
Lorem ipsum viverra feugiat. Pellen tesque
|
|
libero ut justo,
|
|
ultrices in ligula. Semper at tempufddfel.
|
|
Lorem ipsum dolor
|
|
sit amet consectetur adipisicing elit. Non
|
|
quae, fugiat ad.
|
|
</p>
|
|
<div class="progress_main">
|
|
<div class="wrapper">
|
|
<h4 class="pr">Professionalism
|
|
<span class="">80%</span>
|
|
</h4>
|
|
<div class="progress">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 80%;"
|
|
aria-valuenow="80"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<h4 class="pr" style="width: 95%;">
|
|
Quality
|
|
<span class="">95%</span>
|
|
</h4>
|
|
<div class="progress">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 95%;"
|
|
aria-valuenow="95"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
<div class="wrapper">
|
|
<h4 class="pr" style="width: 75%;">
|
|
Professionalism
|
|
<span class="">75%</span>
|
|
</h4>
|
|
<div class="progress">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width:75%;"
|
|
aria-valuenow="75"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-12">
|
|
<div class="about-img">
|
|
<img src="/theme_splash/static/src/images/Services/services.jpg"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Service1 section ends here -->
|
|
|
|
<!-- Service Tab section starts here -->
|
|
|
|
<section class="tabs">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="home-tab"
|
|
data-toggle="tab" href="#home" role="tab"
|
|
aria-controls="home"
|
|
aria-selected="true">Residential Service
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="profile-tab"
|
|
data-toggle="tab" href="#profile" role="tab"
|
|
aria-controls="profile"
|
|
aria-selected="false">Commercial Service
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content" id="myTabContent">
|
|
<div class="tab-pane fade show active" id="home"
|
|
role="tabpanel" aria-labelledby="home-tab">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-12">
|
|
<div class="tab_left">
|
|
<ul>
|
|
<li><span
|
|
class=" fas fa-stethoscope"></span>
|
|
Matres Sanitizing
|
|
</li>
|
|
<li><span
|
|
class=" fas fa-building"></span>
|
|
Furniture Sanitizing
|
|
</li>
|
|
<li><span
|
|
class=" fas fa-industry"></span>
|
|
Carpet Sanitizing
|
|
</li>
|
|
<li><span
|
|
class=" fa fa-graduation-cap "></span>
|
|
Whole Home Sanitizing
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-12">
|
|
<div class="tab_right">
|
|
<div class="row">
|
|
<div class="right_1">
|
|
<h4 class="th">
|
|
Residential Sanitizing
|
|
Service
|
|
</h4>
|
|
<p class="para">
|
|
Imagine your home so
|
|
clean, it’s clinically
|
|
clean. Lorem ipsum dolor
|
|
sit, elit dolores nulla
|
|
quisdam. minus aliquam
|
|
corrupti,
|
|
modi ipsum natus sit
|
|
pariatur. Curabitur
|
|
mattis orci sed leo
|
|
mattis, nec maximus nibh
|
|
faucibus
|
|
dolor sit.
|
|
</p>
|
|
</div>
|
|
<div class="right_2">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-12">
|
|
<img src="/theme_splash/static/src/images/about3/image1.jpg"/>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12">
|
|
<p class="para pt-0">
|
|
Imagine your
|
|
home so clean,
|
|
it’s clinically
|
|
clean. Lorem
|
|
ipsum dolor sit,
|
|
elit dolores
|
|
nulla
|
|
quisdam.
|
|
minus aliquam
|
|
corrupti, modi
|
|
ipsum natus sit
|
|
pariatur.
|
|
Curabitur mattis
|
|
orci sed leo
|
|
mattis,
|
|
nec
|
|
maximus nibh
|
|
faucibus lorem
|
|
dolor sit. it’s
|
|
clinically
|
|
clean. Lorem
|
|
ipsum dolor sit,
|
|
elit
|
|
dolores nulla
|
|
dolor sit.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right_3">
|
|
<h4 class="th">
|
|
Mattresses Should be
|
|
Cleaned to:
|
|
</h4>
|
|
<p class="para">
|
|
Imagine your home so
|
|
clean, it’s clinically
|
|
clean. Lorem ipsum dolor
|
|
sit, elit dolores nulla
|
|
quisdam. minus aliquam
|
|
corrupti,
|
|
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
<span class=" far fa-circle"></span> The
|
|
accumulation of
|
|
allergens such as
|
|
dust mite.
|
|
</li>
|
|
<li><span
|
|
class=" far fa-circle"></span>
|
|
Prevent the build-up
|
|
of biological matter
|
|
</li>
|
|
<li><span
|
|
class=" far fa-circle"></span>
|
|
Carpet cleaning and
|
|
flooring maintenance
|
|
</li>
|
|
<li><span
|
|
class=" far fa-circle"></span>
|
|
Protect the fabric
|
|
quality
|
|
</li>
|
|
</ul>
|
|
<a href="#"
|
|
class="btn btn-primary">
|
|
Get Service Now
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tab-pane fade" id="profile"
|
|
role="tabpanel" aria-labelledby="profile-tab">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-12">
|
|
<div class="tab_left">
|
|
<ul>
|
|
<li><span
|
|
class=" fas fa-stethoscope"></span>
|
|
Medical leaning
|
|
</li>
|
|
<li><span
|
|
class=" fas fa-building"></span>
|
|
Office leaning
|
|
</li>
|
|
<li><span
|
|
class=" fas fa-industry"></span>
|
|
Industry Cleaning
|
|
</li>
|
|
<li><span
|
|
class=" fa fa-graduation-cap "></span>
|
|
Education Centre
|
|
</li>
|
|
<li><span
|
|
class=" fa fa-cube"></span>
|
|
Factory Cleaning
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-12">
|
|
<div class="tab_right">
|
|
<div class="row">
|
|
<div class="right_1">
|
|
<h4 class="th">
|
|
Commercial Sanitizing
|
|
Service
|
|
</h4>
|
|
<p class="para">
|
|
Imagine your home so
|
|
clean, it’s clinically
|
|
clean. Lorem ipsum dolor
|
|
sit, elit dolores nulla
|
|
quisdam. minus aliquam
|
|
corrupti,
|
|
modi ipsum natus sit
|
|
pariatur. Curabitur
|
|
mattis orci sed leo
|
|
mattis, nec maximus nibh
|
|
faucibus
|
|
dolor sit.
|
|
</p>
|
|
</div>
|
|
<div class="right_2">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-12">
|
|
<img src="/theme_splash/static/src/images/about_main/image3.jpg"/>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12">
|
|
<p class="para pt-0">
|
|
Imagine your
|
|
home so clean,
|
|
it’s clinically
|
|
clean. Lorem
|
|
ipsum dolor sit,
|
|
elit dolores
|
|
nulla
|
|
quisdam.
|
|
minus aliquam
|
|
corrupti, modi
|
|
ipsum natus sit
|
|
pariatur.
|
|
Curabitur mattis
|
|
orci sed leo
|
|
mattis,
|
|
nec
|
|
maximus nibh
|
|
faucibus lorem
|
|
dolor sit. it’s
|
|
clinically
|
|
clean. Lorem
|
|
ipsum dolor sit,
|
|
elit
|
|
dolores nulla
|
|
dolor sit.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right_3">
|
|
<h4 class="th">
|
|
Mattresses Should be
|
|
Cleaned to:
|
|
</h4>
|
|
<p class="para">
|
|
Imagine your home so
|
|
clean, it’s clinically
|
|
clean. Lorem ipsum dolor
|
|
sit, elit dolores nulla
|
|
quisdam. minus aliquam
|
|
corrupti,
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<span class=" far fa-circle"></span> The
|
|
accumulation of
|
|
allergens such as
|
|
dust mite.
|
|
</li>
|
|
<li><span
|
|
class=" far fa-circle"></span>
|
|
Prevent the build-up
|
|
of biological matter
|
|
</li>
|
|
<li><span
|
|
class=" far fa-circle"></span>
|
|
Carpet cleaning and
|
|
flooring maintenance
|
|
</li>
|
|
<li><span
|
|
class=" far fa-circle"></span>
|
|
Protect the fabric
|
|
quality
|
|
</li>
|
|
</ul>
|
|
<a href="#"
|
|
class="btn btn-primary">
|
|
Get Service Now
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
</odoo>
|