dc-accelerators-content-rendering-service
Version:
Amplience DC Frontend modules, using HTML Service
29 lines • 1.48 kB
HTML
<div class="amp-dc-promo-banner">
<div class="amp-dc-promo-banner-wrap">
{{#each bannerSection}}
<div class="amp-dc-promo-block dc-{{@index}}">
<div class="amp-dc-promo-wrap">
<a style="background:#{{backgroundColour}}" href="{{link.value}}"
{{#unless icon.name}}class="amp-dc-promo-center" {{/unless}}>
{{#if icon.name}}
<picture class="amp-dc-promo-ico">
<img src="//{{icon.defaultHost}}/i/{{icon.endpoint}}/{{icon.name}}?w=40&h=40"
srcset="//{{icon.defaultHost}}/i/{{icon.endpoint}}/{{icon.name}}?w=40&h=40 1x, //{{icon.defaultHost}}/i/{{icon.endpoint}}/{{icon.name}}?w=80&h=80 2x"
class="amp-dc-image-pic" />
</picture>
{{/if}}
<div class="amp-dc-promo-text-wrap">
<div class="amp-dc-promo-head-text" {{#if toplineColour}}style="color:#{{toplineColour}}"
{{/if}}>
{{topLine}}
</div>
<div class="amp-dc-promo-content-text"
{{#if bottomlineColour}}style="color:#{{bottomlineColour}}" {{/if}}>
{{bottomLine}}
</div>
</div>
</a>
</div>
</div>{{/each}}
</div>
</div>