forked from alaguraj/odoo-testing-addons
66 lines
4.3 KiB
XML
66 lines
4.3 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<data>
|
|
<template id="blog_page" name="Blog Page">
|
|
<t t-call="website.layout">
|
|
<div id="wrap" class="oe_structure">
|
|
|
|
<!-- Page Banner -->
|
|
<section class="s_page_title o_colored_level" style="background-color: #04121D; background-image: url('/dine360_theme_chennora/static/src/img/about-banner-new.png'); background-size: cover; background-position: center; padding: 100px 0; position: relative; overflow: hidden;">
|
|
<div class="o_we_bg_filter bg-black-50"/>
|
|
<div class="container text-center text-white position-relative" style="z-index: 2;">
|
|
<h1 class="display-3 fw-bold mb-3" style="letter-spacing: 1px;">BLOG</h1>
|
|
<nav aria-label="breadcrumb" class="d-flex justify-content-center">
|
|
<ol class="breadcrumb mb-0" style="background: transparent; font-size: 14px; text-transform: uppercase; font-weight: 600;">
|
|
<li class="breadcrumb-item"><a href="/" class="text-white text-decoration-none" style="opacity: 0.8;">Home</a></li>
|
|
<li class="breadcrumb-item active" style="color: #FECD4F;" aria-current="page">Blog</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Blog Listing Section -->
|
|
<section class="s_blog_premium o_colored_level pt96 pb96" style="background-color: #F9F6F0;">
|
|
<div class="container">
|
|
<!-- Header -->
|
|
<div class="row mb-5">
|
|
<div class="col-12 text-center">
|
|
<h6 class="d-flex align-items-center justify-content-center mb-3" style="color: #2BB1A5; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;">
|
|
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-right: 10px;" alt=""/>
|
|
BLOG
|
|
<img src="/dine360_theme_chennora/static/src/img/subtitle-icon.png" style="width: 25px; margin-left: 10px;" alt=""/>
|
|
</h6>
|
|
<h2 class="display-4 fw-bold" style="color: #04121D;">News & Articles</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4 d-flex align-items-stretch">
|
|
<t t-foreach="blog_posts" t-as="blog">
|
|
<div class="col-lg-4">
|
|
<div class="blog-card">
|
|
<div class="blog-img-wrapper">
|
|
<img t-att-src="blog.image" t-att-alt="blog.title"/>
|
|
<div class="date-badge">
|
|
<span t-esc="blog.day"/>
|
|
<span t-esc="blog.month"/>
|
|
</div>
|
|
</div>
|
|
<div class="blog-body">
|
|
<span class="category-line" t-esc="'Category: ' + blog.category"/>
|
|
<h4><a t-attf-href="/blog/#{blog.slug}" class="text-decoration-none" style="color: inherit;" t-esc="blog.title"/></h4>
|
|
<p class="blog-excerpt" t-esc="blog.excerpt"/>
|
|
<a t-attf-href="/blog/#{blog.slug}" class="btn-link text-decoration-none fw-bold mt-2 d-inline-block" style="color: #2BB1A5; font-size: 14px;">Read More</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</data>
|
|
</odoo>
|