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.
 
 
 
 
 

197 lines
8.1 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<template id="portfolio" inherit_id="website.snippets" name="Portfolio banner">
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]" position="inside">
<t t-snippet="theme_zen.portfolio_banner"
t-thumbnail="/theme_zen/static/src/img/snippets/Portfolio.png"/>
</xpath>
</template>
<template id="portfolio_banner" name="Portfolio snippet">
<section class="main_body_portfolio">
<section class="header">
<div class="container-fluid p-0">
<div id="menu">
<div id="menu-bar" onclick="menuOnClick()">
<div id="bar1" class="bar"></div>
<div id="bar2" class="bar"></div>
<div id="bar3" class="bar"></div>
</div>
</div>
<div class="menu-bg" id="menu-bg"></div>
<div class="menu-bg2" id="menu-bg2"></div>
<div class="wrapper_portfolio ">
<div id="banner ">
<div>
<div class="banner_portfolio ">
<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'r 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">new approach<br/>to design<br/> marketing </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_wrappe">
<a href="#section03" class="btn btn-down">Scroll</a>
</div>
</div>
</div>
</section>
<!-- Header Section ends here -->
<!-- Recent sectiion starts here -->
<section class="recent_P" id="section03">
<div class="container-fluid ">
<div class="heading">
<h1>
Recent works
</h1>
<p >
We offer digitel solutions
</p>
</div>
<div class="wrapper">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="recent_content">
<p class="top">
COMMERCIAL
</p>
<h3>
Bushwick selfies <br/>
pork belly lyft<br/>
brooklyn messeng
</h3>
<p class="text">
Narwhal pop-up intelligentsia tbh pinterest, microdosing tilde 8-bit. Austin fam chia cold-pressed raw
denim. Glossier
drinking vinegar portland lo-fi, polaroid bespoke lomo. Banjo art party XOXO, fashion axe sustainable
retro ethical gentrify.
</p>
<a href="project.html" class="btn btn-recent">READ MORE <i class="arrow right"></i></a>
</div>
</div>
<div class=" col-lg-3 col-md-6 col-sm-12 col-12 ">
<div class="recent_img ">
<!-- <div class="fill ">
</div> -->
<img src="/theme_zen/static/src/img/recent/1.jpg" alt=""/>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="recent_content">
<p class="top">
Web Design
</p>
<h3>
Bacon ipsum dolor<br/> amet brisket <br/>
Bushwick selfies
</h3>
<p class="text">
Hong Kong Phooey, number one super guy. Hong Kong Phooey, quicker
than the human eye. He’s got style, a groovy style, and a car that
just won’t stop. When the going gets tough, he’s really rough, with a Hong Kong Phooey chop (Hi-Ya!).
Hong Kong Phooey,
</p>
<a href="#" class="btn btn-recent">READ MORE <i class="arrow right"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 ">
<div class="recent_img ">
<img src="/theme_zen/static/src/img/recent/2.jpg" alt=""/>
</div>
</div>
</div>
</div>
<div class="wrapper pt-5">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12 ">
<div class="recent_img ">
<img src="/theme_zen/static/src/img/recent/3.jpg" alt=""/>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="recent_content">
<p class="top">
COMMERCIAL
</p>
<h3>
Bushwick selfies <br/>
pork belly lyft<br/>
brooklyn messeng
</h3>
<p class="text">
Narwhal pop-up intelligentsia tbh pinterest, microdosing tilde 8-bit. Austin fam chia cold-pressed raw
denim. Glossier
drinking vinegar portland lo-fi, polaroid bespoke lomo. Banjo art party XOXO, fashion axe sustainable
retro ethical gentrify.
</p>
<a href="project.html" class="btn btn-recent">READ MORE <i class="arrow right"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 ">
<div class="recent_img">
<img src="/theme_zen/static/src/img/recent/4.jpg" alt=""/>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="recent_content">
<p class="top">
Web Design
</p>
<h3>
Bacon ipsum dolor<br/> amet brisket <br/>
Bushwick selfies
</h3>
<p class="text">
Hong Kong Phooey, number one super guy. Hong Kong Phooey, quicker
than the human eye. He’s got style, a groovy style, and a car that
just won’t stop. When the going gets tough, he’s really rough, with a Hong Kong Phooey chop (Hi-Ya!).
Hong Kong Phooey,
</p>
<a href="#" class="btn btn-recent">READ MORE <i class="arrow right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Recent sectiion ends here -->
<section class="load">
<div class="container-fluid">
<div class="load_more">
<a href="#" class="btn btn-load">
LOADING MORE
</a>
</div>
</div>
</section>
</section>
</template>
</odoo>