Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <title>
   Invoice
  </title>
 </head>
 <body style="background: #F2F2F2;text-align: center;font-family: helvetica, arial, sans-serif;-webkit-text-size-adjust: none;margin: 0;padding: 0;width: 100%;">
  <div style="width:600px;margin: 0 auto;text-align:left;">
   <div id="heading" style="border: 0px solid black;color: #80868E;font-size: 12px;">
    <img alt="Invision Logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3.amazonaws.com%252Fwww-assets.invisionapp.com%252Finvision-logo-pink.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy5hbWF6b25hdyJ9:1kXOth:cyzBn6IWBurtRS-pJCmJ_-9wh2OTNMeDrbW3-rsziuw" style="border: 0;height: auto;padding-bottom: 30px;line-height: 100%;outline: none;text-decoration: none;" width="200px"/>
   </div>
   <div id="body" style="background: #FFFFFF;-webkit-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 10px 10px 5px #888;box-shadow: 0px 5px 5px #888;padding: 1.5em 0em;border: 1px solid #ccc;text-align: left;">
    <table style="margin-bottom: 3em;padding: 0 2em;width: 100%;">
     <tbody>
      <tr>
       <td style="border-collapse: collapse;" width="50%">
        <h1 style="font-weight: normal;font-size: 22px;padding: 0;margin-bottom: 5px;">
         Subscription Confirmation
        </h1>
        <div class="left little grey" style="font-size: 13px;color: #aaa;float: left;">
         Invoice #1275488
         <br/>
         Dec 23, 2018
        </div>
       </td>
       <td class="right" style="border-collapse: collapse;float: right;text-align: right;" width="50%">
        <h4 style="padding-top: 25px;margin-bottom: 5px;">
         InVision App
        </h4>
        <div class="little grey" style="font-size: 13px;color: #aaa;">
         41 Madison Ave
         <br/>
         Floor 25
         <br/>
         New York, NY 10010
        </div>
       </td>
      </tr>
      <tr>
       <td align="left" colspan="2" id="message-body" style="font-size:12px;" valign="top">
        <p>
         Thank you for subscribing!
        </p>
        <p style="color: #aaa;">
         Your subscription started at

                                Dec 23, 2018.

                                It is now active and will be

                                automatically renewed on

                                Jan 23, 2019.
        </p>
       </td>
      </tr>
     </tbody>
    </table>
    <table style="padding: 0 2em;margin-bottom: 2em;width: 100%;">
     <tbody>
      <tr>
       <td style="border-collapse: collapse;" width="50%">
        <strong>
         Invoice for:
        </strong>
        <div class="little grey" style="margin-top: 5px;font-size: 13px;color: #aaa;">
         Ramy Khuffash
         <br/>
        </div>
       </td>
       <td class="txt-right" style="border-collapse: collapse;text-align: right;" width="50%">
        <div class="big" style="font-size: 28px;">
         $15.00
        </div>
       </td>
      </tr>
     </tbody>
    </table>
    <table cellspacing="0" style="width: 100%;">
     <thead style="background-color: #F9F8F8;">
      <tr>
       <th style="width: 2em;border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
       </th>
       <th style="border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
        Duration
       </th>
       <th style="border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
        Description
       </th>
       <th class="txt-right" style="border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;text-align: right;">
        Price
       </th>
       <th style="width: 2em;border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
       </th>
      </tr>
     </thead>
     <tbody>
      <tr>
       <td colspan="5" style="padding-top: 0;border-collapse: collapse;">
       </td>
      </tr>
      <tr class="invoice-row">
       <td style="width: 2em;border-collapse: collapse;padding: .5em 0;">
       </td>
       <td class="little grey" style="border-collapse: collapse;font-size: 13px;color: #aaa;padding: .5em 0;">
        Dec 23, 2018 — Jan 23, 2019
       </td>
       <td class="little grey" style="border-collapse: collapse;font-size: 13px;color: #aaa;padding: .5em 0;">
        Starter
        <br/>
        <a style="text-decoration: none;color: #688DB5;">
         www.invisionapp.com
        </a>
       </td>
       <td class="little grey txt-right" style="border-collapse: collapse;font-size: 13px;color: #aaa;text-align: right;padding: .5em 0;">
        $15.00
       </td>
       <td style="width: 2em;border-collapse: collapse;padding: .5em 0;">
       </td>
      </tr>
      <tr class="invoice-row-bottom">
       <td style="width: 2em;border-collapse: collapse;padding-bottom: 2em;">
       </td>
       <td class="little grey" style="border-collapse: collapse;font-size: 13px;color: #aaa;padding-bottom: 2em;">
        Dec 23, 2018 — Jan 23, 2019
       </td>
       <td class="little grey" style="border-collapse: collapse;font-size: 13px;color: #aaa;padding-bottom: 2em;">
        Payments Applied
       </td>
       <td class="little grey txt-right" style="border-collapse: collapse;font-size: 13px;color: #aaa;text-align: right;padding-bottom: 2em;">
        $15.00
       </td>
       <td style="width: 2em;border-collapse: collapse;padding-bottom: 2em;">
       </td>
      </tr>
     </tbody>
     <tfoot style="background-color: #F9F8F8;">
      <tr>
       <th style="width: 2em;border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
       </th>
       <th style="border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
       </th>
       <th style="border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
        Amount Due:
       </th>
       <th class="txt-right" style="border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;text-align: right;">
        $0.00
       </th>
       <th style="width: 2em;border-collapse: collapse;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;font-weight: bold;font-size: 12px;">
       </th>
      </tr>
     </tfoot>
    </table>
    <div class="center" style="padding-top: 4em;text-align: center;margin: 0 auto;">
    </div>
    <div class="center little grey" style="font-size: 13px;color: #aaa;text-align: center;margin: 0 auto;">
     * Note: This email confirms your recent payment of $15.00 to
     <a style="text-decoration: none;color: #688DB5;">
      www.invisionapp.com
     </a>
    </div>
   </div>
   <div style="margin-top: 2.5em">
    <div class="center grey" style="color: #aaa;text-align: center;margin: 0 auto;">
     <strong>
      Powered by InVision
     </strong>
    </div>
    <div class="little center grey" style="font-size: 13px;color: #aaa;text-align: center;margin: 0 auto;">
     Create Fully Interactive Wireframes &amp; Prototypes That Actually Look Good!
    </div>
   </div>
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fu4745827.ct.sendgrid.net%252Fwf%252Fopen%253Fupn%253DuaadRWUVlXEtDpZ-2FNZEJKStf3EhPYcgqaDnh4Li1uzKZA7ImPNLcvXpRbHGRDCt3-2BV22RSGMF4zclpZ-2BGE4Kgus4AFNECRBMKpuJeZpsiUyTLUCqijhpHNauI3k2pGjCYy1QBC-2FdjVFxplrZ2efpvmqENbC279EgSRkHAsJqLn04DTPWNFD45-2B6zad4WHF388oooOKW3oTsvbvrLh89ACAfKeD3s7tL2hDxChmWsZfH9z-2Fo-2Bnv92yslmxDWY7owZcEOhRn28kSuISkO6PhD40ezR-2FNLrCr5iBKgyf9gJ0ubpGkz1aAz9kR7BPMUWfk-2BqoGpl6-2FRYw1-2BkMIzdl-2BmwVMM8HlCS2tQ4oRRCrhuQKqc-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1NDc0NTgyNy5jdCJ9:1kXOth:SU1rKRipGvdogEOKOjuEoTZvtlZaYPJ83u2SRgjN0bY" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>