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.
613 lines
36 KiB
613 lines
36 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="service_banner" inherit_id="website.snippets"
|
|
name="Service banner">
|
|
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]"
|
|
position="inside">
|
|
<t t-snippet="theme_zen_dark.heading"
|
|
t-thumbnail="/theme_zen_dark/static/src/img/snippets/service_page.png"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="heading" name="Service snippet">
|
|
<section class="main_body_service">
|
|
<section class="header">
|
|
<div class="container-fluid p-0">
|
|
<div class="wrapper_cnt">
|
|
<div id="banner ">
|
|
<div>
|
|
<div class="banner">
|
|
<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-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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="b_wrapp">
|
|
<a href="#section03" class="btn btn-down">Scroll</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Header Section ends here -->
|
|
<!-- service section starts here -->
|
|
<section class="service" id="section03">
|
|
<div class="container-fluid">
|
|
<div class="wrapper">
|
|
<div class="heading">
|
|
<h1 class="he">
|
|
What we do
|
|
</h1>
|
|
</div>
|
|
<div class="service_bg">
|
|
</div>
|
|
<div class="branding">
|
|
<div class="row">
|
|
<div class="col-lg-4 offset-lg-2 col-md-6 col-12 pl-md-5 pl-sm-5 pl-0">
|
|
|
|
<div class="wrapper_brand">
|
|
<div class="team_heading">
|
|
<h5 class="he">
|
|
Strategy and Branding
|
|
</h5>
|
|
<span>Raw denim photo</span>
|
|
<br/>
|
|
<span>booth semiotics</span>
|
|
<br/>
|
|
<span>3 wolf moon</span>
|
|
</div>
|
|
<div class="branding_info">
|
|
<ul>
|
|
<li>digital marketing</li>
|
|
<li>Creative design</li>
|
|
<li>analytics and marketing</li>
|
|
<li>digital branding</li>
|
|
<li>reports and analytics</li>
|
|
<li>infographics content</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-lg-5 col-md-6 col-12">
|
|
<p>
|
|
Shoreditch cliche marfa godard gochujang
|
|
kinfolk hoodie you probably haven't
|
|
heard
|
|
of them echo park DIY tilde PBR B. Lomo
|
|
dreamcatcher bushwick gastropub swag.
|
|
Hammock sriracha paleo, iPhone swag af
|
|
flexitarian hella pickled neutra pug.
|
|
Trust
|
|
fund chicharrones iPhone stumptown chia.
|
|
Godard 3 wolf moon tacos try-hard, raw
|
|
denim
|
|
locavore messenger bag portland. Blue
|
|
bottle hashtag schlitz etsy knausgaard,
|
|
aesthetic tacos freegan lomo deep v
|
|
fashion axe.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="service_bg bg2">
|
|
</div>
|
|
<div class="branding">
|
|
<div class="row">
|
|
<div class="col-lg-4 offset-lg-2 col-md-6 col-12 pl-md-5 pl-sm-5 pl-0 ">
|
|
<div class="wrapper_brand">
|
|
<div class="team_heading">
|
|
<h5>
|
|
Strategy and Branding
|
|
</h5>
|
|
<span>Raw denim photo</span>
|
|
<br/>
|
|
<span>booth semiotics</span>
|
|
<br/>
|
|
<span>3 wolf moon</span>
|
|
</div>
|
|
<div class="branding_info">
|
|
<ul>
|
|
<li>digital marketing</li>
|
|
<li>Creative design</li>
|
|
<li>analytics and marketing</li>
|
|
<li>digital branding</li>
|
|
<li>reports and analyctics</li>
|
|
<li>infographics content</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-6 col-12">
|
|
<p>
|
|
Shoreditch cliche marfa godard gochujang
|
|
kinfolk hoodie you probably haven't
|
|
heard
|
|
of them echo park DIY tilde PBR B. Lomo
|
|
dreamcatcher bushwick gastropub swag.
|
|
Hammock sriracha paleo, iPhone swag af
|
|
flexitarian hella pickled neutra pug.
|
|
Trust
|
|
fund chicharrones iPhone stumptown chia.
|
|
Godard 3 wolf moon tacos try-hard, raw
|
|
denim
|
|
locavore messenger bag portland. Blue
|
|
bottle hashtag schlitz etsy knausgaard,
|
|
aesthetic tacos freegan lomo deep v
|
|
fashion axe.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="service_bg bg3">
|
|
</div>
|
|
<div class="branding">
|
|
<div class="row">
|
|
<div class="col-lg-4 offset-lg-2 col-md-6 col-12 pl-md-5 pl-sm-5 pl-0">
|
|
<div class="wrapper_brand">
|
|
<div class="team_heading">
|
|
<h5 class="he">
|
|
Strategy and Branding
|
|
</h5>
|
|
<span>Raw denim photo</span>
|
|
<br/>
|
|
<span>booth semiotics</span>
|
|
<br/>
|
|
<span>3 wolf moon</span>
|
|
</div>
|
|
<div class="branding_info">
|
|
<ul>
|
|
<li>digital marketing</li>
|
|
<li>Creative design</li>
|
|
<li>analytics and marketing</li>
|
|
<li>digital branding</li>
|
|
<li>reports and analytics</li>
|
|
<li>infographics content</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 col-md-6 col-12">
|
|
<p>
|
|
Shoreditch cliche marfa godard gochujang
|
|
kinfolk hoodie you probably haven't
|
|
heard
|
|
of them echo park DIY tilde PBR B. Lomo
|
|
dreamcatcher bushwick gastropub swag.
|
|
Hammock sriracha paleo, iPhone swag af
|
|
flexitarian hella pickled neutra pug.
|
|
Trust
|
|
fund chicharrones iPhone stumptown chia.
|
|
Godard 3 wolf moon tacos try-hard, raw
|
|
denim
|
|
locavore messenger bag portland. Blue
|
|
bottle hashtag schlitz etsy knausgaard,
|
|
aesthetic tacos freegan lomo deep v
|
|
fashion axe.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="skills">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-12 p-0">
|
|
<div class="skill_img">
|
|
<img src="/theme_zen_dark/static/src/img/service/skill.jpg"
|
|
alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-12">
|
|
<div class="skill_info">
|
|
<div class="wrapper">
|
|
<h3>
|
|
OUR SKILLS
|
|
</h3>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">Graphic
|
|
design
|
|
</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>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">product
|
|
branding
|
|
</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>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">business
|
|
planing
|
|
</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>
|
|
<div class="progress_info">
|
|
<div class="p_details">
|
|
<div class="p_heading">photography
|
|
</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>
|
|
<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>
|
|
<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>
|
|
</section>
|
|
<!-- service section starts here -->
|
|
<!-- Our service section starts here -->
|
|
<section class="our_service">
|
|
<div class="container-fluid">
|
|
<div class="wrapper">
|
|
<div class="heading">
|
|
<h1 class="he">
|
|
What we do
|
|
</h1>
|
|
<p>We create best products</p>
|
|
</div>
|
|
<div class="">
|
|
<div class=" row">
|
|
<div class="card col-sm-12 col-lg-4 col-md-4">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top"
|
|
src="/theme_zen_dark/static/src/img/service/service/1.jpg"
|
|
alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">digital products
|
|
</h5>
|
|
<p class="card-text">
|
|
Ramps kickstarter food truck
|
|
authentic 8-bit activated charcoal
|
|
venmo,
|
|
microdosing cliche. Actually
|
|
authentic lo-fi single-origin coffee
|
|
bespoke 8-bit keytar af cronut trust
|
|
fund.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="card col-sm-12 col-lg-4 col-md-4">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" id="zoomIn"
|
|
src="/theme_zen_dark/static/src/img/service/service/2.jpg"
|
|
alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">digital Strategy
|
|
</h5>
|
|
<p class="card-text">
|
|
90's mixtape single-origin coffee
|
|
XOXO fashion axe butcher whatever,
|
|
kinfolk cornhole retro cliche tofu
|
|
humblebrag before they sold out.
|
|
Pitchfork ethical scenester yuccie
|
|
kinfolk cred.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="card col-sm-12 col-lg-4 col-md-4">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top"
|
|
src="/theme_zen_dark/static/src/img/service/service/6.jpg"
|
|
alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he">Marketing
|
|
projects
|
|
</h5>
|
|
|
|
<p class="card-text">
|
|
Master cleanse gentrify cold-pressed
|
|
yr godard whatever,
|
|
XOXO tumblr humblebrag disrupt
|
|
direct trade swag chambray man bun
|
|
raclette. Salvia affogato deep v,
|
|
fashion axe humblebrag copper.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="row">
|
|
<div class="card col-sm-12 col-lg-4 col-md-4">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top"
|
|
src="/theme_zen_dark/static/src/img/service/service/4.jpg"
|
|
alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he">web design
|
|
</h5>
|
|
<p class="card-text">
|
|
Ramps kickstarter food truck
|
|
authentic 8-bit activated charcoal
|
|
venmo,
|
|
microdosing cliche. Actually
|
|
authentic lo-fi single-origin coffee
|
|
bespoke 8-bit keytar af cronut trust
|
|
fund.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="card col-sm-12 col-lg-4 col-md-4">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" id="zoomIn"
|
|
src="/theme_zen_dark/static/src/img/service/service/3.jpg"
|
|
alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he">media
|
|
promotion
|
|
</h5>
|
|
<p class="card-text">
|
|
90's mixtape single-origin coffee
|
|
XOXO fashion axe butcher whatever,
|
|
kinfolk cornhole retro cliche tofu
|
|
humblebrag before they sold out.
|
|
Pitchfork ethical scenester yuccie
|
|
kinfolk cred.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="card col-sm-12 col-lg-4 col-md-4">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top"
|
|
src="/theme_zen_dark/static/src/img/service/service/5.jpg"
|
|
alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he">infographic
|
|
content
|
|
</h5>
|
|
<p class="card-text">
|
|
Master cleanse gentrify cold-pressed
|
|
yr godard whatever,
|
|
XOXO tumblr humblebrag disrupt
|
|
direct trade swag chambray man bun
|
|
raclette. Salvia affogato deep v,
|
|
fashion axe humblebrag copper.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Our service section ends here -->
|
|
<!-- Section partners starts here -->
|
|
<section class="partners_service">
|
|
<div class="container">
|
|
<div class="wrapper">
|
|
<h3>
|
|
Fine Folks
|
|
<br/>
|
|
We’ve Worked
|
|
<br/>
|
|
With
|
|
</h3>
|
|
<div class="partners_contents ">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp fade-left-element">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-6 p-0 brd">
|
|
<a href="#" class="">
|
|
<div class="part_wrapp">
|
|
<img src="/theme_zen_dark/static/src/img/partners/1.png"
|
|
class=""/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</template>
|
|
</odoo>
|