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.
492 lines
30 KiB
492 lines
30 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- About website menu and url-->
|
|
<record id="menu_about" model="website.menu">
|
|
<field name="name">About</field>
|
|
<field name="url">/about</field>
|
|
<field name="parent_id" ref="website.main_menu"/>
|
|
<field name="sequence" type="int">30</field>
|
|
</record>
|
|
|
|
<!-- about page template -->
|
|
<template id="about_page" name="About">
|
|
<t t-call="website.layout">
|
|
<section class="oe_structure banner_sub banner_blog">
|
|
<div class="container banner_content">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="/">Home</a>
|
|
</li>
|
|
<li class="breadcrumb-item active"
|
|
aria-current="page">About
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
<!-- Banner -->
|
|
<!-- About -->
|
|
<section class="about_main">
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-12 col-12 ">
|
|
<div class="abt_left">
|
|
<div class="common_p">
|
|
Since 2000
|
|
</div>
|
|
<h5 class="common_heading">Welcome to
|
|
Autofly Systems
|
|
</h5>
|
|
<div class="tab_area">
|
|
<nav>
|
|
<div class="nav nav-tabs"
|
|
id="nav-tab" role="tablist">
|
|
<button class="nav-link active"
|
|
id="nav-home-tab"
|
|
data-bs-toggle="tab"
|
|
data-bs-target="#nav-home"
|
|
type="button" role="tab"
|
|
aria-controls="nav-home"
|
|
aria-selected="true">Who
|
|
we are
|
|
</button>
|
|
<button class="nav-link"
|
|
id="nav-profile-tab"
|
|
data-bs-toggle="tab"
|
|
data-bs-target="#nav-profile"
|
|
type="button" role="tab"
|
|
aria-controls="nav-profile"
|
|
aria-selected="false">
|
|
Our mission
|
|
</button>
|
|
<button class="nav-link"
|
|
id="nav-contact-tab"
|
|
data-bs-toggle="tab"
|
|
data-bs-target="#nav-contact"
|
|
type="button" role="tab"
|
|
aria-controls="nav-contact"
|
|
aria-selected="false">
|
|
Our vision
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<div class="tab-content"
|
|
id="nav-tabContent">
|
|
<div class="tab-pane fade show active"
|
|
id="nav-home" role="tabpanel"
|
|
aria-labelledby="nav-home-tab">
|
|
<b>
|
|
Luctus accumsan tortor
|
|
posuere ac ut consequat
|
|
semper viverra.
|
|
Lectus sit
|
|
amet est placerat in.
|
|
Bibendum ut tristique et
|
|
egestas quis ipsum
|
|
suspendisse ultrices.
|
|
</b>
|
|
<p>
|
|
Morbi tristique senectus et
|
|
netus et malesuada fames ac
|
|
turpis. Diam
|
|
sollicitudin tempor id eu
|
|
nisl nunc. Etiam sit amet
|
|
nisl purus in
|
|
mollis
|
|
nunc sed. Ullamcorper velit
|
|
sed ullamcorper morbi
|
|
tincidunt ornare
|
|
massa
|
|
eget. Lobortis scelerisque
|
|
fermentum dui faucibus in
|
|
ornare. Fames
|
|
ac turpis
|
|
egestas maecenas. Sit amet
|
|
nisl purus in.
|
|
</p>
|
|
</div>
|
|
<div class="tab-pane fade"
|
|
id="nav-profile"
|
|
role="tabpanel"
|
|
aria-labelledby="nav-profile-tab">
|
|
<b>
|
|
To be the best place in town
|
|
to work and the best place
|
|
in town to
|
|
do
|
|
business.
|
|
</b>
|
|
<p>
|
|
Morbi tristique senectus et
|
|
netus et malesuada fames ac
|
|
turpis. Diam
|
|
sollicitudin tempor id eu
|
|
nisl nunc. Etiam sit amet
|
|
nisl purus in
|
|
mollis
|
|
nunc sed. Ullamcorper velit
|
|
sed ullamcorper morbi
|
|
tincidunt ornare
|
|
massa
|
|
eget. Lobortis scelerisque
|
|
fermentum dui faucibus in
|
|
ornare. Fames
|
|
ac turpis
|
|
egestas maecenas. Sit amet
|
|
nisl purus in.
|
|
</p>
|
|
</div>
|
|
<div class="tab-pane fade"
|
|
id="nav-contact"
|
|
role="tabpanel"
|
|
aria-labelledby="nav-contact-tab">
|
|
<b>
|
|
Driven by our employees and
|
|
preferred by our customers,
|
|
IdealAuto is
|
|
the
|
|
leading automotive retailer
|
|
in each of our markets.
|
|
</b>
|
|
<p>
|
|
Morbi tristique senectus et
|
|
netus et malesuada fames ac
|
|
turpis. Diam
|
|
sollicitudin tempor id eu
|
|
nisl nunc. Etiam sit amet
|
|
nisl purus in
|
|
mollis
|
|
nunc sed. Ullamcorper velit
|
|
sed ullamcorper morbi
|
|
tincidunt ornare
|
|
massa
|
|
eget. Lobortis scelerisque
|
|
fermentum dui faucibus in
|
|
ornare. Fames
|
|
ac turpis
|
|
egestas maecenas. Sit amet
|
|
nisl purus in.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-12 col-12 ">
|
|
<div class="abt_right">
|
|
<div class="year">
|
|
<div class="years">
|
|
20+
|
|
</div>
|
|
<p>
|
|
Years of Experience
|
|
</p>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="theme_autofly/static/src/assets/about_page/about.jpg"
|
|
alt=""/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="deals">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-12 mb-4">
|
|
<div class="media">
|
|
<img class="align-self-center mr-3"
|
|
src="theme_autofly/static/src/assets/about_page/deals/owner.jpg"
|
|
alt="Generic placeholder image"
|
|
width="100px"/>
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Comprehensive
|
|
coverage
|
|
</h5>
|
|
<p>Cras sit amet nibh libero, in
|
|
gravida nulla. Nulla vel metus
|
|
scelerisque
|
|
ante
|
|
sollicitudin. Donec lacinia
|
|
congue felis in faucibus.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-12 mb-4">
|
|
<div class="media">
|
|
<img class="align-self-center mr-3"
|
|
src="theme_autofly/static/src/assets/about_page/deals/plan.jpg"
|
|
alt="Generic placeholder image"
|
|
width="100px"/>
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Flexible plan</h5>
|
|
<p>Cras sit amet nibh libero, Cras
|
|
purus odio Donec lacinia congue
|
|
felis in
|
|
faucibus.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-12 mb-4">
|
|
<div class="media">
|
|
<img class="align-self-center mr-3"
|
|
src="theme_autofly/static/src/assets/about_page/deals/buy.jpg"
|
|
alt="Generic placeholder image"
|
|
width="100px"/>
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Affordable
|
|
ownership
|
|
</h5>
|
|
<p>Cras sit amet nibh libero, in
|
|
gravida nulla.vestibulum in
|
|
vulputate at,
|
|
mentum
|
|
nunc ac nisi vulputate
|
|
fringilla. felis in faucibus.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-12 mb-4">
|
|
<div class="media">
|
|
<img class="align-self-center mr-3"
|
|
src="theme_autofly/static/src/assets/about_page/deals/hand.jpg"
|
|
alt="Generic placeholder image"
|
|
width="100px"/>
|
|
<div class="media-body">
|
|
<h5 class="mt-0">Upfront and Fair
|
|
</h5>
|
|
<p>Cras sit amet nibh libero, in
|
|
gravida nulla. Nulla vel metus
|
|
scelerisque
|
|
ante
|
|
sollicitudin. faucibus.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="skills">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|
<div class="skill_left">
|
|
<div class="common_p">
|
|
Skills
|
|
</div>
|
|
<h5 class="common_heading">Explore
|
|
Autofly skills
|
|
</h5>
|
|
<p>
|
|
Lorem ipsum dolor sit amet,
|
|
consectetur adipiscing elit, sed
|
|
do eiusmod
|
|
tempor
|
|
incididunt ut labore et dolore
|
|
magna aliqua. Ut enim it amet,
|
|
consectetur
|
|
adipiscing elit, sed do eiusmod
|
|
tempor incididunt ut labore et
|
|
dolore
|
|
magna
|
|
aliqua. Uit amet, consectetur
|
|
adipiscing elit, sed do eiusmod
|
|
tempor
|
|
incididunt
|
|
ut labore et dolore magna
|
|
aliqua. U ad minim veniam.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|
<div class="skill_right">
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">
|
|
Customer Service
|
|
</div>
|
|
<div class="p_perc">65%
|
|
</div>
|
|
<div class="progress"
|
|
style="height: 1px;">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 65%;"
|
|
aria-valuenow="25"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">Car
|
|
detailing
|
|
</div>
|
|
<div class="p_perc">78%
|
|
</div>
|
|
<div class="progress"
|
|
style="height: 1px;">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 78%;"
|
|
aria-valuenow="25"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">
|
|
Experienced Staffs
|
|
</div>
|
|
<div class="p_perc">85%
|
|
</div>
|
|
<div class="progress"
|
|
style="height: 1px;">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 85%;"
|
|
aria-valuenow="25"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">24*7
|
|
Emergency support
|
|
</div>
|
|
<div class="p_perc">100%
|
|
</div>
|
|
<div class="progress"
|
|
style="height: 1px;">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 100%;"
|
|
aria-valuenow="25"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">
|
|
market research
|
|
</div>
|
|
<div class="p_perc">70%
|
|
</div>
|
|
<div class="progress"
|
|
style="height: 1px;">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 70%;"
|
|
aria-valuenow="25"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">
|
|
strategic consulting
|
|
</div>
|
|
<div class="p_perc">87%
|
|
</div>
|
|
<div class="progress"
|
|
style="height: 1px;">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
style="width: 87%;"
|
|
aria-valuenow="25"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tech">
|
|
<div class="wrapper_t">
|
|
<div class="img_wrapper">
|
|
<img src="theme_autofly/static/src/assets/about_page/tech/tech (1).jpg"
|
|
alt=""/>
|
|
<div class="tech_info scale-up-center">
|
|
<div class="wrapper_t">
|
|
<p>technician</p>
|
|
<h6>
|
|
Elizabeth jhon
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="theme_autofly/static/src/assets/about_page/tech/tech (2).jpg"
|
|
alt=""/>
|
|
<div class="tech_info scale-up-center">
|
|
<div class="wrapper_t">
|
|
<p>technician</p>
|
|
<h6>
|
|
Elizabeth jhon
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="theme_autofly/static/src/assets/about_page/tech/tech (3).jpg"
|
|
alt=""/>
|
|
<div class="tech_info scale-up-center">
|
|
<div class="wrapper_t">
|
|
<p>technician</p>
|
|
<h6>
|
|
Elizabeth jhon
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="img_wrapper">
|
|
<img src="theme_autofly/static/src/assets/about_page/tech/tech (4).jpg"
|
|
alt=""/>
|
|
<div class="tech_info scale-up-center">
|
|
<div class="wrapper_t">
|
|
<p>technician</p>
|
|
<h6>
|
|
Elizabeth jhon
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="ad">
|
|
<p class="top">
|
|
The New City 2023
|
|
</p>
|
|
<div class="">
|
|
<h3>
|
|
SUpreme Luxury
|
|
</h3>
|
|
<p>BIGGER, STRONGER
|
|
<br/>
|
|
AND LIGHTER
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</t>
|
|
</template>
|
|
</odoo>
|
|
|