29 lines
1.4 KiB
Plaintext
29 lines
1.4 KiB
Plaintext
@page "/home"
|
||
@using SharedUI.Shared.Components.Layout
|
||
|
||
|
||
<HeroComponent />
|
||
|
||
<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-10 col-sm-8 col-lg-6">
|
||
<img src="https://images.unsplash.com/photo-1520531158340-44015069e78e?q=80&w=1944&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<h1 class="display-5 fw-bold lh-1 mb-3">Responsive left-aligned hero with image</h1>
|
||
<p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<CardComponent/>
|
||
@code {
|
||
|
||
}
|