35 lines
1.3 KiB
Smarty
35 lines
1.3 KiB
Smarty
<!-- Mobile Hero BEGIN -->
|
|
<section class="hero-slice-container d-flex justify-content-start align-content-center flex-wrap d-lg-none padding-top-{{padding_top}} padding-bottom-{{padding_bottom}}">
|
|
<div class="container my-auto hero-wrapper my-auto">
|
|
<div class="row mb-4 p-2">
|
|
<div class="col-md-10 col-lg-4">
|
|
<h1 class="mb-4 hero-title">{{title}}</h1>
|
|
<p class="mb-4 hero-copy">{{copy}}</p>
|
|
{{#if link}}
|
|
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<div class="row my-4">
|
|
<img class="img-fluid p-0" src="{{mobile_image.url}}" alt="{{mobile_image.alt}}" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Mobile Hero END -->
|
|
|
|
<!-- Hero BEGIN -->
|
|
<section class="hero-slice-container d-flex justify-content-start align-content-center d-none d-lg-flex" style="background-image: url('{{background_image.url}}');">
|
|
<div class="container hero-wrapper my-auto">
|
|
<div class="row">
|
|
<div class="col-md-10 col-lg-4">
|
|
<h1 class="mb-4 hero-title">{{title}}</h1>
|
|
<p class="mb-4 hero-copy">{{copy}}</p>
|
|
{{#if link}}
|
|
<a class="button--primary" href="{{link.url}}">{{link.title}}</a>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Hero END -->
|