wp-bootstrap/views/pages/hero.html.twig

{% extends 'base.html.twig' %}

{% block main_class %}{% endblock %}

{% block content %}
<section class="bg-primary text-white py-5 mb-5{% if post.thumbnail %} position-relative overflow-hidden{% endif %}">
    {% if post.thumbnail %}
        <div class="position-absolute top-0 start-0 w-100 h-100" style="background: url('{{ post.thumbnail }}') center/cover no-repeat; opacity: 0.3;"></div>
    {% endif %}
    <div class="container position-relative py-5 text-center">
        <h1 class="display-4 fw-bold">{{ post.title }}</h1>
    </div>
</section>
<div class="container">
    <article>
        <div class="post-content">
            {{ post.content|raw }}
        </div>
    </article>
</div>
{% endblock %}