Gewusst wie: Gutschein
Erfahren Sie, wie Sie mit CSS einen „Gutschein“ erstellen.
Firmenlogo
20 % RABATT AUF IHREN EINKAUF
Der Schmerz selbst ist Liebe und brüstet sich damit, stur zu sein. Das Meer wird Sie zumindest spüren, sobald Sie über die Freuden der Matrosen schweigen und sie auf dieser Website begrüßen. Sie sind berufen, die Mnearchus aller Sorgen zu sein.
Verwenden Sie den Aktionscode: BOH232
Läuft ab: 03. Januar 2021
So erstellen Sie einen Gutschein
Schritt 1) HTML hinzufügen:
Beispiel
<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>
Schritt 2) CSS hinzufügen:
Beispiel
.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;
}