26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
<header class="bg-dark py-5">
|
|
<div class="container px-5">
|
|
<div class="row gx-5 align-items-center justify-content-center">
|
|
<div class="col-lg-8 col-xl-7 col-xxl-6">
|
|
<div class="my-5 text-center text-xl-start">
|
|
<h1 class="display-5 fw-bolder text-white mb-2">${title}</h1>
|
|
<p class="lead fw-normal text-white-50 mb-4">${message}</p>
|
|
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center justify-content-xl-start">
|
|
% if button['primary']:
|
|
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="${button['primary']['link']}">${button['primary']['text']}</a>
|
|
% endif
|
|
% if button['secondary']:
|
|
<a class="btn btn-outline-light btn-lg px-4" href="${button['secondary']['link']}">${button['secondary']['text']}</a>
|
|
% endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-5 col-xxl-6 d-none d-xl-block text-center">
|
|
% if image:
|
|
<img class="img-fluid rounded-3 my-5" src="${image}" alt="" />
|
|
% endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|