Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--

Email template: email_header

Description: The email header used across all templates

 -->
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta charset="utf-8"/>
  <title>
  </title>
  <style>
   /* -------------------------------------

RESPONSIVENESS

!importants in here are necessary since email clients

don't automatically override these

------------------------------------- */

@media only screen and (max-device-width: 700px) {

  .table-wrapper, .legal-wrapper {

    width: 100% !important;

    margin-top: 0px !important;

  }



  .table-wrapper {

    border-radius: 0px !important;

  }



  .header {

    border-radius: 0px !important;

  }



  .header-title {

    padding-left: 20px !important;

    padding-right: 20px !important;

  }



  .header-title h1 {

    font-size: 25px !important;

  }



  .data-table {

    width: 100% !important;

    margin: 0 !important;

  }

}
  </style>
 </head>
 <body style='-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;margin:0;padding:0;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;font-size:100%;line-height:1.6'>
  <table cellpadding="0" cellspacing="0" style="background: #F5F6F7;" width="100%">
   <tr>
    <td>
     <!-- body -->
     <table cellpadding="0" cellspacing="0" class="table-wrapper" style="width:700px;margin:auto;margin-top:50px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;box-shadow:0 8px 20px #e3e7ea !important;-webkit-box-shadow:0 8px 20px #e3e7ea !important;-moz-box-shadow:0 8px 20px #e3e7ea !important;box-shadow: 0 8px 20px #e3e7ea !important; -webkit-box-shadow: 0 8px 20px #e3e7ea !important; -moz-box-shadow: 0 8px 20px #e3e7ea !important;">
      <tr>
       <!-- Brand Header -->
       <td class="container header" style="background-repeat:no-repeat;border-top-left-radius:6px;border-top-right-radius:6px;height:80px;background:#2b3636;background-size:300px;background-position:100%;line-height:55px;padding-top:40px;text-align:center;color:#ffffff;display:block !important;margin:0 auto !important;clear:both !important">
        <img height="64" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.filepicker.io%252Fapi%252Ffile%252FvX8niEKuTqW5DcxOhX3S/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuZmlsZXBpYyJ9:1lqCoc:0byY1AiWNu6_sNprqlUqr9sgif-MfOVlBFRL_9lYZIw" style="max-width:100%;border-radius:50%;padding:5px" width="64"/>
       </td>
      </tr>
      <tr>
       <td class="content" style="background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:40px;margin:0 auto !important;clear:both !important">
        <!--

Email template: instructor/purchase_notification

Description: This email is sent to instructors when a student enrolls in a course

