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.
 
 
 
 
 

689 lines
41 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<!-- add new snippet named as about banner-->
<template id="about_banner" inherit_id="website.snippets"
name="About banner">
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]"
position="inside">
<t t-snippet="theme_zen_dark.headings"
t-thumbnail="/theme_zen_dark/static/src/img/snippets/about-1.png"/>
</xpath>
</template>
<!-- Header Section starts here -->
<template id="headings" name="About snippet">
<section class="main_body_about">
<section class="header">
<div class="container-fluid p-0">
<div class="wrapper_about">
<div id="banner ">
<div>
<div class="banner_about">
<div class="row p-0 m-0">
<div class="col-lg-6 col-12 p-0 m-0">
<div class="banner_bg">
<div class="card w-75">
<div class="card-body">
<p class="card-text first"
id="demo">We have
provided<br/>Best
digital<br/>Services
</p>
<p class="text-bottom second">
<span>XOXO fam
brunch retro
intelligentsia
live-edge vegan
</span>
</p>
</div>
</div>
</div>
</div>
<div class="col-6 p-0 m-0">
<div class="banner_left">
<div class="card w-75">
<div class="card-body">
<p class="card-title first">
WELCOME zen
</p>
<p class="card-text second"
id="demo">best
solutions
<br/>
ideas for your
Business
</p>
<p class="text-bottom third">
<span class="pr-3">
CREATIVE TEAM
</span>
<span class="pr-3">
INNOVATIVE IDEAS
</span>
<span>BEST
SERVICES
</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="b_wrapp">
<a href="#section02" class="btn btn-down">Scroll</a>
</div>
</div>
</div>
</section>
<section class="about_sec">
<!-- Who we are section starts here -->
<section class="about_main">
<div class="container-fluid">
<div class="wrapper_a">
<div class="row">
<div class="col-lg-4 col-md-4 col-12">
<div class="who">
WHO WE ARE
</div>
</div>
<div class="col-lg-8 col-md-8 col-12">
<div class="who_details ">
The European languages are members of
the same family. Their separate
existence is a myth.
For science, music, sport, etc., Europe
uses the same vocabulary. The languages
only differ in
their grammar, their pronunciation and
their most common words. Everyone
realizes why a new
common language would be desirable: one
could refuse to pay expensive
translators. To achieve this,
</div>
</div>
</div>
<div class="abt_bottom">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-12">
<ul>
<h4>FWA</h4>
<li>WINNINGS 2020</li>
<li>NOMINEES 2018</li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-12">
<ul>
<h4>CSS DESIGN AWARDS</h4>
<li>BEST DEVELOPERS</li>
<li>BEST GRAPHICS DESIGN</li>
</ul>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-12">
<ul>
<h4>AWARDS</h4>
<li>BEST CREATIVE AGENCY</li>
<li>BEST SERVICE</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="team">
<div class="container-fluid mg">
<div class="wrapper">
<div class="row">
<div class="col-lg-4 col-md-6 sm-12 col-12">
<div class="team_heading">
<h5 class="he">
Our best experts
</h5>
<span>Team you</span>
<br/>
<span>Want to</span>
<br/>
<span>Work with</span>
</div>
</div>
<div class="col-lg-4 col-md-6 sm-12 col-12">
<div class="img_wrapper">
<div class="team_img">
<img src="/theme_zen_dark/static/src/img/team/1.jpg"
alt=""/>
</div>
<h6>
Hugo chaves
</h6>
<p>
WEB DESIGNER
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 sm-12 col-12">
<div class="img_wrapper">
<div class="team_img">
<img src="/theme_zen_dark/static/src/img/team/2.jpg"
alt=""/>
</div>
<h6>
Hugo chaves
</h6>
<p>
WEB DESIGNER
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 sm-12 col-12">
<div class="img_wrapper">
<div class="team_img">
<img src="/theme_zen_dark/static/src/img/team/3.jpg"
alt=""/>
</div>
<h6>
Hugo chaves
</h6>
<p>
WEB DESIGNER
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 sm-12 col-12">
<div class="img_wrapper">
<div class="team_img">
<img src="/theme_zen_dark/static/src/img/team/4.jpg"
alt=""/>
</div>
<h6>
Hugo chaves
</h6>
<p>
WEB DESIGNER
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 sm-12 col-12">
<div class="img_wrapper">
<div class="team_img">
<img src="/theme_zen_dark/static/src/img/team/5.jpg"
alt=""/>
</div>
<h6>
Hugo chaves
</h6>
<p>
WEB DESIGNER
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="creative">
<div class="conainer-fluid mg">
<div class="wrapper">
<div class="heading">
<h1>
We are creative
</h1>
</div>
<div class=" ">
<div class="wrapper_2">
<div class="row">
<div class="col-12">
<p class="top">
Succulents mlkshk hammock jean
shorts flexitarian chicharrones,
skateboard 90's knausgaard
heirloom sustainable fixie
forage. Vegan cloud bread forage
lyft,
cornhole food truck salvia
portland locavore mlkshk. Etsy
synth taxidermy godard DIY, tote
bag fingerstache
</p>
<div class="bottom">
<p class="text">Hoodie roof
party organic umami kombucha
thundercats. Pok
normcore snackwave venmo
deep v, quinoa everyday
carry la croix. Tattooed
chia kickstarter, woke ramps
subway tile muggings enamel
pin. Sustainable pop-up
craft beer single-origin
coffee.
</p>
<p class="text">Pok pok
authentic fashion axe, vegan
venmo leggings raclette
tousled twee tattooed.
</p>
<p class="text">Yuccie jianbing
bespoke retro, photo booth
salvia hella meh post-ironic
cornhole tacos plaid.
Helvetica hella
vexillologist, prism lo-fi
activated charcoal iPhone
thundercats irony meggings
meh cardigan chartreuse blue
bottle hell of. Irony fixie
tilde beard everyday.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider_part">
<div id="create" class="owl-carousel ">
<div>
<div class="create_img">
<div class="img_wrapper">
<img src="/theme_zen_dark/static/src/img/about/create/1.jpg"
alt=""/>
</div>
</div>
</div>
<div>
<div class="create_img">
<div class="img_wrapper">
<img src="/theme_zen_dark/static/src/img/about/create/2.jpg"
alt=""/>
</div>
</div>
</div>
<div>
<div class="create_img">
<div class="img_wrapper">
<img src="/theme_zen_dark/static/src/img/about/create/3.jpg"
alt=""/>
</div>
</div>
</div>
<div>
<div class="create_img">
<div class="img_wrapper">
<img src="/theme_zen_dark/static/src/img/about/create/4.jpg"
alt=""/>
</div>
</div>
</div>
<div>
<div class="create_img">
<div class="img_wrapper">
<img src="/theme_zen_dark/static/src/img/about/create/5.jpg"
alt=""/>
</div>
</div>
</div>
</div>
<div class="owl-nav fifth">
</div>
<div class="slider-counter sixth">
</div>
</div>
</div>
</section>
<!-- Creative section starts here -->
<!-- Section Pricing starts here -->
<section class="pricing">
<div class="container-fluid">
<div class="wrapper">
<div class="heading">
<h1>
Our Pricing
</h1>
<p>
We Provide the Best Prices for Business
</p>
</div>
<div class="row mg">
<div class="col-lg-4 col-md-4 col-12">
<div class="card text-center cd1" style="">
<div class="card-body">
<h5 class="card-title">BASIC PLAN
</h5>
<div class="card-text">$100
<br/>
<p>Per month</p>
</div>
<div class="card-content">
<ul>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
Cred iceland
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
quinoa palo
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
santo polaroid
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
Vinyl copper
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
master cleanse
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
mug live-edge
</span>
</li>
</ul>
</div>
<a href="#" class="btn btn-card">
SIGN UP
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="card text-center cd2" style="">
<div class="card-body">
<h5 class="card-title">BASIC PLAN
</h5>
<div class="card-text">$100
<br/>
<p>Per month</p>
</div>
<div class="card-content">
<ul>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
Cred iceland
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
quinoa palo
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
santo polaroid
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
Vinyl copper
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
master cleanse
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
mug live-edge
</span>
</li>
</ul>
</div>
<a href="#" class="btn btn-card">
SIGN UP
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="card text-center cd3" style="">
<div class="card-body">
<h5 class="card-title">BASIC PLAN
</h5>
<div class="card-text">$100
<br/>
<p>Per month</p>
</div>
<div class="card-content">
<ul>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
Cred iceland
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
quinoa palo
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
santo polaroid
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
Vinyl copper
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
master cleanse
</span>
</li>
<li>
<div class="tick">
<img src="/theme_zen_dark/static/src/img/icons/about/tick.svg"
alt=""/>
</div>
<span>
mug live-edge
</span>
</li>
</ul>
</div>
<a href="#" class="btn btn-card">
SIGN UP
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Section Pricing ends here -->
</section>
<!-- Section testimonial starts here -->
<section class="testimonial_main">
<div class="container">
<div id="owl-theme2" class=" owl-carousel ">
<div>
<div class="test_content">
<div class="test_img">
<img src="/theme_zen_dark/static/src/img/testimonial/1.jpg"/>
</div>
<div class="test_details">
Bushwhack turmeric slow-carb photo booth
letterpress
franzen kombucha tumblr testicle cronut
waistcoat mustache.
Jean shorts tilde swag cray. Micro dosing
heirloom wayfarers YOLO,
church-key tattooed cred blue bottle viral
lyft tacos retro. Bespoke
drinking vinegar single-origin coffee
pop-up, whatever air plant austin
hexagon selfies tattooed. Fixie taxidermy
forage hot chicken, locavore
church-key authentic coloring book.
</div>
<div class="name">
Angelina,
<span>CEO</span>
</div>
</div>
</div>
<div>
<div class="test_content">
<div class="test_img">
<img src="/theme_zen_dark/static/src/img/testimonial/2.jpg"/>
</div>
<div class="test_details">
Bushwhack turmeric slow-carb photo booth
letterpress
franzen kombucha tumblr testicle cronut
waistcoat mustache.
Jean shorts tilde swag cray. Micro dosing
heirloom wayfarers YOLO,
church-key tattooed cred blue bottle viral
lyft tacos retro. Bespoke
drinking vinegar single-origin coffee
pop-up, whatever air plant austin
hexagon selfies tattooed. Fixie taxidermy
forage hot chicken, locavore
church-key authentic coloring book.
</div>
<div class="name">
Jhon doe,
<span>DESIGNER</span>
</div>
</div>
</div>
<div>
<div class="test_content">
<div class="test_img">
<img src="/theme_zen_dark/static/src/img/testimonial/3.jpg"/>
</div>
<div class="test_details">
Bushwick tumeric slow-carb photo booth
letterpress
franzen kombucha tumblr listicle cronut
waistcoat mustache.
Jean shorts tilde swag cray. Microdosing
heirloom wayfarers YOLO,
church-key tattooed cred blue bottle viral
lyft tacos retro. Bespoke
drinking vinegar single-origin coffee
pop-up, whatever air plant austin
hexagon selfies tattooed. Fixie taxidermy
forage hot chicken, locavore
church-key authentic coloring book.
</div>
<div class="name">
Carl Jhon,
<span>WEB DEVELOPER</span>
</div>
</div>
</div>
<div>
<div class="test_content">
<div class="test_img">
<img src="/theme_zen_dark/static/src/img/testimonial/4.jpg"/>
</div>
<div class="test_details">
Bushwhack turmeric slow-carb photo booth
letterpress
franzen kombucha tumblr testicle cronut
waistcoat mustache.
Jean shorts tilde swag cray. Micro dosing
heirloom wayfarers YOLO,
church-key tattooed cred blue bottle viral
lyft tacos retro. Bespoke
drinking vinegar single-origin coffee
pop-up, whatever air plant austin
hexagon selfies tattooed. Fixie taxidermy
forage hot chicken, locavore
church-key authentic coloring book.
</div>
<div class="name">
Christopher,
<span>MARKETING</span>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</template>
</odoo>