کیس کیس بنانے کا طریقہ: کوپن

کوپن کیس کیس بنانے کا طریقہ

پہلہ مرحلہ - ایچ تی ایم اضافہ کریں:

<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>

دوامہ - سی ایس ایس اضافہ کریں:

.coupon {
  border: 5px dotted #bbb; /* 点状边框 */
  width: 80%;
  border-radius: 15px; /* 圆角边框 */
  margin: 0 auto; /* 居中优惠卷 */
  max-width: 600px;
}
.container {
  padding: 2px 16px;
  background-color: #f1f1f1;
}
.promo {
  background: #ccc;
  padding: 3px;
}
.expire {
  رنگ: قرمز;
}

آزمایش کنید