Kezdőlap Felfedezés Súgó
Bejelentkezés
tigerphp
/
snyder
4
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Forráskód Böngészése

email

Peter Muturi 2 éve
szülő
63b5171ce1
commit
ce025e9778
2 módosított fájl, 367 hozzáadás és 18 törlés
Osztott Nézet Diff Statisztika Mutatása
  1. 367 18
      email-signature.html
  2. BIN
      public/img/logo.png

+ 367 - 18
email-signature.html
Fájl Megtekintése 

@@ -1,21 +1,370 @@
 
-<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
 
-    <tbody>
 
-        <tr style="border-bottom:3px solid #1C3D80;">
 
-            <td style="padding:15px;">
 
-                <img src="https://hemband.com/img/logo.svg" alt="">
 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
+<html xmlns="http://www.w3.org/1999/xhtml" style="color-scheme: light dark; supported-color-schemes: light dark;">
 
+<head>
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <meta name="x-apple-disable-message-reformatting">
 
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
+    <meta name="color-scheme" content="light dark">
 
+    <meta name="supported-color-schemes" content="light dark">
 
+    <title></title>    <style type="text/css" rel="stylesheet" media="all">
 
+    /* Base ------------------------------ */
 
+
 
+    @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap');
 
+    body {
 
+        width: 100% !important;
 
+        height: 100%;
 
+        margin: 0;
 
+        -webkit-text-size-adjust: none;
 
+    }
 
+
 
+    a {
 
+        color: #3869D4;
 
+    }
 
+
 
+    a img {
 
+        border: none;
 
+    }
 
+
 
+    td {
 
+        word-break: break-word;
 
+    }
 
+
 
+    .preheader {
 
+        display: none !important;
 
+        visibility: hidden;
 
+        mso-hide: all;
 
+        font-size: 1px;
 
+        line-height: 1px;
 
+        max-height: 0;
 
+        max-width: 0;
 
+        opacity: 0;
 
+        overflow: hidden;
 
+    }
 
+    /* Type ------------------------------ */
 
+
 
+    body,
 
+    td,
 
+    th {
 
+        font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;
 
+    }
 
+
 
+    h1 {
 
+        margin-top: 0;
 
+        color: #333333;
 
+        font-size: 22px;
 
+        font-weight: bold;
 
+        text-align: left;
 
+    }
 
+
 
+    h2 {
 
+        margin-top: 0;
 
+        color: #333333;
 
+        font-size: 16px;
 
+        font-weight: bold;
 
+        text-align: left;
 
+    }
 
+
 
+    h3 {
 
+        margin-top: 0;
 
+        color: #333333;
 
+        font-size: 16px;
 
+        font-weight: bold;
 
+        text-align: left;
 
+    }
 
+
 
+    td,
 
+    th {
 
+        font-size: 16px;
 
+        color: #333333;
 
+    }
 
+
 
+    ul,
 
+    ol,
 
+    blockquote {
 
+        margin: .4em 0 1.1875em;
 
+        font-size: 16px;
 
+        line-height: 1.625;
 
+    }
 
+
 
+    p {
 
+        margin: .4em 0 1.1875em;
 
+        line-height: 1.625;
 
+    }
 
+    /* Utilities ------------------------------ */
 
+
 
+    .align-right {
 
+        text-align: right;
 
+    }
 
+
 
+    .align-left {
 
+        text-align: left;
 
+    }
 
+
 
+    .align-center {
 
+        text-align: center;
 
+    }
 
+    /* Buttons ------------------------------ */
 
+
 
+    .button {
 
+        display: inline-block;
 
+        text-decoration: none;
 
+        border-radius: 3px;
 
+        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
 
+        -webkit-text-size-adjust: none;
 
+        box-sizing: border-box;
 
+    }
 
+
 
+    @media only screen and (max-width: 500px) {
 
+        .button {
 
+            width: 100% !important;
 
+            text-align: center !important;
 
+        }
 
+    }
 
+    /* Attribute list ------------------------------ */
 
+
 
+    .attributes {
 
+        margin: 0 0 21px;
 
+    }
 
+
 
+    .attributes_content {
 
+        background-color: #F4F4F7;
 
+        padding: 16px;
 
+    }
 
+
 
+    .attributes_item {
 
+        padding: 0;
 
+        vertical-align: top;
 
+    }
 
+
 
+    /* Data table ------------------------------ */
 
+
 
+    .table_wrapper {
 
+        width: 100%;
 
+        margin: 0;
 
+    }
 
+
 
+    .table_item {
 
+        padding: 10px 0;
 
+        color: #51545E;
 
+        font-size: 15px;
 
+        line-height: 18px;
 
+    }
 
+
 
+    .table_heading {
 
+        padding-bottom: 8px;
 
+        border-bottom: 1px solid #EAEAEC;
 
+    }
 
