Free Shipping Over $29 & 30 Days Money-back Guarantee - Limited Time Offer!
<div style='line-height:10px;text-align: center;border: 2px solid #FFFFFF;padding: 10px 10px;background: #FDF6F6;border-radius: 10px;'>
<b>♥FREE Shipping Over $29♥
<p>♥30 Days Money-back Guarantee♥</b>
<div style='line-height:15px;text-align: center;border: 2px solid #FFFFFF;padding: 10px 10px;background: #FFEEEE;border-radius: 10px;'>
<style>
.coupon-code {
display: block;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #000000;
letter-spacing: 1px;
text-transform: uppercase;
}
<p>.coupon-code .label {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
letter-spacing: 1px;
}</p>
<p>.coupon-code .code {
display: flex;
justify-content: center;
margin-top: 5px;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
}</p>
<p>.coupon-code .code-item {
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px;
background-color: #fff;
color: #FF6D6D;
padding: 8px 12px;
border-radius: 25px;
box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}</p>
<p>.coupon-extra {
text-align:center;
margin-bottom: 5px;
color: #000000;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}</p>
<p>.coupon-extra span {
font-weight:bold;
color: #FF6D6D;
}</p>
<p>.countdown {
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #000000;
margin-top: 10px;
}</p>
<p>.countdown span {
font-weight: bold;
color: #FF6D6D;
}
</style></p>
<div class='shipping-info'>
<p class='coupon-code'>
<span class='label'>COUPON CODE:</span>
<span class='code'>
<span class='code-item'>SALE20</span>
<span class='code-item'>SALE30</span>
</span>
</p>
<p class='coupon-extra'>Use <span> SALE20 </span>Over $110 - $20. </p>
<p class='coupon-extra'>Use <span>SALE30</span> Over $130 - $30. </p>
</div>
<div class='countdown'>
<p><span id='countdown'>2 days</span> left</p>
</div>
<script>
// Set the date we're counting down to
var countDownDate = new Date().getTime() + (2 * 24 * 60 * 60 * 1000);
<p>// Update the count down every 1 second
var countdownTimer = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();</p>
<pre><code>// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
// Display the result in the element with id='countdown'
document.getElementById('countdown').innerHTML = days + ' days';
// If the count down is finished, clearInterval
if (distance < 0) {
clearInterval(countdownTimer);
document.getElementById('countdown').innerHTML = 'EXPIRED';
}
</code></pre>
<p>}, 1000);
</script></p>
</div>
</div>
原文地址: https://www.cveoy.top/t/topic/qnFD 著作权归作者所有。请勿转载和采集!