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.
465 lines
17 KiB
465 lines
17 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="blog" inherit_id="website.snippets" name="Blog banner">
|
|
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]" position="inside">
|
|
<t t-snippet="theme_zen.blog_banner"
|
|
t-thumbnail="/theme_zen/static/src/img/snippets/blog-1.png"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="blog_banner" name="Blog snippet">
|
|
<section class="main_body_blog">
|
|
<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>
|
|
<nav class="nav" id="nav">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="portfolio.html">Portfolio</a></li>
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="menu-bg" id="menu-bg"></div>
|
|
<div class="menu-bg2" id="menu-bg2"></div>
|
|
<div class="wrapper_blog">
|
|
<div id="banner ">
|
|
<div>
|
|
<div class="banner_blog">
|
|
<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">Check our<br/>latest news<br/>and stories </p>
|
|
<p class="text-bottom second">
|
|
<span> client:peter Duri
|
|
</span>
|
|
<span> year:2020
|
|
</span> <span> roll:website
|
|
</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">Torquent Vitae<br/>Maecenas<br/>Maecenas </p>
|
|
<p class="text-bottom second">
|
|
<span> client:peter Duri
|
|
</span>
|
|
<span> year:2020
|
|
</span> <span> roll:website
|
|
</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 -->
|
|
<!-- Blog section starts here -->
|
|
<section class="blog_main" id="section03">
|
|
<div class="container_fluid">
|
|
<div class="wrapper">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-md-8 col-12">
|
|
<div class="blog_wrapper">
|
|
|
|
<a href="blog-details.html">
|
|
<div class="card">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" src="/theme_zen/static/src/img/blog/1.jpg" alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he"> subway tile<br/>
|
|
brooklyn bun<br/>
|
|
pickled bespoke
|
|
</h5>
|
|
<p class="title_details">
|
|
Pok pok authentic fashion axe, vegan venmo leggings raclette tousled twee tattooed. Banh mi humblebrag hammock tacos...
|
|
</p>
|
|
<div class="blog-links">
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/paper-push-pin.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Branding</a></li>
|
|
<li><a href="#">Design</a></li>
|
|
<li><a href="#">Art</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/tag.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Template</a></li>
|
|
<li><a href="#">Post</a></li>
|
|
<li><a href="#">Formats</a></li>
|
|
</ul>
|
|
</div>
|
|
<p class="card-text">
|
|
<span><a href="">Argumêntum dissêntîas.</a></span>
|
|
<span><a href="">January 01,2020</a></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<a href="blog-details.html"> <div class="card">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" id="zoomIn" src="/theme_zen/static/src/img/blog/2.jpg" alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he"> subway tile<br/>
|
|
brooklyn bun<br/>
|
|
pickled bespoke
|
|
</h5>
|
|
<p class="title_details">
|
|
Pok pok authentic fashion axe, vegan venmo leggings raclette tousled twee tattooed. Banh mi humblebrag hammock tacos...
|
|
</p>
|
|
<div class="blog-links">
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/paper-push-pin.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Branding</a></li>
|
|
<li><a href="#">Design</a></li>
|
|
<li><a href="#">Art</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/tag.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Template</a></li>
|
|
<li><a href="#">Post</a></li>
|
|
<li><a href="#">Formats</a></li>
|
|
</ul>
|
|
</div>
|
|
<p class="card-text">
|
|
<span><a href="">Argumêntum dissêntîas.</a></span>
|
|
<span><a href="">January 01,2020</a></span>
|
|
</p>
|
|
</div>
|
|
</div></a>
|
|
|
|
<a href="blog-details.html"> <div class="card">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" src="/theme_zen/static/src/img/blog/3.jpg" alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title"> subway tile<br/>
|
|
brooklyn bun<br/>
|
|
pickled bespoke
|
|
</h5>
|
|
<p class="title_details">
|
|
Pok pok authentic fashion axe, vegan venmo leggings raclette tousled twee tattooed. Banh mi humblebrag hammock tacos...
|
|
</p>
|
|
<div class="blog-links">
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/paper-push-pin.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Branding</a></li>
|
|
<li><a href="#">Design</a></li>
|
|
<li><a href="#">Art</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/tag.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Template</a></li>
|
|
<li><a href="#">Post</a></li>
|
|
<li><a href="#">Formats</a></li>
|
|
</ul>
|
|
</div>
|
|
<p class="card-text">
|
|
<span><a href="">Argumêntum dissêntîas.</a></span>
|
|
<span><a href="">January 01,2020</a></span>
|
|
</p>
|
|
</div>
|
|
|
|
</div></a>
|
|
|
|
|
|
<a href="blog-details.html"><div class="card">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" id="zoomIn" src="/theme_zen/static/src/img/blog/2.jpg" alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he"> subway tile<br/>
|
|
brooklyn bun<br/>
|
|
pickled bespoke
|
|
</h5>
|
|
<p class="title_details">
|
|
Pok pok authentic fashion axe, vegan venmo leggings raclette tousled twee tattooed. Banh mi humblebrag hammock tacos...
|
|
</p>
|
|
<div class="blog-links">
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/paper-push-pin.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Branding</a></li>
|
|
<li><a href="#">Design</a></li>
|
|
<li><a href="#">Art</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/tag.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Template</a></li>
|
|
<li><a href="#">Post</a></li>
|
|
<li><a href="#">Formats</a></li>
|
|
</ul>
|
|
</div>
|
|
<p class="card-text">
|
|
<span><a href="">Argumêntum dissêntîas.</a></span>
|
|
<span><a href="">January 01,2020</a></span>
|
|
</p>
|
|
</div>
|
|
</div></a>
|
|
|
|
|
|
<a href="blog-details.html"><div class="card">
|
|
<div class="img_wrapper">
|
|
<img class="card-img-top" src="/theme_zen/static/src/img/blog/3.jpg" alt="Card image cap"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title he"> subway tile<br/>
|
|
brooklyn bun<br/>
|
|
pickled bespoke
|
|
</h5>
|
|
<p class="title_details">
|
|
Pok pok authentic fashion axe, vegan venmo leggings raclette tousled twee tattooed. Banh mi humblebrag hammock tacos...
|
|
</p>
|
|
<div class="blog-links">
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/paper-push-pin.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Branding</a></li>
|
|
<li><a href="#">Design</a></li>
|
|
<li><a href="#">Art</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<i class="icon">
|
|
<img src="/theme_zen/static/src/img/icons/blog/tag.svg" alt=""/>
|
|
</i>
|
|
</li>
|
|
<li><a href="#">Template</a></li>
|
|
<li><a href="#">Post</a></li>
|
|
<li><a href="#">Formats</a></li>
|
|
</ul>
|
|
</div>
|
|
<p class="card-text">
|
|
<span><a href="">Argumêntum dissêntîas.</a></span>
|
|
<span><a href="">January 01,2020</a></span>
|
|
</p>
|
|
</div>
|
|
</div></a>
|
|
|
|
|
|
<div class="button_wrapper text-center mt-5">
|
|
<a href="#" class="btn btn-recent-blog">LOADING MORE <i class="arrow right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-12 p-0">
|
|
<div class="sidebar">
|
|
<div class="wrapper_s">
|
|
<div class="search_box">
|
|
<div class="form-group has-search">
|
|
<span class="fa fa-search form-control-feedback"></span>
|
|
<input type="text" class="form-control" placeholder="SEARCH.."/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="recent_post">
|
|
<h4>
|
|
RECENT POST
|
|
</h4>
|
|
<div class="warapper">
|
|
<div class="post">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/1.jpg" alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="post_detials">
|
|
<a href="#">
|
|
<span>
|
|
Shaman lumbersexual yr portland pug</span>
|
|
</a>
|
|
<div class="date">
|
|
December 14,2020
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="warapper">
|
|
<div class="post">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/3.jpg" alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="post_detials">
|
|
<a href="#">
|
|
<span>
|
|
Shaman lumbersexual yr portland pug</span>
|
|
</a>
|
|
<div class="date">
|
|
December 14,2020
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="warapper">
|
|
<div class="post">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/2.jpg" alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="post_detials">
|
|
<a href="#">
|
|
<span>
|
|
Shaman lumbersexual yr portland pug</span>
|
|
</a>
|
|
<div class="date">
|
|
December 14,2020
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="warapper">
|
|
<div class="post">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/1.jpg" alt=""/>
|
|
</div>
|
|
</div>
|
|
<div class="post_detials">
|
|
<a href="#">
|
|
<span>
|
|
Shaman lumbersexual yr portland pug</span>
|
|
</a>
|
|
<div class="date">
|
|
December 14,2020
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tags">
|
|
<h4>
|
|
TAG CLOUDS
|
|
</h4>
|
|
<div class="wrapper_t">
|
|
<div class="tt">
|
|
<div class="inner">
|
|
<a href="#">
|
|
video
|
|
</a>
|
|
</div>
|
|
<div class="inner">
|
|
<a href="#">
|
|
Artist
|
|
</a>
|
|
</div>
|
|
<div class="inner">
|
|
<a href="#">
|
|
nature
|
|
</a>
|
|
</div>
|
|
<div class="inner">
|
|
<a href="#">
|
|
business
|
|
</a>
|
|
</div>
|
|
<div class="inner">
|
|
<a href="#">
|
|
trends
|
|
</a>
|
|
</div>
|
|
<div class="inner">
|
|
<a href="#">
|
|
tech
|
|
</a>
|
|
</div>
|
|
<div class="inner">
|
|
<a href="#">
|
|
news
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="instagram">
|
|
<h4>
|
|
INSTAGRAM
|
|
</h4>
|
|
<div class="wrapper_i row">
|
|
<div class="img_wrapper col-6 col-md-12 col-sm12">
|
|
<a href="">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/instagram/1.jpg" alt=""/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper col-6 col-md-12 col-sm12">
|
|
<a href="">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/instagram/2.jpg" alt=""/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper col-6 col-md-12 col-sm12">
|
|
<a href="">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/instagram/3.jpg" alt=""/>
|
|
</a>
|
|
</div>
|
|
<div class="img_wrapper col-6 col-md-12 col-sm12">
|
|
<a href="">
|
|
<img src="/theme_zen/static/src/img/blog/sidebar/instagram/4.jpg" alt=""/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--</div>-->
|
|
</section>
|
|
<!-- Blog section ends here -->
|
|
</section>
|
|
</template>
|
|
</odoo>
|