<div class="share-APA">
<div class="col col-xs-12 middle-xs">
<h2 class="
title-l
">
Pídele que lea este código QR.
</h2>
</div>
<div class="col col-xs-12 middle-xs">
<img class="share-qr" src="https://cm.uci.com/-/media/Images/ucicom/Alta-cliente/qr-share.png" alt="qr" />
</div>
<div class="col col-xs-12 middle-xs">
<div class="
bodycopy-m
">
O accede a la landing del cliente para completar sus datos.
</div>
<a class="btn
" href="#" id="">
Acceder
</a>
</div>
</div>
<div class="share-APA">
{{#if shareWhatsApp}}
<div class="col col-xs-12 middle-xs">
{{#if titleWhatsApp}}
{{> @title-l textWhatsApp}}
{{/if}}
</div>
<div class="col col-xs-12 middle-xs">
<a href="#">
<img class="share-whatsapp" src="{{ src-whatsapp }}" alt="Whatsapp"/>
</a>
</div>
{{/if}}
{{#if shareQr}}
{{#if titleQr}}
<div class="col col-xs-12 middle-xs">
{{> @title-l textQr}}
</div>
{{/if}}
<div class="col col-xs-12 middle-xs">
<img class="share-qr" src="{{ src-qr }}" alt="qr"/>
</div>
<div class="col col-xs-12 middle-xs">
{{> @bodycopy-m textLink}}
{{> @btn btn}}
</div>
{{/if}}
</div>
{
"shareWhatsApp": false,
"titleWhatsApp": true,
"src-whatsapp": "/dist/images/whatsapp_UCI_accent.svg",
"textWhatsApp": {
"text": "¿Quieres dar de alta a un cliente? Envíale un mail desde aquí..."
},
"shareQr": true,
"titleQr": true,
"src-qr": "https://cm.uci.com/-/media/Images/ucicom/Alta-cliente/qr-share.png",
"textQr": {
"text": "Pídele que lea este código QR."
},
"textLink": {
"text": "O accede a la landing del cliente para completar sus datos."
},
"btn": {
"text": "Acceder",
"href": "#"
}
}
.share-APA {
.title-l {
@media (--viewport-xs-min) {
text-align:center;
}
@media (--viewport-sm-min) {
text-align:left;
}
}
.share-qr {
width:280px;
height: 280px;
margin-top:var(--gutter-width-ms-min);
margin-bottom:var(--gutter-width-ms-min);
}
.share-whatsapp {
color: var(--color-accent);
max-width:100px;
margin-top:var(--gutter-width-ms-min);
margin-bottom:var(--gutter-width-ms-min);
}
.btn {
margin:calc(var(--gutter-vertical)*2) 0;
}
}
No notes defined.