Nasıl Yapılır - Kupon
CSS ile nasıl "kupon" oluşturulacağını öğrenin.
Şirket logosu
ALIŞVERİŞİNİZDE %20 İNDİRİM
Acının kendisi aşktır ve inatçı olduğu için kendisiyle gurur duyar. Bu sitede kayganlaştırıcıların zevklerine sessiz kaldığınız, onları selamladığınız andan itibaren deniz sizi en azından hissetmeye alışmıştır. Tüm kederlerin mnesarchus'u olarak adlandırılırlar.
Promosyon Kodunu Kullanın: BOH232
Bitiş: 03 Oca 2021
Kupon Nasıl Oluşturulur
Adım 1) HTML'yi ekleyin:
Örnek
<div class="coupon">
<div class="container">
<h3>Company Logo</h3>
</div>
<img src="hamburger.jpg"
alt="Avatar" style="width:100%;">
<div class="container" style="background-color:white">
<h2><b>20% OFF YOUR PURCHASE</b></h2>
<p>Lorem ipsum..</p>
</div>
<div class="container">
<p>Use Promo
Code: <span class="promo">BOH232</span></p>
<p
class="expire">Expires: Jan 03, 2021</p>
</div>
</div>
Adım 2) CSS'yi ekleyin:
Örnek
.coupon {
border: 5px dotted #bbb; /* Dotted border */
width: 80%;
border-radius: 15px; /* Rounded border */
margin: 0 auto; /* Center the coupon */
max-width: 600px;
}
.container {
padding: 2px 16px;
background-color: #f1f1f1;
}
.promo {
background: #ccc;
padding: 3px;
}
.expire {
color: red;
}