<div class="lightbox-content-result-form">
<div class="modal-body">
<div class="row">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12">
<div class="result-form">
<img src="/dist/images/sucess.png" />
<h2 class="
title-m
">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
<button id="" class="btn
" type="submit">
Download
</button>
</div>
</div>
</div>
</div>
</div>
<div {{#if hasID}}id="{{idComponent}}"{{/if}} class="lightbox-content-result-form">
<div class="modal-body">
<div class="row">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12">
<div class="result-form">
<img src="{{img-url}}" />
{{> @title-m title }}
{{> @btn btn }}
</div>
</div>
</div>
</div>
</div>
{
"hasID": false,
"img-url": "/dist/images/sucess.png",
"title": {
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
"isH2": true
},
"btn": {
"type": "submit",
"text": "Download"
}
}
.lightbox-content-result-form {
.result-form{padding-bottom: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
img{margin-bottom:20px;}
.title-m{color: var(--color-secondary); margin-bottom:40px;}
}
}
La url de la img es configurable