कैसे करें - कूपन
CSS के साथ "कूपन" बनाने का तरीका जानें।
कंपनी का लोगो
अपनी खरीद पर 20% की छूट
दर्द ही प्यार है, और जिद्दी होने पर गर्व करता है। समुद्र आपको कम से कम महसूस करने के लिए तैयार नहीं है, जिस क्षण से आप लुबर्स के सुख के बारे में चुप रहते हैं, उन्हें इस वेबसाइट पर बधाई देते हैं। उन्हें सभी दुखों का जनक कहा जाता है।
प्रोमो कोड का प्रयोग करें: BOH232
समय सीमा समाप्त: 03 जनवरी, 2021
कूपन कैसे बनाएं
चरण 1) HTML जोड़ें:
उदाहरण
<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>
चरण 2) सीएसएस जोड़ें:
उदाहरण
.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;
}