← All elements
<article class="pc-coupon">
<div class="pc-coupon__main">
<p class="pc-coupon__kicker">Welcome offer</p>
<p class="pc-coupon__value">15% off</p>
<p class="pc-coupon__note">Your first order over ₱1,500</p>
</div>
<div class="pc-coupon__stub">
<span>Use code</span>
<b>HELLO15</b>
</div>
</article>About this card
A discount coupon with punched ticket notches and a dashed tear line, cut out with radial-gradient backgrounds instead of images. Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.