📧 Black Friday Email Template

Copy the HTML code below and paste it into Brevo or Mailchimp as a custom HTML email template.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🔥 Black Friday Deals - Up to 38% OFF!</title>
    <style type="text/css">
        body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
        table { border-collapse: collapse; }
        img { border: 0; display: block; }
        
        @media only screen and (max-width: 600px) {
            .wrapper { width: 100% !important; }
            .container { width: 100% !important; max-width: 100% !important; }
            .mobile-padding { padding: 20px !important; }
            .mobile-text { font-size: 15px !important; line-height: 1.6 !important; }
            .mobile-heading { font-size: 26px !important; line-height: 1.3 !important; }
            .mobile-subheading { font-size: 20px !important; line-height: 1.4 !important; }
            .mobile-price { font-size: 24px !important; }
            .mobile-button { padding: 14px 28px !important; font-size: 16px !important; width: 90% !important; }
            .mobile-stack { display: block !important; width: 100% !important; }
            .mobile-product-img { width: 100% !important; max-width: 200px !important; margin: 0 auto 20px auto !important; padding-right: 0 !important; }
            .mobile-product-content { width: 100% !important; text-align: center !important; }
            .mobile-gift-img { max-width: 100px !important; margin: 0 auto 15px auto !important; padding-right: 0 !important; }
            .mobile-gift-text { width: 100% !important; text-align: center !important; }
            .mobile-center { text-align: center !important; }
        }
    </style>
