Forsendelsesbekræftelse / Rotella

 avatar
unknown
html
10 months ago
11 kB
9
No Index
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" style="color-scheme: white;">
<head>
  <meta charset="utf-8">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
  <meta name="color-scheme" content="white">
  <meta name="supported-color-schemes" content="white">
  <!--[if mso]>
  <noscript>
    <xml>
      <o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  </noscript>
  <style>
    td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
  </style>
  <![endif]-->    <title>Din ordre er afsendt fra SmartPack.dk</title>
  <style>:root {
  color-scheme: white;
}
.hover-text-decoration-underline:hover {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .sm-block {
    display: block !important;
  }
  .sm-hidden {
    display: none !important;
  }
  .sm-w-full {
    width: 100% !important;
  }
  .sm-py-8 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .sm-px-6 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .sm-text-6xl {
    font-size: 60px !important;
  }
}</style></head>
<body style="word-break: break-word; -webkit-font-smoothing: antialiased; margin: 0; width: 100%; background-color: #f5f5f5; padding: 0">    <div style="display: none">
      Vi har nu pakket din ordre, og den vil blive afsendt inden længe.
      &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847; &#847;
    </div>
  <div role="article" aria-roledescription="email" aria-label="Din ordre er afsendt fra {{ Sender.name }}" lang="en">    <table style="width: 100%; font-family: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif" cellpadding="0" cellspacing="0" role="presentation">
      <tr>
        <td align="center">
          <table class="sm-w-full" style="width: 700px" cellpadding="0" cellspacing="0" role="presentation">
            <tr>
              <td class="sm-py-8 sm-px-6" style="padding: 48px; text-align: center">
                <a href="https://smartpack.dk">
                    <img style="width: 30%" src="https://i.imgur.com/xXq5TcN_d.webp?maxwidth=760&fidelity=grand" alt="SmartPack.dk" />
                </a>
              </td>
            </tr>
            <tr>
              <td align="center" class="sm-px-6">
                <table style="width: 100%" cellpadding="0" cellspacing="0" role="presentation">
                  <tr>
                    <td class="sm-px-6" style="border-radius: 4px; background-color: #fff; padding: 48px; text-align: left; font-size: 16px; line-height: 24px; color: #334155; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05)">
                      <p style="text-align: center">
                        {% assign firstname = Recipient.name | split: " " %}
                        {% assign attFirstname = Recipient.attention | split: " " %}
                        {% if Recipient.attention == "" %}
                        Kære {{ firstname | slice: 0 }},
                        {% else %}
                        Kære {{ attFirstname | slice: 0 }},
                        {% endif %}
                      </p>
                      <p style="text-align: center">
                        Mange tak for din bestilling på <span style="font-weight: 600">{{ Sender.name }}</span>. Vi er er glade for at kunne informere dig om at din ordre nu er pakket og inden længe vil blive afsendt.
                      </p>
                      <table style="padding-top: 16px; padding-bottom: 16px" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                        {% for package in packages -%}
                          <td>
                            <a href="{{ package.trackingUrl }}" style="border-radius: 9999px; background-color: #0f0f0f; padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; font-weight: 700; color: white; text-decoration-line: none">#{{ package.trackingNumber}}</a>
                          </td>
                        {% endfor %}
                        </tr>
                      </table>
                      <table role="separator" style="width: 100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td style="padding-top: 32px; padding-bottom: 32px">
                            <div style="height: 1px; background-color: #e2e8f0; line-height: 1px">&zwnj;</div>
                          </td>
                        </tr>
                      </table>
                      <p style="font-size: 20px; font-weight: 700">Opsumering:</p>
                      <table style="width: 100%; color: #111827" cellpadding="0" cellspacing="0" role="presentation">
                        <tr>
                          <td style="width: 50%">
                            <p style="font-weight: 600">Emailadresse</p>
                            <a href="mailto:{{ Recipient.email }}">{{ Recipient.email }}</a>
                            <p style="padding-top: 8px; font-weight: 600">Ordrenr.</p>
                            <p>{{ referenceNo }}</p>
                            <p style="padding-top: 8px; font-weight: 600">Tracking links</p>
                            {% for package in packages -%}
                              <a href="{{ package.trackingUrl }}">#{{ package.trackingNumber }}</a>
                            {% endfor %}
                          </td>
                          <td class="sm-hidden">
                            <p style="font-weight: 600">Transportør</p>
                            <p>{{ packages.first.deliveryMethod.shortName }}</p>
                            <p style="padding-top: 8px; font-weight: 600">Leveringsadresse</p>
                            <p>{{ Recipient.name }}</p>
                            <p>{{ Recipient.street1 }}</p>
                            <p>{{ Recipient.country }}-{{ Recipient.zipcode }} {{ Recipient.city }}</p>
                          </td>
                        </tr>
                        <tr class="sm-block" style="display: none">
                          <td>
                            <p style="font-weight: 600">Transportør</p>
                            <p>{{ packages.first.deliveryMethod.shortName }}</p>
                            <p style="padding-top: 8px; font-weight: 600">Leveringsadresse</p>
                            <p>{{ Recipient.name }}</p>
                            <p>{{ Recipient.street1 }}</p>
                            <p>{{ Recipient.city }}, {{ Recipient.country }}-{{ Recipient.zipcode }}</p>
                          </td>
                        </tr>
                      </table>
                      <table role="separator" style="width: 100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td style="padding-top: 32px; padding-bottom: 32px">
                            <div style="height: 1px; background-color: #e2e8f0; line-height: 1px">&zwnj;</div>
                          </td>
                        </tr>
                      </table>
                      <p style="font-size: 20px; font-weight: 700">Varer i pakken:</p>
                      <table style="width: 100%; color: #111827" cellpadding="0" cellspacing="0" role="presentation">
                        {% for line in lines -%}
                        <tr>
                          <td>
                            {{ line.qty }} x {{ line.description }}
                          </td>
                        </tr>
                        {% endfor -%}
                      </table>
                      <table role="separator" style="width: 100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td style="padding-top: 32px; padding-bottom: 32px">
                            <div style="height: 1px; background-color: #FFFFFF; line-height: 1px">&zwnj;</div>
                          </td>
                        </tr>
                      </table>
                      <p style="text-align: center; font-size: 30px; font-weight: 700">Hvad så nu?</p>
                      <p style="text-align: center">
                        {{ packages.first.deliveryMethod.shortName }} vil inden længe afhente din pakke,
                         og vil derefter på hurtig og sikker vis levere den til den valgte leveringsadresse.
                      </p>
                      <p style="text-align: center">Skulle du have nogle spørgsmål eller bekymringer så tøv ikke med at kontakte os.</p>
                      <p style="text-align: center"><a href="mailto:{{ Sender.email }}">{{ Sender.email }}</a> &bull; <a href="tel:{{ Sender.phone }}">{{ Sender.phone }}</a></p>
                      <table role="separator" style="width: 100%" cellpadding="0" cellspacing="0">
                        <tr>
                          <td style="padding-top: 32px; padding-bottom: 32px">
                            <div style="height: 1px; background-color: #ffffff; line-height: 1px">&zwnj;</div>
                          </td>
                        </tr>
                      </table>
                      <p style="text-align: center; font-size: 14px">{{ Sender.name }} &bull; {{ sender.street1 }} &bull; {{ Sender.country }}-{{ Sender.zipcode }} &bull; {{ Sender.city }}</p>
                    </td>
                  </tr>
                  <tr role="separator">
                    <td style="height: 48px"></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
</body>
</html>
Editor is loading...