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.
 
 
 
 
 

370 lines
18 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<template id="s_about" name="About Snippet">
<!-- The template represents a webpage section providing information about a -->
<!-- sanitizing services company. It includes sections such as an introduction -->
<!-- to the company, details about the products used, disinfection and sterilization-->
<!-- services, statistics showcasing their success, a team members section, and -->
<!-- a booking/contact section. The template combines visually appealing design -->
<!-- with concise and informative content to convey the company's expertise and -->
<!-- professionalism in the sanitizing industry.-->
<header>
<section class="banner_about">
<div class="container">
<h3 class="b_head">
About Us
</h3>
</div>
</section>
</header>
<section class="about3 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>
Few words about us
<div class="ex-line">
</div>
</h4>
<div class="main-head">
<h2>
We make Sanitizing services simple and
easy
</h2>
</div>
<p>
Aliquam ac est vel nisl init et justo vel ut
nibh rhoncusm vel eget enim.
Curabitur mattis orci sed leo mattis, nec
maximus nibh faucibus lorem dolor sit.
Aliquam ac est vel nisl init et justo vel ut
nibh rhoncusm vel eget enim. Curabitur
mattis orci sed leo mattis, nec maximus nibh
faucibus dolor sit
</p>
<a href="#" class="btn btn-primary">Get service
now
</a>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="about-img">
<img src="/theme_splash/static/src/images/about_main/image3.jpg"
alt=""/>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About section ends here -->
<!-- Product_do _we_use service section starts here -->
<section class="about_main_2 py-5 pb-5">
<div class="exp_wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="ex-1">
<h4>
Importent Information
<div class="ex-line">
</div>
</h4>
<div class="main-head">
<h2>
What Product Do We Use?
</h2>
</div>
</div>
</div>
<div class="wrapper">
<div class="row">
<div class="col-lg-4 col-md-12 col-12">
<p>
Aliquam ac est vel nisl init et justo
vel ut nibh rhoncusm vel eget enim.
Curabitur mattis orci sed
leo
mattis, nec maximus nibh faucibus lorem
dolor sit. Pellen tesque libero ut
justo, ultrices in ligula.
Semper at. Lorem ipsum dolor sit amet
elit. Non quae, fugiat.
</p>
<p class="mt-3">
Semper at. Lorem ipsum dolor sit amet
elit. Non quae, nec nibh dolor sit
</p>
<a href="#" class="btn btn-primary">Get
service now
</a>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<h4>Eco and Human-Friendly products</h4>
<p>
We're a one-stop shop offering a vast
range of both contract and specialist
cleaning services for
commercial clients. We're flexible and
don't lock clients into long contracts.
Lorem ipsum viverra
feugiat. Pellen tesque libero ut justo,
ultrices in ligula. Semper at. Lorem
ipsum dolor sit amet
elit. Non quae, fugiat.
</p>
<p class="mt-1">
Semper at. Lorem ipsum dolor sit amet
elit. Non quae, nec nibh sit.
</p>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="about-img">
<img src="/theme_splash/static/src/images/testimonial/testimonials.jpg"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Product_do _we_use service section ends here -->
<!-- Desinfection section starts here -->
<section class="about_main_3 py-5 pb-5">
<div class="exp_wrapper">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="ex-1">
<h4>
What we do
<div class="ex-line">
</div>
</h4>
<div class="main-head">
<h2>
Disinfection &amp; Sterilization
</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.
</p>
<div class="expect_bottom">
<div class="clean">
<span class="fas fa-paint-brush"></span>
<div class="wrapper">
<h4>
100k+
</h4>
<p>
cleans.
</p>
</div>
</div>
<div class="clean">
<span class="far fa-life-ring"></span>
<div class="wrapper">
<h4>
100%
</h4>
<p>
cleans.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="about-img">
<img src="/theme_splash/static/src/images/about_main/about2.jpg"/>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
<div class="about-img">
<img src="/theme_splash/static/src/images/about_main/about3.jpg"/>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Desinfection section ends here -->
<!-- Success section starts here -->
<section class="about_main_4 py-5 pb-5">
<div class="exp_wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="ex-1">
<h4 class="sub-head">
Our Statistics
<div class="ex-line">
</div>
</h4>
<div class="main-head">
<h2>
Learn about Our Success
</h2>
</div>
</div>
</div>
</div>
<div class="expect_bottom">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-6">
<div class="clean">
<span class="fas fa-paint-brush"></span>
<div class="wrapper">
<h4>
100k+
</h4>
<p>
cleans.
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-6">
<div class="clean">
<span class="far fa-life-ring"></span>
<div class="wrapper">
<h4>
100%
</h4>
<p>
Satisfaction
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-6">
<div class="clean">
<span class="fa fa-users"></span>
<div class="wrapper">
<h4>
100k+
</h4>
<p>
Cleans.
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-6">
<div class="clean">
<span class=" fas fa-fire-extinguisher"></span>
<div class="wrapper">
<h4>
100k+
</h4>
<p>
Sanitizers.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Success section ends here -->
<!-- Team section starts here -->
<section class="about_main_5 py-5 pb-5">
<div class="exp_wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="ex-1">
<h4>
Our Team Members
<div class="ex-line">
</div>
</h4>
<div class="main-head">
<h2>
Team of Professionals
</h2>
</div>
</div>
</div>
</div>
<div class="team_wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
<div class="team_img ">
<img id="zoomIn" class="card-img-top"
src="/theme_splash/static/src/images/Team/team1.jpg"/>
</div>
<div class="team_info">
<h4>Elizebeth</h4>
<p>Front-End Developer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
<div class="team_img mt-sm-5">
<img id="zoomIn" class="card-img-top"
src="/theme_splash/static/src/images/Team/team2.jpg"/>
</div>
<div class="team_info">
<h4>Victoria</h4>
<p>Front-End Developer</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-12 mx-sm-5 ">
<div class="team_img ">
<img id="zoomIn" class="card-img-top"
src="/theme_splash/static/src/images/Team/team3.jpg"/>
</div>
<div class="team_info">
<h4>Scarlett</h4>
<p>Front-End Developer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team section starts here -->
<!-- Booking section starts here -->
<section class="booking py-5">
<div class="container">
<div class="wrapper">
<h2>
We’re here to bring you the sanitizing services you
need.
</h2>
<div class="number">
<p>
<span class=" mr-1 fas fa-phone-volume"></span>
+1(12) 366 411 4999
</p>
</div>
<div class="buttons">
<a href="#" class="btn btn-get_t">Request a Quote</a>
<a href="#" class="btn btn-booking">Contact Us</a>
</div>
</div>
</div>
</section>
</template>
</odoo>