</head>
<body style="margin: 0; padding: 0; background-color: #f5f5f5;">
    
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="background-color: #f5f5f5;" class="wrapper">
    <tr>
        <td align="center" style="padding: 20px 0;">
            
            <!-- Main Container -->
            <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0" align="center" style="background-color: #ffffff; max-width: 600px;" class="container">
                
                <!-- Header -->
                <tr>
                    <td align="center" style="background: linear-gradient(135deg, #0057a7 0%, #003366 100%); padding: 40px 30px;" class="mobile-padding">
                        <h1 style="color: #ffffff; font-size: 36px; margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.5px;" class="mobile-heading">🔥 BLACK FRIDAY SALE</h1>
                        <p style="color: #e6f2ff; font-size: 18px; margin: 0; font-weight: 400;" class="mobile-text">Up to 38% OFF Portable Power & Home Batteries</p>
                    </td>
                </tr>
                
                <!-- Intro -->
                <tr>
                    <td align="center" style="padding: 35px 30px; background-color: #e8f4ff;" class="mobile-padding">
                        <p style="color: #1a1a1a; font-size: 17px; line-height: 1.7; margin: 0; font-weight: 400;" class="mobile-text">This Black Friday, take advantage of our best deals on portable power banks and home batteries. Limited stock - act fast!</p>
                    </td>
                </tr>
                
                <!-- Free Gift €500+ -->
                <tr>
                    <td align="center" style="padding: 35px 30px; background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%);" class="mobile-padding">
                        <h3 style="color: #ffffff; font-size: 24px; margin: 0 0 25px 0; font-weight: 700;" class="mobile-subheading">🎁 FREE GIFT!</h3>
                        
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="max-width: 500px; margin: 0 auto;">
                            <tr>
                                <td width="35%" align="center" style="padding-right: 20px; vertical-align: middle;" class="mobile-stack mobile-gift-img">
                                    <img src="https://offgridsupply.eu/507-large_default/voltero-c65-65w-gan-fast-charger.jpg" alt="Voltero C65 65W GAN Fast Charger" width="120" style="width: 120px; height: auto; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.2);">
                                </td>
                                <td width="65%" align="left" style="vertical-align: middle;" class="mobile-stack mobile-gift-text">
                                    <p style="color: #ffffff; font-size: 17px; line-height: 1.7; margin: 0; font-weight: 500;" class="mobile-text">Spend <strong>over €500</strong> and receive a <strong>FREE Voltero C65 65W GAN Fast Charger</strong> (worth €29)!</p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- Premium Free Gift €1000+ -->
                <tr>
                    <td align="center" style="padding: 35px 30px; background: linear-gradient(135deg, #d4145a 0%, #8b0036 100%);" class="mobile-padding">
                        <h3 style="color: #ffffff; font-size: 24px; margin: 0 0 25px 0; font-weight: 700;" class="mobile-subheading">🎁 PREMIUM GIFT!</h3>
                        
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="max-width: 500px; margin: 0 auto;">
                            <tr>
                                <td width="35%" align="center" style="padding-right: 20px; vertical-align: middle;" class="mobile-stack mobile-gift-img">
                                    <img src="https://offgridsupply.eu/501-large_default/voltero-c100-100w-gan-fast-charger.jpg" alt="Voltero C100 100W GAN Fast Charger" width="120" style="width: 120px; height: auto; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.2);">
                                </td>
                                <td width="65%" align="left" style="vertical-align: middle;" class="mobile-stack mobile-gift-text">
                                    <p style="color: #ffffff; font-size: 17px; line-height: 1.7; margin: 0; font-weight: 500;" class="mobile-text">Spend <strong>over €1000</strong> and receive a <strong>FREE Voltero C100 100W GAN Fast Charger</strong> (worth €49)!</p>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- Voltero S25 -->
                <tr>
                    <td style="padding: 40px 30px; border-bottom: 1px solid #e0e0e0;" class="mobile-padding">
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td width="40%" align="center" style="padding-right: 20px; vertical-align: top;" class="mobile-stack mobile-product-img">
                                    <img src="https://offgridsupply.eu/345-large_default/voltero-s25-26800mah-pd-100w-pd30-pps-usb-c-power-bank.jpg" alt="Voltero S25" width="200" style="width: 200px; height: auto; border-radius: 12px;">
                                </td>
                                <td width="60%" align="left" style="vertical-align: top;" class="mobile-stack mobile-product-content">
                                    <h2 style="color: #1a1a1a; font-size: 26px; margin: 0 0 8px 0; font-weight: 700;" class="mobile-subheading">Voltero S25</h2>
                                    <p style="color: #666666; font-size: 15px; margin: 0 0 18px 0; font-weight: 500;" class="mobile-text">26800mAh • 100W PD Fast Charging</p>
                                    <p style="color: #4a4a4a; font-size: 15px; line-height: 1.8; margin: 0 0 20px 0;" class="mobile-text">
                                        ✓ Charge phone 5-6 times<br>
                                        ✓ Laptop compatible<br>
                                        ✓ Airline approved
                                    </p>
                                    <div style="margin: 0 0 20px 0;" class="mobile-center">
                                        <span style="text-decoration: line-through; color: #999999; font-size: 16px; margin-right: 12px;" class="mobile-text">Was €89</span>
                                        <span style="color: #d4145a; font-size: 32px; font-weight: 700;" class="mobile-price">€59</span>
                                        <span style="background-color: #00a86b; color: #ffffff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-left: 10px;">-34%</span>
                                    </div>
                                    <div class="mobile-center">
                                        <a href="https://offgridsupply.eu/portable-power-stations/voltero-s25-26800mah-pd-100w-pd30-pps-usb-c-power-bank" style="display: inline-block; background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%); color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 16px;" class="mobile-button">🛒 Order Now</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- Voltero S50 -->
                <tr>
                    <td style="padding: 40px 30px; border-bottom: 1px solid #e0e0e0;" class="mobile-padding">
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td width="40%" align="center" style="padding-right: 20px; vertical-align: top;" class="mobile-stack mobile-product-img">
                                    <img src="https://offgridsupply.nl/350-large_default/voltero-s50-50000mah-powerbank.jpg" alt="Voltero S50" width="200" style="width: 200px; height: auto; border-radius: 12px;">
                                </td>
                                <td width="60%" align="left" style="vertical-align: top;" class="mobile-stack mobile-product-content">
                                    <h2 style="color: #1a1a1a; font-size: 26px; margin: 0 0 8px 0; font-weight: 700;" class="mobile-subheading">Voltero S50</h2>
                                    <p style="color: #666666; font-size: 15px; margin: 0 0 18px 0; font-weight: 500;" class="mobile-text">50000mAh • 100W PD Ultra Power</p>
                                    <p style="color: #4a4a4a; font-size: 15px; line-height: 1.8; margin: 0 0 20px 0;" class="mobile-text">
                                        ✓ Charge phone 10+ times<br>
                                        ✓ MacBook Pro compatible<br>
                                        ✓ Multiple device charging
                                    </p>
                                    <div style="margin: 0 0 20px 0;" class="mobile-center">
                                        <span style="text-decoration: line-through; color: #999999; font-size: 16px; margin-right: 12px;" class="mobile-text">Was €109</span>
                                        <span style="color: #d4145a; font-size: 32px; font-weight: 700;" class="mobile-price">€79</span>
                                        <span style="background-color: #00a86b; color: #ffffff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-left: 10px;">-28%</span>
                                    </div>
                                    <div class="mobile-center">
                                        <a href="https://offgridsupply.eu/portable-power-stations/voltero-s50-50000mah-pd-100w-pd-30-pps-usb-c-power-bank" style="display: inline-block; background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%); color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 16px;" class="mobile-button">🛒 Order Now</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- Voltero PS6 -->
                <tr>
                    <td style="padding: 40px 30px; border-bottom: 1px solid #e0e0e0;" class="mobile-padding">
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td width="40%" align="center" style="padding-right: 20px; vertical-align: top;" class="mobile-stack mobile-product-img">
                                    <img src="https://offgridsupply.eu/405-large_default/voltero-ps6-600wh-portable-power-station.jpg" alt="Voltero PS6" width="200" style="width: 200px; height: auto; border-radius: 12px;">
                                </td>
                                <td width="60%" align="left" style="vertical-align: top;" class="mobile-stack mobile-product-content">
                                    <h2 style="color: #1a1a1a; font-size: 26px; margin: 0 0 8px 0; font-weight: 700;" class="mobile-subheading">Voltero PS6</h2>
                                    <p style="color: #666666; font-size: 15px; margin: 0 0 18px 0; font-weight: 500;" class="mobile-text">614Wh • 600W AC Output</p>
                                    <p style="color: #4a4a4a; font-size: 15px; line-height: 1.8; margin: 0 0 20px 0;" class="mobile-text">
                                        ✓ AC outlet for appliances<br>
                                        ✓ Solar charging ready<br>
                                        ✓ Perfect for camping
                                    </p>
                                    <div style="margin: 0 0 20px 0;" class="mobile-center">
                                        <span style="text-decoration: line-through; color: #999999; font-size: 16px; margin-right: 12px;" class="mobile-text">Was €399</span>
                                        <span style="color: #d4145a; font-size: 32px; font-weight: 700;" class="mobile-price">€249</span>
                                        <span style="background-color: #00a86b; color: #ffffff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-left: 10px;">-38%</span>
                                    </div>
                                    <div class="mobile-center">
                                        <a href="https://offgridsupply.eu/portable-power-stations/voltero-ps6-600wh-portable-power-station" style="display: inline-block; background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%); color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 16px;" class="mobile-button">🛒 Order Now</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- Premium Banner -->
                <tr>
                    <td align="center" style="background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%); padding: 35px 30px;" class="mobile-padding">
                        <h3 style="color: #ffffff; font-size: 28px; margin: 0 0 10px 0; font-weight: 700; letter-spacing: -0.5px;" class="mobile-subheading">⚡ PREMIUM HOME BATTERIES</h3>
                        <p style="color: #ffffff; font-size: 17px; margin: 0; font-weight: 400;" class="mobile-text">The Ultimate Backup Power Solutions</p>
                    </td>
                </tr>
                
                <!-- Pickup Discount -->
                <tr>
                    <td align="center" style="padding: 25px 30px; background-color: #00a86b;" class="mobile-padding">
                        <p style="color: #ffffff; font-size: 18px; font-weight: 700; margin: 0;" class="mobile-text">🚗 Extra €50 discount when picking up in Eindhoven!</p>
                    </td>
                </tr>
                
                <!-- Bluetti EP500 Pro -->
                <tr>
                    <td style="padding: 40px 30px; background-color: #f8fbff; border-bottom: 1px solid #e0e0e0;" class="mobile-padding">
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td width="40%" align="center" style="padding-right: 20px; vertical-align: top;" class="mobile-stack mobile-product-img">
                                    <img src="https://offgridsupply.eu/159-large_default/bluetti-ep500-pro-power-station.jpg" alt="Bluetti EP500 Pro" width="200" style="width: 200px; height: auto; border-radius: 12px;">
                                </td>
                                <td width="60%" align="left" style="vertical-align: top;" class="mobile-stack mobile-product-content">
                                    <h2 style="color: #1a1a1a; font-size: 26px; margin: 0 0 8px 0; font-weight: 700;" class="mobile-subheading">Bluetti EP500 Pro</h2>
                                    <p style="color: #666666; font-size: 15px; margin: 0 0 18px 0; font-weight: 500;" class="mobile-text">5100Wh • 3000W AC • All-in-One</p>
                                    <p style="color: #4a4a4a; font-size: 15px; line-height: 1.8; margin: 0 0 20px 0;" class="mobile-text">
                                        ✓ 5100Wh capacity<br>
                                        ✓ 3000W continuous output<br>
                                        ✓ UPS function &lt;10ms<br>
                                        ✓ Expandable to 10.68kWh
                                    </p>
                                    <div style="margin: 0 0 20px 0;" class="mobile-center">
                                        <span style="text-decoration: line-through; color: #999999; font-size: 16px; margin-right: 12px;" class="mobile-text">Was €2,379</span>
                                        <span style="color: #d4145a; font-size: 32px; font-weight: 700;" class="mobile-price">€2,079</span>
                                        <span style="background-color: #00a86b; color: #ffffff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-left: 10px;">-13%</span>
                                    </div>
                                    <div class="mobile-center">
                                        <a href="https://offgridsupply.eu/energy-storage-at-home/bluetti-ep500-pro-power-station" style="display: inline-block; background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%); color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 16px;" class="mobile-button">🛒 Order Now</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- Bluetti AC300 + B300K -->
                <tr>
                    <td style="padding: 40px 30px; background-color: #f8fbff;" class="mobile-padding">
                        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0">
                            <tr>
                                <td width="40%" align="center" style="padding-right: 20px; vertical-align: top;" class="mobile-stack mobile-product-img">
                                    <img src="https://offgridsupply.nl/1562-large_default/bluetti-ac300-b300k-power-station-combo.jpg" alt="Bluetti AC300 + B300K" width="200" style="width: 200px; height: auto; border-radius: 12px;">
                                </td>
                                <td width="60%" align="left" style="vertical-align: top;" class="mobile-stack mobile-product-content">
                                    <h2 style="color: #1a1a1a; font-size: 26px; margin: 0 0 8px 0; font-weight: 700;" class="mobile-subheading">Bluetti AC300 + B300K</h2>
                                    <p style="color: #666666; font-size: 15px; margin: 0 0 18px 0; font-weight: 500;" class="mobile-text">2765Wh • 3000W AC • Modular</p>
                                    <p style="color: #4a4a4a; font-size: 15px; line-height: 1.8; margin: 0 0 20px 0;" class="mobile-text">
                                        ✓ 2765Wh starting capacity<br>
                                        ✓ 3000W output<br>
                                        ✓ Expand to 11kWh<br>
                                        ✓ Modular battery system
                                    </p>
                                    <div style="margin: 0 0 20px 0;" class="mobile-center">
                                        <span style="text-decoration: line-through; color: #999999; font-size: 16px; margin-right: 12px;" class="mobile-text">Was €2,149</span>
                                        <span style="color: #d4145a; font-size: 32px; font-weight: 700;" class="mobile-price">€1,599</span>
                                        <span style="background-color: #00a86b; color: #ffffff; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-left: 10px;">-26%</span>
                                    </div>
                                    <div class="mobile-center">
                                        <a href="https://offgridsupply.eu/portable-power-stations/bluetti-ac300-b300k-power-station-combo" style="display: inline-block; background: linear-gradient(135deg, #ff8800 0%, #ff3366 100%); color: #ffffff; text-decoration: none; padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 16px;" class="mobile-button">🛒 Order Now</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <!-- CTA Section -->
                <tr>
                    <td align="center" style="padding: 45px 30px; background-color: #0057a7;" class="mobile-padding">
                        <h3 style="color: #ffffff; font-size: 28px; margin: 0 0 18px 0; font-weight: 700;" class="mobile-subheading">⏰ Limited Time Only!</h3>
                        <p style="color: #e6f2ff; font-size: 17px; line-height: 1.7; margin: 0 0 25px 0; max-width: 480px;" class="mobile-text">Don't miss these incredible Black Friday deals. Stock is limited and these prices won't last!</p>
                        <a href="https://energieopslag040.nl/en/black-friday-newsletter" style="display: inline-block; background-color: #ff8800; color: #ffffff; text-decoration: none; padding: 16px 40px; border-radius: 8px; font-weight: 700; font-size: 18px; box-shadow: 0 4px 12px rgba(0,0,0,0.2);" class="mobile-button">🔥 Shop All Deals</a>
                    </td>
                </tr>
                
                <!-- Footer -->
                <tr>
                    <td align="center" style="padding: 40px 30px; background-color: #f5f5f5; border-top: 4px solid #0057a7;" class="mobile-padding">
                        <p style="color: #1a1a1a; font-size: 18px; margin: 0 0 20px 0; font-weight: 700;" class="mobile-subheading">Off Grid Supply BV / energieopslag040.nl</p>
                        <p style="color: #666666; font-size: 15px; line-height: 1.8; margin: 0 0 20px 0;" class="mobile-text">
                            📍 Steenoven 6D, 5626 DK Eindhoven, Netherlands<br>
                            📞 +31 40 209 2324<br>
                            📧 info@offgridsupply.nl<br>
                            🌐 <a href="https://www.offgridsupply.nl" style="color: #0057a7; text-decoration: none; font-weight: 500;">www.offgridsupply.nl</a>
                        </p>
                        <p style="color: #999999; font-size: 13px; margin: 0; line-height: 1.6;">
                            © 2024 Off Grid Supply BV. All rights reserved.<br>
                            <a href="{{unsubscribe}}" style="color: #999999; text-decoration: underline;">Unsubscribe</a>
                        </p>
                    </td>
                </tr>
                
            </table>
            
        </td>
    </tr>
</table>

</body>
</html>

📝 Instructions:

  1. Copy all the HTML code above (scroll to see everything)
  2. For Brevo: Go to Campaigns → Create a campaign → Choose "Custom HTML" → Paste the code
  3. For Mailchimp: Create Campaign → Choose "Code your own" → Paste the code
  4. The {{unsubscribe}} tag will automatically work in both platforms
  5. Test your email by sending a test to yourself before sending to your list

✅ Email-Optimized Features:

  • Table-based layout for maximum email client compatibility
  • Inline CSS styles (no external stylesheets needed)
  • 600px width (optimal for most email clients)
  • All product images linked directly
  • Working links to your product pages
  • Mobile-responsive design