or a service (aka creator_product).

 -->
        <!-- Auto-generated JSON-ld compliant JSON for showing action buttons in emails -->
        <script type="application/ld+json">
         {"@context":"//schema.org","@type":"Order","orderStatus":"//schema.org/OrderDelivered","orderNumber":"85581469","priceCurrency":"USD","price":"0.00","merchant":{"@type":"Organization","name":"UI Feed's UX school"},"acceptedOffer":{"@type":"Offer","itemOffered":{"@type":"Product","name":"My UX design course"},"price":"0.00","priceCurrency":"USD","eligibleQuantity":{"@type":"QuantitativeValue","value":"1"}},"url":"https://uifeed.teachable.com/courses/1431731","potentialAction":{"@type":"ViewAction","url":"https://uifeed.teachable.com/courses/1431731"}}
        </script>
        <!-- Email Title -->
        <div class="header-title" style="background:#2b3636;color:#ffffff;padding:0px 60px 40px;text-align:center;margin-bottom:40px">
         <h1 style='font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;line-height:1.2;margin-bottom:15px;color:#47505E;margin:0px 0 10px;font-weight:200;line-height:45px;font-weight:bold;margin-bottom:30px;font-size:28px;line-height:40px;margin-bottom:10px;font-weight:400;color:#ffffff;padding-left:40px;padding-right:40px;padding-top:40px;padding-top:0px'>
          Sarah Jonas just enrolled in My UX design course
         </h1>
        </div>
        <!-- Content -->
        <h1 class="price-jumbo" style='font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;line-height:1.2;margin-bottom:15px;color:#47505E;margin:0px 0 10px;font-size:28px;line-height:45px;font-weight:bold;margin-bottom:30px;padding-left:40px;padding-right:40px;padding-top:40px;text-align:center;font-weight:200;font-size:40px;padding-top:10px'>
         $0
        </h1>
        <table cellpadding="0" cellspacing="0" class="data-table" style="width:550px;margin:auto;margin-bottom:30px;padding-left:40px;padding-right:40px">
         <tr>
          <td style="color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3" width="50%">
           My UX design course
          </td>
          <td class="text-right" style="text-align:right;color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3;color:#4f5c63">
           FREE USD
          </td>
         </tr>
         <tr class="total">
          <td style="color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3;background:#f7f7f7;border:0;color:#4f5c63;font-weight:bold" width="50%">
           Total
          </td>
          <td class="text-right" style="text-align:right;color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3;background:#f7f7f7;border:0;color:#4f5c63;font-weight:bold">
           $0
          </td>
         </tr>
        </table>
        <hr style="border-top-width:0;padding-left:40px;padding-right:40px"/>
        <br/>
        <p class="text-center" style='font-weight:normal;padding:0;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;line-height:1.7;margin-bottom:1.3em;font-size:15px;color:#47505E;text-align:center;padding-left:40px;padding-right:40px'>
         Here's some information about Sarah Jonas:
        </p>
        <table cellpadding="0" cellspacing="0" class="data-table" style="width:550px;margin:auto;margin-bottom:30px;padding-left:40px;padding-right:40px">
         <tr>
          <td style="color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3" width="40%">
           Full Name
          </td>
          <td class="text-right" style="text-align:right;color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3;color:#4f5c63">
           Sarah Jonas
          </td>
         </tr>
         <tr>
          <td style="color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3" width="40%">
           Email Address
          </td>
          <td class="text-right" style="text-align:right;color:#a0a5ad;letter-spacing:0.6px;font-size:15px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;border-bottom:1px dashed #B5C2D3;color:#4f5c63">
           <a data-skip-click="true" data-skip-utm-params="true" style="word-wrap:break-word;color:#09a59a">
            6132eae2@uifeed.com
           </a>
          </td>
         </tr>
        </table>
        <p class="text-center" style='font-weight:normal;padding:0;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;line-height:1.7;margin-bottom:1.3em;font-size:15px;color:#47505E;text-align:center;padding-left:40px;padding-right:40px;margin-bottom:0;padding-bottom:0'>
         <a class="btn-primary" style='word-wrap:break-word;color:#09a59a;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;text-decoration:none;background-color:#09a59a;border:solid #09a59a;line-height:2;max-width:100%;font-size:14px;padding:8px 40px 8px 40px;margin-top:30px;margin-bottom:30px;text-align:center;font-weight:600;cursor:pointer;display:inline-block;border-radius:30px;margin-left:auto;margin-right:auto;color:#FFF !important'>
          More details
         </a>
        </p>
       </td>
      </tr>
     </table>
     <!-- /body -->
     <!-- footer -->
     <div class="footer" style="padding-top:30px;padding-bottom:55px;width:100%;text-align:center;clear:both !important">
      <p style='font-weight:normal;padding:0;font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;line-height:1.7;margin-bottom:1.3em;font-size:15px;color:#47505E;font-size:12px;color:#666;margin-top:0px'>
       © UI Feed's UX school
      </p>
     </div>
     <br/>
    </td>
   </tr>
  </table>
  <img alt="" height="1px" src="https://inboxflows.com/_/image/http%253A%252F%252Femail.em.teachable.com%252Fo%252FeJwVzUsOgyAQANDTlJ1kfk5hwVkMDGNKotYYe_-2-5e8XtpcZzANoyi0vuasXCUtiLzO3ESeICRNHgLjnBAmmJB1IuDoRnEct19H3eJexxZehUCpKZqknqo1IyZFQhIQYCMM_ofL5ebjvJfRS6KskLPkcBVFJq9Ov-wzVvce7b1_ATXDLfE/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmVtYWlsLmVtLnRlYSJ9:1lqCoc:LCvB8eFZ2dvSJaQrR1ivnnmuBSLX1DFP8Cidz2Y-zjA" width="1px"/>
 </body>
</html>