+
 
+    .table_heading p {
 
+        margin: 0;
 
+        color: #85878E;
 
+        font-size: 12px;
 
+    }
 
+
 
+    body {
 
+        background-color: #F4F4F7;
 
+        color: #51545E;
 
+    }
 
+
 
+    p {
 
+        color: #51545E;
 
+    }
 
+
 
+    p.sub {
 
+        color: #6B6E76;
 
+    }
 
+
 
+    .email-wrapper {
 
+        width: 100%;
 
+        margin: 0;
 
+        padding: 0;
 
+        background-color: #F4F4F7;
 
+    }
 
+
 
+    .email-content {
 
+        margin: 0;
 
+        padding: 0;
 
+    }
 
+    /* Masthead ----------------------- */
 
+
 
+    .email-masthead {
 
+        padding: 25px;
 
+    }
 
+
 
+    .email-masthead_name {
 
+        font-size: 16px;
 
+        font-weight: bold;
 
+        color: #A8AAAF;
 
+        text-decoration: none;
 
+        text-shadow: 0 1px 0 white;
 
+    }
 
+    /* Body ------------------------------ */
 
+
 
+    .email-body {
 
+        margin: 0;
 
+        padding: 0;
 
+        background-color: #FFFFFF;
 
+    }
 
+
 
+    .email-body_inner {
 
+        width: 650px;
 
+        margin: 0 auto;
 
+        padding: 0;
 
+        background-color: #FFFFFF;
 
+    }
 
+
 
+    .email-footer {
 
+        width: 650px;
 
+        margin: 0 auto;
 
+        padding: 0;
 
+        text-align: center;
 
+    }
 
+
 
+    .email-footer p {
 
+        color: #6B6E76;
 
+    }
 
+
 
+    .email-footer a {
 
+        color: #6B6E76;
 
+        text-decoration: underline;
 
+    }
 
+
 
+    .body-action {
 
+        width: 100%;
 
+        margin: 30px auto;
 
+        padding: 0;
 
+        text-align: center;
 
+    }
 
+
 
+    .body-image {
 
+        width: 100%;
 
+        padding: 0;
 
+    }
 
+
 
+    .body-side-image {
 
+        width: 100%;
 
+        padding: 0;
 
+    }
 
+
 
+    .body-gallery {;
 
+        padding: 0;
 
+    }
 
+
 
+    .body-side-image p,
 
+    .body-gallery p {
 
+        color: #51545E;
 
+        margin: .4em 0 .4em;
 
+        line-height: 1.325;
 
+    }
 
+
 
+    .body-sub {
 
+        margin-top: 25px;
 
+        padding-top: 25px;
 
+        border-top: 1px solid #EAEAEC;
 
+    }
 
+
 
+    .content-cell {
 
+        padding: 35px;
 
+    }
 
+    /*Media Queries ------------------------------ */
 
+
 
+    @media only screen and (max-width: 600px) {
 
+        .email-body_inner,
 
+        .email-footer {
 
+            width: 100% !important;
 
+        }
 
+    }
 
+</style>
 
+    <!--[if mso]>
 
+    <style type="text/css">
 
+        .f-fallback  {
 
+            font-family: Arial, sans-serif;
 
+        }
 
+    </style>
 
+    <![endif]-->
 
+</head>
 
+<body style="background-color: #F4F4F7; color: #51545E; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif;">
 
+  <table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0; padding: 0;" border="0" bgcolor="#F4F4F7">
 
+    <tr>
 
+      <td align="center" style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 16px; word-break: break-word;">
 
+        <table width="650" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0; padding: 0;" border="0">
 
+          <tr>
 
+            <td style="padding: 25px 0;" align="center">
 
+
 
             </td>
 
-        </tr>
 
-        <tr style="border-bottom:3px solid #1C3D80;">
 
-            <td style="padding: 15px;">
 
-                <h1 style="color: #1c3D80; text-align:center;font-size: 35px;">Introducing the NEW Adler Hemorrhoid Ligator!</h1>
 
-                <h2 style="color: #333;text-align:center;font-size:28px;">The quality you have come to expect at a fraction of the cost:</h2>
 
+          </tr>
 
+          <!-- Email Body -->
 
+          <tr>
 
+            <td width="650" cellpadding="0" cellspacing="0" style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 16px; margin: 0; padding: 0; word-break: break-word;" bgcolor="#FFFFFF">
 
+              <table align="center" width="650" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto; padding: 0;" border="0" bgcolor="#FFFFFF">
 
+                <!-- Body content -->
 
+                <tr>
 
+                  <td style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 16px; padding: 25px 45px; word-break: break-word; border-bottom:2px solid #1C3C80">
 
+                    <img src="https://hemband.com/img/logo.svg" alt=""  height="15"  style="border: none;">
 
+                  </td>
 
