Jak TO - Kupon
Dowiedz się, jak stworzyć „kupon” za pomocą CSS.
Logo firmy
20% ZNIŻKI NA ZAKUP
Sam ból jest miłością i szczyci się tym, że jest uparty. Morze przynajmniej cię poczuje, od chwili, gdy przemilczesz przyjemności pływaków, powitanie ich na tej stronie. Są wezwani do bycia mnesarchusem wszelkiego smutku.
Użyj kodu promocyjnego: BOH232
Wygasa: 3 stycznia 2021
Jak stworzyć kupon
Krok 1) Dodaj kod HTML:
Przykład
<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>
Krok 2) Dodaj CSS:
Przykład
.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;
}