CybroAddons/theme_zen/views/blog/blog.xml

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<!--Blog snippet template-->
    <template id="blog_banner" name="Blog snippet">
        <section class="main_body_blog">
            <section class="header">
                <div class="container-fluid p-0">
                    <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"/>
                                        </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"/>
                                                <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>
            </section>
            <!-- Blog section ends here -->
        </section>
    </template>
</odoo>