+                </tr>
 
+                <tr>
 
+                  <td style="color: #1C3C80; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 30px; padding: 20px 45px; text-align:center; border-bottom:2px solid #1C3C80;">
 
+                    <h4 style="width:500px;margin:auto;padding-bottom:20px;">Introducing the NEW Snyder Hemband Ligator!</h4>
 
+                    <h5 style="color:#333;font-size:18px;margin:auto;">The quality you have come to expect at a fraction of the cost:</h5>
 
+                  </td>
 
+                </tr>
 
+                <tr>
 
+                  <td style="color: #1C3C80; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 30px; padding: 30px 45px; text-align:center; border-bottom:2px solid #1C3C80;">
 
+                    <table width="500" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0; padding: 0;" border="0">
 
+                      <tr>
 
+                        <td><img src="https://hemband.com/img/al-9000.jpg" height="180"></td>
 
+                        <td style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; padding-left:25px; font-size: 25px; word-break: break-word;">
 
+                          <h5 style="margin:auto;padding-bottom:20px; color:#1C3C80">AL 9000</h5>
 
+                          <p  style="color:#333;font-size:17px;margin:auto;">Adler Hemorrhoid Ligators packaged with 3 bands and patient information guide. Box of <b>25</b> for <b>$950.</b></p>
 
+                        </td>
 
+                      </tr>
 
+                    </table>
 
+                  </td>
 
+                </tr>
 
+                <tr>
 
+                  <td style="color: #1C3C80; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 30px; padding: 30px 45px; text-align:center; border-bottom:2px solid #1C3C80;">
 
+                    <table width="500" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0; padding: 0;" border="0">
 
+                      <tr>
 
+                        <td><img src="https://hemband.com/img/a4023.jpg" height="180"></td>
 
+                        <td style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; padding-left:25px; font-size: 25px; word-break: break-word;">
 
+                          <h5 style="margin:auto;padding-bottom:20px; color:#1C3C80">A4023.1L</h5>
 
+                          <p  style="color:#333;font-size:17px;margin:auto;">SapiMed single use LED lighted Anoscopes. Box of <b>25</b> for <b>$225</b>.</p>
 
+                        </td>
 
+                      </tr>
 
+                    </table>
 
+                  </td>
 
+                </tr>
 
+                <tr>
 
+                  <td style="color: #333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 18px; padding: 30px 45px; text-align:center;">
 
+                    <p><b>Package Deal:</b> One box of each for $1075.</p>
 
+                    <h5 style="margin:auto;color:#1C3C80;font-size:28px;">Samples Available!</h5>
 
+                    <br>
 
+                    <b>Contact Snyder Hemband at:</b>
 
+                    <br>
 
+                    <b><a href="mailto:sales@snyderhemband.com">sales@snyderhemband.com</a> or <a href="tel:(800) 290-9092">(800) 290-9092</a></b>
 
+                    <br>
 
+                    <br>
 
+                  </td>
 
+                </tr>
 
+              </table>
 
             </td>
 
-        </tr>
 
-        <tr style="border-bottom:3px solid #1C3D80;">
 
-            <td>
 
-                <img src="https://ci4.googleusercontent.com/proxy/UQtM_8wxrQllPsI3wXDA2xEZoKOEh_q1FskMmrbbEBlzn3I7Ja5RgbayQIYFQjZM81Cd-98DhygNCv2woy55UM7iJAvGktRJNEw0SsJf_4uPNum27fsqO3naxlw7PyTHPqDK21_PbibOPof9gA=s0-d-e1-ft#https://adlermicromed.imgus11.com/public/cd644ea7d827d226e709662e67af000a.jpg?r=1840746529" alt="">
 
+          </tr>
 
+          <!-- Email Footer -->
 
+          <tr>
 
+            <td style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 16px; word-break: break-word;">
 
+              <table class="email-footer" align="center" width="650" cellpadding="0" cellspacing="0" role="presentation" style="margin: 0 auto; padding: 0; text-align: center;" border="0">
 
+                <tr>
 
+                  <td class="content-cell" align="center" style="color: #333333; font-family: 'Nunito Sans', Helvetica, Arial, sans-serif; font-size: 16px; padding: 35px; word-break: break-word;">
 
+                    <p class="f-fallback sub" style="color: #6B6E76; font-size: 13px; line-height: 1.625; margin: .4em 0 1.1875em;">&copy;2022 Hemband MDE Medical LLC. All rights reserved.</p>
 
+                  </td>
 
+                </tr>
 
+              </table>
 
             </td>
 
-            <td></td>
 
-        </tr>
 
-    </tbody>
 
-</table>
 
+          </tr>
 
+        </table>
 
+      </td>
 
+    </tr>
 
+  </table>
 
+</body>
 
+</html>

BIN
public/img/logo.png
Fájl Megtekintése