CSS kodlarını sayfa kaynak kodundan alırsınız (Ctrl+U). Kutuları kullanırken şöyle bir HTML kodu yazacaksınız:

<div class="flag note note--success">
<div class="flag__image note__icon">
<i class="fa-solid fa-thumbs-up"></i>
</div>
<div class="flag__body note__text">
success kutu içeriği buraya...
</div></div>

<div class="flag note note--info">
<div class="flag__image note__icon">
<i class="fa-solid fa-circle-info"></i>
</div>
<div class="flag__body note__text">
success kutu içeriği buraya...
</div></div>
<div class="flag note note--warning">
<div class="flag__image note__icon">
<i class="fa-solid fa-triangle-exclamation"></i>
</div>
<div class="flag__body note__text">
warning kutu içeriği buraya...
</div></div>
<div class="flag note note--error">
<div class="flag__image note__icon">
<i class="fa-solid fa-thumbs-up"></i>
</div>
<div class="flag__body note__text">
error kutu içeriği buraya...
</div></div>

Konuya geri dön