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.
353 lines
23 KiB
353 lines
23 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-toggle="tab"
|
|
data-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-toggle="tab"
|
|
data-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-toggle="tab"
|
|
data-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>
|