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.
375 lines
23 KiB
375 lines
23 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<!-- About customisation-->
|
|
<record id="about_boec" model="ir.ui.view">
|
|
<field name="name">About</field>
|
|
<field name="type">qweb</field>
|
|
<field name="key">theme_boec.about_boec</field>
|
|
<field name="arch" type="xml">
|
|
<t name="About" t-name="theme_boec.about_boec">
|
|
<t t-call="website.layout">
|
|
<div id="wrap">
|
|
<Section class="banner_sub">
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="sub_page">
|
|
<div class="name">
|
|
About
|
|
</div>
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="/">Home</a>
|
|
</li>
|
|
<i class="material-icons">
|
|

|
|
</i>
|
|
<li class="breadcrumb-item active"
|
|
aria-current="page">
|
|
About
|
|
</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Section>
|
|
<!-- About section ends here -->
|
|
<section class="about">
|
|
<div class="container">
|
|
<div class="about_img">
|
|
<img src="/theme_boec/static/src/images/about/about.jpg"/>
|
|
</div>
|
|
<div class="about_bottom">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="about_details">
|
|
<h3 class="abt_d_head">
|
|
Who We Are ?
|
|
</h3>
|
|
<p>
|
|
Contextual
|
|
advertising programs
|
|
sometimes have strict
|
|
policies
|
|
that need to be adhered
|
|
too. Let’s take Google
|
|
as an example.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="about_details">
|
|
<h3 class="abt_d_head">
|
|
What We Do ?
|
|
</h3>
|
|
<p>
|
|
In this digital
|
|
generation where
|
|
information can be
|
|
easily obtained within
|
|
seconds, business cards
|
|
still
|
|
have retained their
|
|
importance.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 col-12">
|
|
<div class="about_details">
|
|
<h3 class="abt_d_head">
|
|
Why Choose Us
|
|
</h3>
|
|
<p>
|
|
A two or three storey
|
|
house is the ideal way
|
|
to maximise the piece of
|
|
earth on which our home
|
|
sits, but
|
|
for older or infirm
|
|
people.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- testimonial section starts -->
|
|
<section class="testimonial">
|
|
<div class="wrapper">
|
|
<div class="words">
|
|
<div class="wrapper">
|
|
<div class="content">
|
|
<span class="fas fa-quote-right"/>
|
|
<p>
|
|
“Going out after work?
|
|
Take your butane curling
|
|
iron with you to the
|
|
office,
|
|
heat it up, style your
|
|
hair before you leave
|
|
the office and you won’t
|
|
have to make a trip back
|
|
home.”
|
|
</p>
|
|
<div class="img_wraper">
|
|
<div class="p_img">
|
|
<img src="/theme_boec/static/src/images/about/p-img.jpg"
|
|
alt=""/>
|
|
</div>
|
|
<div class="p_details">
|
|
<div class="name">
|
|
Jhon Terry
|
|
</div>
|
|
<div class="roll">
|
|
Fasion Design
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="test_img">
|
|
<img src="/theme_boec/static/src/images/about/test-bg.jpg"
|
|
alt=""/>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- testimonial section ends -->
|
|
<!-- Counter -->
|
|
<section class="counter hr ">
|
|
<div class="container ">
|
|
<div class="row justify-content-center text-center">
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-12">
|
|
<div class="wrapp">
|
|
<span id="count1"
|
|
class="display-4"/>
|
|
<p>Our Clients</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-12">
|
|
<div class="wrapp">
|
|
<span id="count2"
|
|
class="display-4"/>
|
|
<p>In Country</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-12">
|
|
<div class="wrapp">
|
|
<span id="count3"
|
|
class="display-4"/>
|
|
<p>Total Categories</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Counter -->
|
|
<!-- Our Team -->
|
|
<section class="team">
|
|
<div class="heading">
|
|
<p class="sub">Our Team</p>
|
|
<h2 class="main">Meet Our Team</h2>
|
|
</div>
|
|
<div class="container">
|
|
<div class="team_wrapper ">
|
|
<div class="row">
|
|
<div class="card-deck">
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
|
|
<div class="card">
|
|
<img class="card-img-top"
|
|
src="/theme_boec/static/src/images/about/team/t-1 (4).jpg"
|
|
alt="Card image cap"/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
Maria Thomas
|
|
</h5>
|
|
<p class="card-text">
|
|
C.E.O
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
|
|
<div class="card">
|
|
<img class="card-img-top"
|
|
src="/theme_boec/static/src/images/about/team/t-1 (2).jpg"
|
|
alt="Card image cap"/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
Jhon Wick
|
|
</h5>
|
|
<p class="card-text">
|
|
accountant
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
|
|
<div class="card">
|
|
<img class="card-img-top"
|
|
src="/theme_boec/static/src/images/about/team/t-1 (3).jpg"
|
|
alt="Card image cap"/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
Nancy Airam
|
|
</h5>
|
|
<p class="card-text">
|
|
FASHION
|
|
DESIGNER
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 col-sm-6 col-12">
|
|
<div class="card">
|
|
<img class="card-img-top"
|
|
src="/theme_boec/static/src/images/about/team/t-1 (1).jpg"
|
|
alt="Card image cap"/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">
|
|
Patric Viara
|
|
</h5>
|
|
<p class="card-text">
|
|
MANAGER
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Our Team -->
|
|
<!-- Customer -->
|
|
<section class="clients">
|
|
<div class="heading">
|
|
<p class="sub">Partner</p>
|
|
<h2 class="main">Happy Clients</h2>
|
|
</div>
|
|
<div class="client_wrapper gap2">
|
|
<div class="container gap2">
|
|
<div class="row pt-5">
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/1.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/2.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/3.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/4.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/5.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/6.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/7.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-6">
|
|
<div class="img_wrapper">
|
|
<a href="#">
|
|
<img src="/theme_boec/static/src/images/about/client/8.png"
|
|
alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Customer -->
|
|
</section>
|
|
</div>
|
|
<!-- scroll counter -->
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () =>
|
|
{
|
|
function counter(id, start, end, duration) {
|
|
let obj = document.getElementById(id),
|
|
current = start,
|
|
range = end - start,
|
|
increment = end > start ? 1 : -1,
|
|
step = Math.abs(Math.floor(duration / range)),
|
|
timer = setInterval(() => {
|
|
current += increment;
|
|
obj.textContent = current;
|
|
if (current == end) {
|
|
clearInterval(timer);
|
|
}
|
|
}, step);
|
|
}
|
|
counter("count1", 0, 400, 3000);
|
|
counter("count2", 100, 50, 2500);
|
|
counter("count3", 0, 100, 5000);
|
|
var reset = function reset() {
|
|
if ($(this).scrollTop() > 500) {
|
|
$(this).off("scroll");
|
|
}
|
|
};
|
|
$(window).on("scroll", reset);
|
|
});
|
|
</script>
|
|
</t>
|
|
</t>
|
|
</field>
|
|
</record>
|
|
<record id="about_boec_page" model="website.page">
|
|
<field name="url">/about</field>
|
|
<field name="is_published">True</field>
|
|
<field name="view_id" ref="about_boec"/>
|
|
<field name="track">True</field>
|
|
</record>
|
|
<record id="about_boec_menu" model="website.menu">
|
|
<field name="name">About</field>
|
|
<field name="url">/about</field>
|
|
<field name="page_id" ref="theme_boec.about_boec_page"/>
|
|
<field name="parent_id" ref="website.main_menu"/>
|
|
<field name="sequence" type="int">50</field>
|
|
</record>
|
|
</odoo>
|
|
|