88 lines
5.0 KiB
XML
88 lines
5.0 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
<data>
|
|
<!-- Base Blog Detail Layout -->
|
|
<template id="blog_detail_layout" name="Blog Detail Layout">
|
|
<style>
|
|
.blog-text ul {
|
|
list-style: none !important;
|
|
padding-left: 0 !important;
|
|
margin-bottom: 25px;
|
|
}
|
|
.blog-text ul li {
|
|
position: relative;
|
|
padding-left: 30px !important;
|
|
margin-bottom: 12px;
|
|
color: #555;
|
|
line-height: 1.6;
|
|
}
|
|
.blog-text ul li::before {
|
|
content: "\f105"; /* fa-angle-right */
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0px;
|
|
color: #2BB1A5;
|
|
font-weight: 900;
|
|
font-size: 18px;
|
|
}
|
|
</style>
|
|
<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: 70px 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 DETAILS</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"><a href="/blog" class="text-white text-decoration-none" style="opacity: 0.8;">Blog</a></li>
|
|
<li class="breadcrumb-item active" style="color: #FECD4F;" aria-current="page">Blog Details</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Blog Detail Section -->
|
|
<section class="s_blog_detail_section pt96 pb120 o_colored_level" style="background-color: #F9F6F0;">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<!-- Main Content Area (Full Width Centered) -->
|
|
<div class="col-lg-12">
|
|
<div class="blog-detail-content px-0 px-md-4">
|
|
|
|
<!-- Featured Image -->
|
|
<div class="blog-featured-img mb-4 overflow-hidden shadow-sm" style="border-radius: 0px;">
|
|
<img t-att-src="blog_img or '/dine360_theme_chennora/static/src/img/blog-1.png'" class="img-fluid w-100" t-att-alt="blog_title" style="max-height: 600px; object-fit: cover;"/>
|
|
</div>
|
|
|
|
<!-- Title -->
|
|
<h1 class="display-4 fw-bold mb-3" style="color: #04121D; line-height: 1.2; font-size: 38px;"><t t-esc="blog_title"/></h1>
|
|
|
|
<!-- Content -->
|
|
<div class="blog-text pb-4" style="font-size: 16px; line-height: 1.7; color: #333; font-family: 'Outfit', sans-serif;">
|
|
<t t-out="blog_content"/>
|
|
</div>
|
|
|
|
<!-- Meta Info (Footer) -->
|
|
<div class="mt-5 pt-4 border-top d-flex align-items-center justify-content-between flex-wrap gap-3">
|
|
<div class="d-flex align-items-center gap-4 text-muted small" style="font-weight: 600;">
|
|
<span><i class="fa fa-calendar me-2"></i> <t t-esc="blog_date or 'Jan 29, 2026'"/></span>
|
|
<span><i class="fa fa-tag me-2"></i> <t t-esc="blog_category or 'Restaurant'"/></span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</t>
|
|
</template>
|
|
</data>
|
|
</odoo>
|