Free Shipping & Exclusive Coupons - Limited Time Offer

<div style="display: flex;justify-content: space-between;line-height:10px;border: 2px solid #FFFFFF;padding: 10px 10px;background: #FDF6F6;border-radius: 10px;">
    <div>
        <b>♥FREE Shipping Over $29♥</b>
        <p>♥30 Days Money-back Guarantee♥</p>
    </div>
    <div>
        <style>
            .coupon-code {
                display: block;
                text-align: center;
                font-family: 'Montserrat', sans-serif;
                font-size: 14px;
                color: #000000;
                letter-spacing: 1px;
                text-transform: uppercase;
            }
<pre><code>        .coupon-code .label {
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            color: #000000;
            font-weight: bold;
            letter-spacing: 1px;
        }
        
        .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;
        }
        
        .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);
        }
        
        .coupon-extra {
            text-align:center;
            margin-bottom: 5px;
            color: #000000;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            letter-spacing: 1px;
            font-weight: bold;
        }
        
        .coupon-extra span {
            font-weight:bold;
            color: #FF6D6D;
        } 
    &lt;/style&gt;
    &lt;div class=&quot;shipping-info&quot;&gt;
        &lt;p class=&quot;coupon-code&quot;&gt;
            &lt;span class=&quot;label&quot;&gt;COUPON CODE:&lt;/span&gt;
            &lt;span class=&quot;code&quot;&gt;
                &lt;span class=&quot;code-item&quot;&gt;SALE20&lt;/span&gt;
                &lt;span class=&quot;code-item&quot;&gt;SALE30&lt;/span&gt;
            &lt;/span&gt; 
        &lt;/p&gt;
        &lt;p class=&quot;coupon-extra&quot;&gt;Use &lt;span&gt; SALE20 &lt;/span&gt;Over $110 - $20. &lt;/p&gt;
        &lt;p class=&quot;coupon-extra&quot;&gt;Use &lt;span&gt;SALE30&lt;/span&gt; Over $130 - $30. &lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>
</div>
<script>
    function countdown() {
        const countdownElement = document.getElementById("countdown");
        const endDate = new Date("2023-01-01 00:00:00");
<pre><code>    setInterval(() =&gt; {
        const currentDate = new Date();
        const timeDifference = endDate - currentDate;
  
        const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
        const hours = Math.floor((timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        const minutes = Math.floor((timeDifference % (1000 * 60 * 60)) / (1000 * 60));
        const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
  
        countdownElement.innerHTML = `${days} days ${hours} hours ${minutes} minutes ${seconds} seconds`;
    }, 1000);
}

countdown();
</code></pre>
</script>
<div id="countdown"></div>