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.
496 lines
30 KiB
496 lines
30 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<!-- Service snippet 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're 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're 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 -->
|
|
|
|
<!-- the 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 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 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 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 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 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 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>
|
|
</section>
|
|
<!-- the 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
|
|
corn hole 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">
|
|
Primary 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">inphographic 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>
|