<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Promotional Offer | Email Template</title>
    <meta
      name="description"
      content="Promote your offers like a pro with our high-converting emailer! Showcase irresistible deals, standout features, and bonus discounts in a sleek, professional design."
    />
  </head>
  <body style="margin: 0; padding: 0; background-color: #ff9b12">
	<center>
    <table
      cellpadding="0"
      cellspacing="0"
      border="0"
      width="100%"
      style="background-color: #ff9b12"
    >
      <tr>
        <td align="center" style="padding: 20px">
          <table
            cellpadding="0"
            cellspacing="0"
            border="0"
            max-width="600"
            style="
              background-color: #000000;
              background-image: linear-gradient(
                225deg,
                #ed7b1b 2%,
                #000000 12%
              );
              border-radius: 8px;
            "
          >
            <!-- MSO conditional for Outlook -->
            <!--[if gte mso 9]>
            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
              <v:fill type="gradient" color="#000000" color2="#ff9b12" angle="225"/>
              <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
            <![endif]-->

            <!-- Header -->
            <tr>
              <td align="center" style="padding: 30px 20px 10px 20px">
                <p
                  style="
                    font-family: Arial, sans-serif;
                    color: #ffffff;
                    font-size: 24px;
                    margin: 0;
                  "
                >
                  APPLEE
                </p>
              </td>
            </tr>

            <!-- Updated Image Placeholder -->
            <tr>
              <td align="center" style="padding: 20px">
                <img
                  src="black-friday-text.png"
                  alt="Promotional Offer Emailer Image"
                  style="width: 300px; height: 400px"
                />
              </td>
            </tr>

            <!-- Promotion Text -->
            <tr>
              <td align="center" style="padding: 20px">
                <p
                  style="
                    font-family: Arial, sans-serif;
                    color: #ffffff;
                    font-size: 18px;
                    line-height: 1.5;
                    margin: 0;
                  "
                >
                  We are celebrating Black Friday with a
                  <span style="font-weight: bold">40%</span><br />
                  discount on our site. Use promo code
                  <span style="color: #ff9b12; font-weight: bold">APPLEE40</span
                  ><br />
                  on your checkout. Have a great weekend!
                </p>
              </td>
            </tr>

            <!-- Separator before Latest Deals -->
            <tr>
              <td align="center" style="padding: 20px">
                <hr
                  style="
                    border: none;
                    height: 1px;
                    background-color: rgba(255, 255, 255, 0.2);
                    width: 100%;
                    max-width: 500px;
                  "
                />
              </td>
            </tr>

            <!-- Latest Deals Section -->
            <tr>
              <td align="center" style="padding: 20px">
                <table
                  cellpadding="0"
                  cellspacing="0"
                  border="0"
                  width="100%"
                  style="max-width: 500px"
                >
                  <tr>
                    <td align="center" style="padding-bottom: 30px">
                      <h2
                        style="
                          font-family: Arial, sans-serif;
                          color: #ffffff;
                          font-size: 36px;
                          font-weight: bold;
                          margin: 0;
                        "
                      >
                        Latest Deals
                      </h2>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        width="100%"
                        style="
                          background-color: #1a1a1a;
                          border-radius: 12px;
                          padding: 30px 20px;
                          text-align: center;
                        "
                      >
                        <tr>
                          <td width="150" valign="top">
                            <img
                              src="processed_apple-watch-ai-gen.webp"
                              alt="Jabra Elite 75t"
                              width="140"
                              height="140"
                              style="display: block"
                            />
                          </td>
                          <td width="290" valign="top">
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 22px;
                                margin: 0 0 10px 0;
                              "
                            >
                              Jabra Elite 75t
                            </h3>
                            <h6
                              style="
                                font-family: Arial, sans-serif;
                                color: #ff9b12;
                                font-size: 20px;
                                font-weight: bold;
                                margin: 0 0 10px 0;
                              "
                            >
                              $120
                            </h6>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #cccccc;
                                font-size: 14px;
                                line-height: 1.4;
                                margin: 0 0 15px 0;
                              "
                            >
                              Super comfortable lightweight design,<br />with up
                              to 25 hours of battery life.
                            </p>
                            <div
                              style="
                                background-color: #ffffff;
                                border-radius: 20px;
                                padding: 8px 20px;
                                display: inline-block;
                              "
                            >
                              <a
                                href="#"
                                style="
                                  font-family: Arial, sans-serif;
                                  color: #000000;
                                  font-size: 14px;
                                  text-decoration: none;
                                "
                                >Buy Now</a
                              >
                            </div>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <!-- Second Deal -->
                  <tr>
                    <td style="padding-top: 20px">
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        width="100%"
                        style="
                          background-color: #1a1a1a;
                          border-radius: 12px;
                          padding: 30px 20px;
                          text-align: center;
                        "
                      >
                        <tr>
                          <td width="290" valign="top">
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 22px;
                                margin: 0 0 10px 0;
                              "
                            >
                              Apple AirPods
                            </h3>
                            <h6
                              style="
                                font-family: Arial, sans-serif;
                                color: #ff9b12;
                                font-size: 20px;
                                font-weight: bold;
                                margin: 0 0 10px 0;
                              "
                            >
                              $150
                            </h6>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #cccccc;
                                font-size: 14px;
                                line-height: 1.4;
                                margin: 0 0 15px 0;
                              "
                            >
                              Experience advanced noise cancellation,<br />up to
                              25 hours of battery life.
                            </p>
                            <div
                              style="
                                background-color: #ffffff;
                                border-radius: 20px;
                                padding: 8px 20px;
                                display: inline-block;
                              "
                            >
                              <a
                                href="#"
                                style="
                                  font-family: Arial, sans-serif;
                                  color: #000000;
                                  font-size: 14px;
                                  text-decoration: none;
                                "
                                >Buy Now</a
                              >
                            </div>
                          </td>
                          <td width="150" valign="top">
                            <img
                              src="processed_apple-watch-ai-gen.webp"
                              alt="Apple AirPods"
                              width="140"
                              height="140"
                              style="display: block"
                            />
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <!-- End second deal -->
                  <!-- Third Deal -->
                  <tr>
                    <td style="padding-top: 20px">
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        width="100%"
                        style="table-layout: fixed"
                      >
                        <tr>
                          <!-- Left Product -->
                          <td
                            width="45%"
                            valign="top"
                            style="padding-right: 10px"
                          >
                            <table
                              cellpadding="0"
                              cellspacing="0"
                              border="0"
                              width="100%"
                              height="100%"
                              style="
                                background-color: #1a1a1a;
                                border-radius: 12px;
                                padding: 30px 20px;
                                text-align: center;
                              "
                            >
                              <tr>
                                <td
                                  align="center"
                                  style="height: 140px; vertical-align: middle"
                                >
                                  <img
                                    src="processed_apple-watch-ai-gen.webp"
                                    alt="Sony WH-100"
                                    width="140"
                                    height="140"
                                    style="display: block; margin: 0 auto"
                                  />
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="padding-top: 15px">
                                  <h3
                                    style="
                                      font-family: Arial, sans-serif;
                                      color: #ffffff;
                                      font-size: 22px;
                                      margin: 0 0 10px 0;
                                    "
                                  >
                                    Sony WH-100
                                  </h3>
                                  <h6
                                    style="
                                      font-family: Arial, sans-serif;
                                      color: #ff9b12;
                                      font-size: 20px;
                                      font-weight: bold;
                                      margin: 0 0 10px 0;
                                    "
                                  >
                                    $199
                                  </h6>
                                  <p
                                    style="
                                      font-family: Arial, sans-serif;
                                      color: #cccccc;
                                      font-size: 14px;
                                      line-height: 1.4;
                                      margin: 0 0 15px 0;
                                    "
                                  >
                                    Premium noise cancellation,<br />up to 30
                                    hours of battery life.
                                  </p>
                                  <div
                                    style="
                                      background-color: #ffffff;
                                      border-radius: 20px;
                                      padding: 8px 20px;
                                      display: inline-block;
                                    "
                                  >
                                    <a
                                      href="#"
                                      style="
                                        font-family: Arial, sans-serif;
                                        color: #000000;
                                        font-size: 14px;
                                        text-decoration: none;
                                      "
                                      >Buy Now</a
                                    >
                                  </div>
                                </td>
                              </tr>
                            </table>
                          </td>
                          <!-- Right Product -->
                          <td
                            width="45%"
                            valign="top"
                            style="padding-left: 10px"
                          >
                            <table
                              cellpadding="0"
                              cellspacing="0"
                              border="0"
                              width="100%"
                              height="100%"
                              style="
                                background-color: #1a1a1a;
                                border-radius: 12px;
                                padding: 30px 20px;
                                text-align: center;
                              "
                            >
                              <tr>
                                <td
                                  align="center"
                                  style="height: 140px; vertical-align: middle"
                                >
                                  <img
                                    src="processed_apple-watch-ai-gen.webp"
                                    alt="Bose QC45"
                                    width="140"
                                    height="140"
                                    style="display: block; margin: 0 auto"
                                  />
                                </td>
                              </tr>
                              <tr>
                                <td align="center" style="padding-top: 15px">
                                  <h3
                                    style="
                                      font-family: Arial, sans-serif;
                                      color: #ffffff;
                                      font-size: 22px;
                                      margin: 0 0 10px 0;
                                    "
                                  >
                                    Bose QC45
                                  </h3>
                                  <h6
                                    style="
                                      font-family: Arial, sans-serif;
                                      color: #ff9b12;
                                      font-size: 20px;
                                      font-weight: bold;
                                      margin: 0 0 10px 0;
                                    "
                                  >
                                    $279
                                  </h6>
                                  <p
                                    style="
                                      font-family: Arial, sans-serif;
                                      color: #cccccc;
                                      font-size: 14px;
                                      line-height: 1.4;
                                      margin: 0 0 15px 0;
                                    "
                                  >
                                    World-class noise cancellation,<br />with
                                    exceptional comfort.
                                  </p>
                                  <div
                                    style="
                                      background-color: #ffffff;
                                      border-radius: 20px;
                                      padding: 8px 20px;
                                      display: inline-block;
                                    "
                                  >
                                    <a
                                      href="#"
                                      style="
                                        font-family: Arial, sans-serif;
                                        color: #000000;
                                        font-size: 14px;
                                        text-decoration: none;
                                      "
                                      >Buy Now</a
                                    >
                                  </div>
                                </td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <!-- End third deal -->
                </table>
              </td>
            </tr>

            <!-- Features Section -->
            <tr>
              <td align="center" style="padding: 40px 20px">
                <table
                  cellpadding="0"
                  cellspacing="0"
                  border="0"
                  width="100%"
                  style="max-width: 500px"
                >
                  <tr>
                    <td align="center" style="padding-bottom: 30px">
                      <p
                        style="
                          font-family: Arial, sans-serif;
                          color: #ffffff;
                          font-size: 36px;
                          font-weight: bold;
                          margin: 0;
                        "
                      >
                        Our Features
                      </p>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        width="100%"
                      >
                        <tr>
                          <!-- First Feature -->
                          <td
                            width="50%"
                            align="center"
                            style="
                              padding: 15px;
                              border-right: 1px solid rgba(255, 255, 255, 0.2);
                              border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                            "
                          >
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #ff9b12;
                                font-size: 42px;
                                font-weight: bold;
                                margin: 0 0 5px 0;
                              "
                            >
                              150+
                            </h3>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 14px;
                                margin: 0;
                              "
                            >
                              Products added
                            </p>
                          </td>
                          <!-- Second Feature -->
                          <td
                            width="50%"
                            align="center"
                            style="
                              padding: 15px;
                              border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                            "
                          >
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #ff9b12;
                                font-size: 42px;
                                font-weight: bold;
                                margin: 0 0 5px 0;
                              "
                            >
                              #1
                            </h3>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 14px;
                                margin: 0;
                              "
                            >
                              Top appstore product
                            </p>
                          </td>
                        </tr>
                        <tr>
                          <!-- Third Feature -->
                          <td
                            width="50%"
                            align="center"
                            style="
                              padding: 15px;
                              border-right: 1px solid rgba(255, 255, 255, 0.2);
                            "
                          >
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #ff9b12;
                                font-size: 42px;
                                font-weight: bold;
                                margin: 0 0 5px 0;
                              "
                            >
                              &gt;1m
                            </h3>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 14px;
                                margin: 0;
                              "
                            >
                              User downloads
                            </p>
                          </td>
                          <!-- Fourth Feature -->
                          <td width="50%" align="center" style="padding: 15px">
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #ff9b12;
                                font-size: 42px;
                                font-weight: bold;
                                margin: 0 0 5px 0;
                              "
                            >
                              100%
                            </h3>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 14px;
                                margin: 0;
                              "
                            >
                              Authentic products
                            </p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>

            <!-- New User Deals Section -->
            <tr>
              <td align="center" style="padding: 20px">
                <table
                  cellpadding="0"
                  cellspacing="0"
                  border="0"
                  width="100%"
                  style="max-width: 500px"
                >
                  <!--[if gte mso 9]>
                  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:500px;">
                    <v:fill type="gradient" color="#FF8C00" color2="#FF1493" angle="0"/>
                    <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
                  <![endif]-->
                  <tr>
                    <td
                      style="
                        background: linear-gradient(
                          90deg,
                          #ff8c00 0%,
                          #ff1493 100%
                        );
                        border-radius: 12px;
                        padding: 30px;
                        padding-bottom: 0px;
                      "
                    >
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        width="100%"
                      >
                        <tr>
                          <!-- Left Content -->
                          <td width="70%" style="vertical-align: top">
                            <h3
                              style="
                                font-family: Arial, sans-serif;
                                color: #000000;
                                font-size: 28px;
                                font-weight: bold;
                                margin: 15px 0 5px 0;
                              "
                            >
                              New User Deal
                            </h3>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #000000;
                                font-size: 14px;
                                margin: 0 0 15px 0;
                              "
                            >
                              Use app for extra discount
                            </p>
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #000000;
                                font-size: 54px;
                                font-weight: bold;
                                margin: 0 0 15px 0;
                                line-height: 1;
                              "
                            >
                              25% OFF
                            </p>
                            <!-- Download Button -->
                            <div
                              style="
                                background-color: #ffffff;
                                border-radius: 20px;
                                padding: 8px 20px;
                                display: inline-block;
                              "
                            >
                              <a
                                href="#"
                                style="
                                  font-family: Arial, sans-serif;
                                  color: #000000;
                                  font-size: 14px;
                                  text-decoration: none;
                                "
                                >Download now</a
                              >
                            </div>
                          </td>
                          <!-- Right Content (Phone Image) -->
                          <td width="30%" style="vertical-align: bottom">
                            <img
                              src="mockup.png"
                              alt="Appleee Mobile App"
                              width="150"
                              height="240"
                              style="display: block; margin-left: auto"
                            />
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  <!--[if gte mso 9]>
                    </v:textbox>
                  </v:rect>
                  <![endif]-->
                </table>
              </td>
            </tr>

            <!--[if gte mso 9]>
              </v:textbox>
              </v:rect>
            <![endif]-->

            <!-- Footer Section -->
            <tr>
              <td
                align="center"
                style="padding: 40px 20px; background-color: #000000"
              >
                <table
                  cellpadding="0"
                  cellspacing="0"
                  border="0"
                  width="100%"
                  style="max-width: 500px"
                >
                  <!-- Top Footer Section -->
                  <tr>
                    <td>
                      <table
                        cellpadding="0"
                        cellspacing="0"
                        border="0"
                        width="100%"
                      >
                        <tr>
                          <!-- Left Column (Logo & Store Buttons) -->
                          <td
                            width="50%"
                            align="left"
                            style="vertical-align: top"
                          >
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 24px;
                                margin: 0 0 20px 0;
                              "
                            >
                              APPLEE
                            </p>
                            <a
                              href="#"
                              style="
                                display: inline-block;
                                margin-right: 5px;
                                background-color: #ffffff;
                                color: #000000;
                                padding: 8px 10px;
                                border-radius: 4px;
                                text-decoration: none;
                                font-family: Arial, sans-serif;
                                font-size: 14px;
                                line-height: 1.4;
                                vertical-align: middle;
                                margin-bottom: 5px;
                              "
                            >
                              <img
                                src="https://img.icons8.com/?size=100&id=22982&format=png&color=000000"
                                alt="Google Play Icon"
                                width="20"
                                height="20"
                                style="
                                  vertical-align: middle;
                                  margin-right: 2px;
                                "
                              />
                              Google Play
                            </a>
                            <a
                              href="#"
                              style="
                                display: inline-block;
                                margin-right: 5px;
                                background-color: #ffffff;
                                color: #000000;
                                padding: 8px 10px;
                                border-radius: 4px;
                                text-decoration: none;
                                font-family: Arial, sans-serif;
                                font-size: 14px;
                                line-height: 1.4;
                                vertical-align: middle;
                                margin-bottom: 5px;
                              "
                            >
                              <img
                                src="https://img.icons8.com/?size=100&id=0Po6oGxTbXFk&format=png&color=000000"
                                alt="Google Play Icon"
                                width="20"
                                height="20"
                                style="
                                  vertical-align: middle;
                                  margin-right: 2px;
                                "
                              />
                              App Store
                            </a>
                          </td>
                          <!-- Right Column (Text) -->
                          <td
                            width="50%"
                            align="left"
                            style="vertical-align: top; padding-left: 20px"
                          >
                            <p
                              style="
                                font-family: Arial, sans-serif;
                                color: #ffffff;
                                font-size: 14px;
                                line-height: 1.4;
                                margin: 0;
                              "
                            >
                              Download APPLEE app on playstore and appstore to
                              receive monthly promos and updates.
                            </p>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>

                  <!-- Separator -->
                  <tr>
                    <td style="padding: 20px 0">
                      <div
                        style="
                          height: 1px;
                          background-color: rgba(255, 255, 255, 0.2);
                        "
                      ></div>
                    </td>
                  </tr>

                  <!-- Bottom Footer Section -->
                  <tr>
                    <td align="center">
                      <!-- Social Media Icons -->
                      <div style="margin-bottom: 20px">
                        <a
                          href="#"
                          style="display: inline-block; margin: 0 10px"
                        >
                          <img
                            src="https://img.icons8.com/?size=100&id=32292&format=png&color=ffffff"
                            alt="Instagram"
                            width="24"
                            height="24"
                            style="display: block"
                          />
                        </a>
                        <a
                          href="#"
                          style="display: inline-block; margin: 0 10px"
                        >
                          <img
                            src="https://img.icons8.com/?size=100&id=437&format=png&color=ffffff"
                            alt="Twitter icon"
                            width="24"
                            height="24"
                          />
                        </a>
                        <a
                          href="#"
                          style="display: inline-block; margin: 0 10px"
                        >
                          <img
                            src="https://img.icons8.com/?size=100&id=37325&format=png&color=ffffff"
                            alt="YouTube"
                            width="24"
                            height="24"
                            style="display: block"
                          />
                        </a>
                      </div>
                      <!-- Unsubscribe Text -->
                      <p
                        style="
                          font-family: Arial, sans-serif;
                          color: #ffffff;
                          font-size: 12px;
                          margin: 0;
                        "
                      >
                        Don't want to receive this email?
                        <a
                          href="#"
                          style="color: #ff9b12; text-decoration: underline"
                          >Unsubscribe</a
                        >
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </center>
</body>
</html>
