IntraCDL UI

Card: 2 

<section class="c-card">
    <a class="c-card__figure" href="">
        <h2>Fantastic Rubber Towels</h2>
        <div class="c-card__image">
            <img src="https://picsum.photos/seed/99xMW/640/480" alt="Nature scene">
        </div>
        <div class="c-card__link-1">
            Logo Guidelines
        </div>
    </a>
    <a class="c-card__link-2" href="">Download ZIP (EPS, PNG, SVG)</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": "Fantastic Rubber Towels",
    "image": "https://picsum.photos/seed/99xMW/640/480",
    "link1": "Logo Guidelines",
    "caption": "",
    "link2": "Download ZIP (EPS, PNG, SVG)"
  }
}

No notes defined.