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.
311 lines
20 KiB
311 lines
20 KiB
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<data>
|
|
<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="menu_about_boec" 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>
|
|
</data>
|
|
</odoo>
|
|
|