IntraCDL UI

Card: Default 

<section class="c-card">
    <a class="c-card__figure" href="">
        <h2>Gorgeous Cotton Computer</h2>
        <div class="c-card__image">
            <img src="https://picsum.photos/seed/rDgoCz/640/480" alt="Nature scene">
        </div>
    </a>
    <div class="c-card__caption">
        <p>Coerceo corrumpo voluptate vallum titulus deludo defungo enim pel vos. Depono decet trado bis. Alter compono alioqui autem casso corrumpo cinis venustas vilis.</p>
    </div>
    <a class="c-card__link-2" href="">Bespoke Rubber Ball</a>
</section>
 
<section class="c-card">
  <a class="c-card__figure" href="">
    <h2>{{ card.title }}</h2>
    <div class="c-card__image">
      <img src="{{ card.image }}" alt="Nature scene">
    </div>
    {{#unless card.caption}}
    <div class="c-card__link-1">
      {{ card.link1 }}
    </div>
    {{/unless}}
  </a>
  {{#unless card.link1}}
  <div class="c-card__caption">
    <p>{{ card.caption }}</p>
  </div>
  {{/unless}}
  <a class="c-card__link-2" href="">{{ card.link2 }}</a>
</section>
 
{
  "card": {
    "title": "Gorgeous Cotton Computer",
    "image": "https://picsum.photos/seed/rDgoCz/640/480",
    "link1": "",
    "caption": "Coerceo corrumpo voluptate vallum titulus deludo defungo enim pel vos. Depono decet trado bis. Alter compono alioqui autem casso corrumpo cinis venustas vilis.",
    "link2": "Bespoke Rubber Ball"
  }
}

No notes defined.