Cara - Kupon
Pelajari cara membuat "kupon" dengan CSS.
Logo perusahaan
DISKON 20% UNTUK PEMBELIAN ANDA
Rasa sakit itu sendiri adalah cinta, dan membanggakan diri karena keras kepala. Laut tidak akan merasakan Anda setidaknya, dari saat Anda diam tentang kesenangan lubbers, menyapa mereka di situs web ini. Mereka dipanggil untuk menjadi mnesarchus dari semua kesedihan.
Gunakan Kode Promo: BOH232
Kedaluwarsa: 03 Januari 2021
Cara Membuat Kupon
Langkah 1) Tambahkan HTML:
Contoh
<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>
Langkah 2) Tambahkan CSS:
Contoh
.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;
}