mirror of
https://github.com/kevin-DL/complete-node-bootcamp.git
synced 2026-01-11 19:14:26 +00:00
24 lines
728 B
HTML
24 lines
728 B
HTML
<figure class="card">
|
|
<div class="card__emoji">{%IMAGE%}{%IMAGE%}</div>
|
|
<div class="card__title-box">
|
|
<h2 class="card__title">{%PRODUCTNAME%}</h2>
|
|
</div>
|
|
|
|
<div class="card__details">
|
|
<div class="card__detail-box {%NOT_ORGANIC%}">
|
|
<h6 class="card__detail card__detail--organic">Organic!</h6>
|
|
</div>
|
|
|
|
<div class="card__detail-box">
|
|
<h6 class="card__detail">{%QUANTITY%} per 📦</h6>
|
|
</div>
|
|
|
|
<div class="card__detail-box">
|
|
<h6 class="card__detail card__detail--price">{%PRICE%}€</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="card__link" href="/product?id={%ID%}">
|
|
<span>Detail <i class="emoji-right">👉</i></span>
|
|
</a>
|
|
</figure> |