Inboxes

Create an inbox to save and track emails. It's free!

+New inbox

<!-- SHOPIFY // AMPScript Assignment 

    

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <title>
  </title>
  <!-- SHOPIFY // Load Fonts -->
  <!-- Outlook font fallback -->
  <!--[if mso]>
        <style>
            * {
                font-family: sans-serif !important;
            }
        </style>
    <![endif]-->
  <!--[if !mso]><!-->
  <style>
   @font-face {
            font-family: "ShopifySans";
            src: url("https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fshopify-marketing_assets%252Fstatic%252FShopifySans--light.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw") format("woff2");
            font-style: normal;
            font-weight: 300
        }

        @font-face {
            font-family: "ShopifySans";
            src: url("https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fshopify-marketing_assets%252Fstatic%252FShopifySans--regular.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw") format("woff2");
            font-style: normal;
            font-weight: 400
        }

        @font-face {
            font-family: "ShopifySans";
            src: url("https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fshopify-marketing_assets%252Fstatic%252FShopifySans--medium.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw") format("woff2");
            font-style: normal;
            font-weight: 500
        }

        @font-face {
            font-family: "ShopifySans";
            src: url("https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fshopify-marketing_assets%252Fstatic%252FShopifySans--bold.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw") format("woff2");
            font-style: normal;
            font-weight: 700
        }

        @font-face {
            font-family: "ShopifySans";
            src: url("https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fshopify-marketing_assets%252Fstatic%252FShopifySans--black.woff2/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw") format("woff2");
            font-style: normal;
            font-weight: 900
        }
  </style>
  <!--<![endif]-->
  <!-- SHOPIFY // CSS Reset and Client Specific Fixes -->
  <style type="text/css">
   html,
        body {
            margin: 0 auto !important;
            padding: 0 !important;
            height: 100% !important;
            width: 100% !important;
        }

        * {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        div[style*="margin: 16px 0"] {
            margin: 0 !important;
        }

        table,
        td {
            mso-table-lspace: 0pt !important;
            mso-table-rspace: 0pt !important;
        }

        table {
            border-spacing: 0 !important;
            border-collapse: collapse !important;
            table-layout: fixed !important;
            Margin: 0 auto !important;
        }

        table table table {
            table-layout: auto;
        }

        img {
            -ms-interpolation-mode: bicubic;
        }

        .mobile-link--footer a,
        a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: underline !important;
        }

        a {
            text-decoration: underline;
            color: #5e6ebf;
        }

        p,
        li {
            margin-bottom: 1em;
        }

        h1 {
            font-size: 24px;
            line-height: 1.2em;
            color: #212b35;
            font-family: ShopifySans, 'Helvetica Neue', Helvetica, sans-serif;
            font-weight: 700;
        }

        sup {
            font-size: 66%;
            line-height: 1;
            vertical-align: top;
            mso-text-raise: 30%;
        }

        @media screen and (max-width: 480px) {
            u~div .full-wrap {
                min-width: 100vw;
            }

            div>u~div .full-wrap {
                min-width: 100%;
            }
        }
  </style>
  <!-- SHOPIFY // Enhancement Styles -->
  <style>
   /* What it does: Hover styles for buttons */
        .button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
        .button-td:hover,
        .button-a:hover {
            background: #222D75 !important;
            border-color: #222D75 !important;
        }
        
        /* Media Queries */
        @media screen and (max-width: 650px) {
            
            .email-container {
                width: 100% !important;
                margin: auto !important;

                box-shadow: 0px !important; 
                border-radius: 0px !important;
                -webkit-box-shadow: 0px !important; 
                -webkit-border-radius: 0px !important; 
                -moz-border-radius: 0px !important; 
            }

            .fluid,
            .fluid-centered {
                max-width: 100% !important;
                height: auto !important;
                Margin-left: auto !important;
                Margin-right: auto !important;
            }
            .fluid-centered {
                Margin-left: auto !important;
                Margin-right: auto !important;
            }

            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                direction: ltr !important;
            }
            .stack-column-center {
                text-align: center !important;
            }
        
            .center-on-narrow {
                text-align: center !important;
                display: block !important;
                Margin-left: auto !important;
                Margin-right: auto !important;
                float: none !important;
            }
            table.center-on-narrow {
                display: inline-block !important;
            }

            .button-full-width {
                width: 100% !important;
                text-align: center !important;
                Margin-left: auto !important;
                Margin-right: auto !important;
                float: none !important;
            }
            .column-narrow {
                padding: 10px 0 !important;
            }

            u ~ div {
                min-width: 100vw;
            }
        }
  </style>
 </head>
 <body bgcolor="#ffffff" class="full-wrap" style="Margin: 0;" width="100%">
  <center style="width: 100%; background: #F4F6F8;">
   <!-- SHOPIFY // Logo Header -->
   <table align="center" border="0" cellpadding="0" cellspacing="0" class="email-container" style="margin: auto; background: #F4F6F8;" width="650">
    <tr>
     <td style="padding: 15px 10%;">
      <a target="_blank">
       <img alt="Shopify" border="0" class="logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fs%252Ffiles%252F1%252F0070%252F7032%252Ffiles%252FShopify_purple.png%253F5394119125409720152/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw" width="125"/>
      </a>
     </td>
    </tr>
   </table>
   <!-- SHOPIFY // Email Body Starts -->
   <table align="center" bgcolor="#F4F6F8" border="0" cellpadding="0" cellspacing="0" class="email-container" style="margin: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px" width="650">
    <!-- SHOPIFY // Hero Image -->
    <tr>
     <td>
      <a target="_blank">
       <img align="center" alt="" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn.shopify.com%252Fs%252Ffiles%252F1%252F0070%252F7032%252Ffiles%252FBFCM-Map-810x340_1.png%253F14010163058041132557/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4uc2hvcGlmeSJ9:1kXOzh:sXc4HL0IOeDeOoAeaj8UTyeOLi3V156tTci6UyctKiw" style="width: 100%; max-width: 650px;" width="650"/>
      </a>
     </td>
    </tr>
    <!-- SHOPIFY // Text Area with Button // Left Aligned -->
    <tr>
     <td bgcolor="#FFFFFF" style="padding: 30px 10%; text-align: left; font-family: ShopifySans, 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; font-weight: 400; mso-height-rule: exactly; line-height: 24px; color: #212b36;">
      <p style="margin-bottom: 2em;">
       Hi Sarah,
      </p>
      <p style="margin-bottom: 2em;">
       Black Friday is here - watch the biggest shopping weekend in North America right from your computer. The Shopify BFCM Live Map shows real-time sales from our merchants all over the world.
      </p>
      <!-- Button -->
      <table border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" style="float:left;">
       <tr>
        <td class="button-td" style="border-radius: 5px; background: #5e6ebf; text-align: center;">
         <a class="button-a" style="background: #5e6ebf; border: 2px solid #5e6ebf; font-family: ShopifySans, Helvetica, Arial, sans-serif; font-weight:500; font-size: 16px; line-height: 1.1; text-align: center; text-decoration: none; display: block; webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 13px; color:#ffffff; white-space:nowrap;">
          Visit the BFCM Live Map
         </a>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <!-- SHOPIFY // Text Area with Button // Left Aligned -->
    <tr>
     <td bgcolor="#000639" style="padding: 30px 10%; text-align: left; font-family: ShopifySans, 'Helvetica Neue', Helvetica, sans-serif; font-size: 16px; font-weight: 400; mso-height-rule: exactly; line-height: 24px; color: #212b36;">
      <h2 style="font-size: 18px; line-height: 1.2; color: #ffffff; font-family: ShopifySans, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700;">
       Want to see yourself on next year's live map?
       <br/>
       Start a free trial of Shopify today.
      </h2>
      <!-- Button -->
      <table border="0" cellpadding="0" cellspacing="0" class="center-on-narrow" style="float:left;">
       <tr>
        <td class="button-td" style="border-radius: 5px; background: #5e6ebf; text-align: center;">
         <a class="button-a" style="background: #5e6ebf; border: 2px solid #5e6ebf; font-family: ShopifySans, Helvetica, Arial, sans-serif; font-weight:500; font-size: 16px; line-height: 1.1; text-align: center; text-decoration: none; display: block; webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 13px; color:#ffffff; white-space:nowrap;">
          Get started
         </a>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
   <!-- SHOPIFY // Email Body Ends -->
   <!-- SHOPIFY // Email Footer -->
   <table align="center" border="0" cellpadding="0" cellspacing="0" class="email-container" style="margin: auto;" width="650">
    <!-- SHOPIFY // Legal and Preferences -->
    <tr>
     <td class="center-on-narrow" style="padding: 20px 10%; text-align: left; font-family: ShopifySans, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; font-weight: 400; mso-height-rule: exactly; line-height: 1.5em; color: #212B35;">
      © Shopify,
      <span class="contact">
       150 Elgin Street, Ottawa
        ON, K2P 1L4
      </span>
      <br/>
      <br/>
      <strong>
       <a style="color:#212b36;font-size:13px;text-decoration:none;">
        Unsubscribe
       </a>
      </strong>
      |
      <strong>
       <a style="color:#212b36;font-size:13px;text-decoration:none;">
        Manage
        your email preferences
       </a>
      </strong>
      <br/>
      <br/>
     </td>
    </tr>
    <!-- Spacer : BEGIN -->
    <tr>
     <td align="left" height="20" style="border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 20px;" valign="top" width="100%">
      <!--[if gte mso 15]>&nbsp;<![endif]-->
     </td>
    </tr>
    <!-- Spacer : END -->
   </table>
   <!-- SHOPIFY // Analytics -->
   <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fclick.email.shopify.com%252Fopen.aspx%253Fffcb10-fe9717757164017c73-fe2a167974660374751576-fe931372756d007d73-ff2311767c6c-fe521d757061037e7311-ff291c717d61/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjbGljay5lbWFpbCJ9:1kXOzh:gUKZ-Zhv7WtT_q5RJ9Ng4fJWCJ7PvR2SUic_5hlyeUw" width="1"/>
  </center>
 </body>
</html>