IntraCDL UI

Card 

<!-- Default -->
<section class="c-card">
    <a class="c-card__figure" href="">
        <h2>Refined Fresh Keyboard</h2>
        <div class="c-card__image">
            <img src="https://picsum.photos/seed/1rCRlX/640/480" alt="Nature scene">
        </div>
    </a>
    <div class="c-card__caption">
        <p>Subito verto et sub possimus crinis. Sursum amor caveo ustilo vilicus. Aureus fugit clarus aspicio apparatus cursim centum catena.</p>
    </div>
    <a class="c-card__link-2" href="">Tasty Soft Tuna</a>
</section>


<!-- 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>
 
/* Default */
{
  "card": {
    "title": "Refined Fresh Keyboard",
    "image": "https://picsum.photos/seed/1rCRlX/640/480",
    "link1": "",
    "caption": "Subito verto et sub possimus crinis. Sursum amor caveo ustilo vilicus. Aureus fugit clarus aspicio apparatus cursim centum catena.",
    "link2": "Tasty Soft Tuna"
  }
}


/* 2 */
{
  "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.