MangoWeb/SharedUI/Shared/Components/Layout/TitlePlusImageRightComponen...

54 lines
2.1 KiB
Plaintext

@using BlazorWASM.Shared
<section>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-lg-6">
@* <h1 class="display-5 fw-bold lh-1 mb-3">Ismerked meg a MangoWeb</h1> *@
<h1 class="display-5 fw-bold lh-1 mb-3">@titlePlusImageModel.Title</h1>
@* <p class="lead"></p>
<p></p>
<p></p>
<p></p> *@
@{
foreach (var anyámknnya in titlePlusImageModel.DescriptionContents)
{
<p>@anyámknnya.ContentParagraph</p>
}
}
@{
if(titlePlusImageModel.ContentButtons != null)
{
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
@{
// <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
// <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
foreach (var anyámtyukja in titlePlusImageModel.ContentButtons)
{
<a href="@anyámtyukja.NavUrl" class="btn glass btn-lg px-4 me-md-2">@anyámtyukja.Text</a>
}
}
</div>
}
}
</div>
<div class="col-10 col-sm-8 col-lg-6">
@* <img src="" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy"> *@
<img src="@titlePlusImageModel.ImageUrl" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
</div>
</div>
</div>
</section>
@code {
[Parameter]
public TitlePlusImageModel? titlePlusImageModel { get; set; }
}