Skip to content

Instantly share code, notes, and snippets.

@jahidulsaeid

jahidulsaeid/pictureprops.html

Created April 21, 2023 16:44
Show Gist options
  • Save jahidulsaeid/a2fd1c463668bc1ee73aa6e821b78938 to your computer and use it in GitHub Desktop.
Save jahidulsaeid/a2fd1c463668bc1ee73aa6e821b78938 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pictureprops.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
<html lang="en">
<head></head>
<body style="font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#ffffff">
<table align="center" role="presentation" cellSpacing="0" cellPadding="0" border="0" width="100%" style="max-width:37.5em;margin:0 auto;padding:20px 0 48px;width:660px">
<tr style="width:100%">
<td>
<table align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<td><img alt="Apple Logo" src="http://bayareapicturepros.com/assets/Images/logo.png" width="220" height="32" style="display:block;outline:none;border:none;text-decoration:none" /></td>
<td align="right" style="display:table-cell">
<p style="font-size:32px;line-height:24px;margin:16px 0;font-weight:300;color:#888888">Receipt</p>
</td>
</td>
</tr>
</tbody>
</table>
<table style="border-collapse:collapse;border-spacing:0px;color:rgb(51,51,51);background-color:rgb(250,250,250);border-radius:3px;font-size:12px" align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<table width="100%" style="height:46px" align="center" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td colSpan="2">
<table width="100%" align="center" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;height:44px">
<p style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102)">Customer Email</p><a target="_blank" style="color:#15c;text-decoration:underline;font-size:12px;margin:0;padding:0;line-height:1.4">[email protected]</a>
</td>
</tr>
</tbody>
</table>
<table width="100%" align="center" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;height:44px">
<p style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102)">INVOICE DATE</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">18 Jan 2023</p>
</td>
</tr>
</tbody>
</table>
<table width="100%" align="center" role="presentation" cellSpacing="0" cellPadding="0" border="0">
<tbody style="width:100%">
<tr style="width:100%">
<td style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;height:44px">
<p style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102)">ORDER ID</p><a target="_blank" style="color:#15c;text-decoration:underline;font-size:12px;margin:0;padding:0;line-height:1.4">ML4F5L8522</a>
</td>
<!-- <td style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;height:44px">
<p style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102)">DOCUMENT NO.</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">186623754793</p>
</td> -->
</tr>
</tbody>
</table>
</td>
<td colSpan="2" style="padding-left:20px;border-style:solid;border-color:white;border-width:0px 1px 1px 0px;height:44px">
<p style="font-size:10px;line-height:1.4;margin:0;padding:0;color:rgb(102,102,102)">BILLED TO</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">Visa .... 7461 (Apple Pay)</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">Zeno Rocha</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">2125 Chestnut St</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">San Francisco, CA 94123</p>
<p style="font-size:12px;line-height:1.4;margin:0;padding:0">USA</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-collapse:collapse;border-spacing:0px;color:rgb(51,51,51);background-color:rgb(250,250,250);border-radius:3px;font-size:12px;margin:30px 0 15px 0;height:24px" align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<p style="font-size:14px;line-height:24px;margin:0;background:#fafafa;padding-left:10px;font-weight:500">Service</p>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<!-- For Image use this code -->
<!-- <td style="width:64px"><img alt="HBO Max" src="https://react-email-demo-ijnnx5hul-resend.vercel.app/static/apple-hbo-max-icon.jpeg" width="64" height="64" style="display:block;outline:none;border:1px solid rgba(128,128,128,0.2);text-decoration:none;margin:0 0 0 20px;border-radius:14px" /></td> -->
<td style="padding-left:22px">
<p style="font-size:12px;line-height:1.4;margin:0;font-weight:600;padding:0">HBO Max: Stream TV &amp; Movies</p>
<p style="font-size:12px;line-height:1.4;margin:0;color:rgb(102,102,102);padding:0">HBO Max Ad-Free (Monthly)</p>
</td>
<td align="right" style="display:table-cell;padding:0px 20px 0px 0px;width:100px;vertical-align:top">
<p style="font-size:12px;line-height:24px;margin:0;font-weight:600">$14.99</p>
</td>
</td>
</tr>
</tbody>
</table>
<table style="border-collapse:collapse;border-spacing:0px;color:rgb(51,51,51);background-color:rgb(250,250,250);border-radius:3px;font-size:12px;margin:30px 0 15px 0;height:24px" align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<p style="font-size:14px;line-height:24px;margin:0;background:#fafafa;padding-left:10px;font-weight:500">Addons</p>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<!-- For Image use this code -->
<!-- <td style="width:64px"><img alt="HBO Max" src="https://react-email-demo-ijnnx5hul-resend.vercel.app/static/apple-hbo-max-icon.jpeg" width="64" height="64" style="display:block;outline:none;border:1px solid rgba(128,128,128,0.2);text-decoration:none;margin:0 0 0 20px;border-radius:14px" /></td> -->
<td style="padding-left:22px">
<p style="font-size:12px;line-height:1.4;margin:0;font-weight:600;padding:0">HBO Max: Stream TV &amp; Movies</p>
<p style="font-size:12px;line-height:1.4;margin:0;color:rgb(102,102,102);padding:0">HBO Max Ad-Free (Monthly)</p>
</td>
<td align="right" style="display:table-cell;padding:0px 20px 0px 0px;width:100px;vertical-align:top">
<p style="font-size:12px;line-height:24px;margin:0;font-weight:600">$14.99</p>
</td>
</td>
</tr>
</tbody>
</table>
<hr style="width:100%;border:none;border-top:1px solid #eaeaea;margin:30px 0 0 0" />
<table align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<td align="right" style="display:table-cell">
<p style="font-size:10px;line-height:24px;margin:0;color:rgb(102,102,102);font-weight:600;padding:0px 30px 0px 0px;text-align:right">TOTAL</p>
</td>
<td style="height:48px;border-left:1px solid;border-color:rgb(238,238,238)"></td>
<td style="display:table-cell;width:90px">
<p style="font-size:16px;line-height:24px;margin:0px 20px 0px 0px;font-weight:600;white-space:nowrap;text-align:right">$14.99</p>
</td>
</td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellPadding="0" cellSpacing="0" role="presentation" width="100%">
<tbody>
<tr>
<td>
<td align="center" style="display:block;margin:40px 0 0 0"><img alt="Apple Card" src="http://bayareapicturepros.com/assets/Images/logo.png" width="220" height="32" style="display:block;outline:none;border:none;text-decoration:none" /></td>
</td>
</tr>
</tbody>
</table>
<p style="font-size:12px;line-height:24px;margin:8px 0 0 0;text-align:center;color:rgb(102,102,102)"><a target="_blank" style="color:#067df7;text-decoration:none" href="https://buy.itunes.apple.com/WebObjects/MZFinance.woa/wa/accountSummary?mt=8">Account Settings</a> • <a target="_blank" style="color:#067df7;text-decoration:none" href="https://www.apple.com/legal/itunes/us/sales.html">Terms of Sale</a> • <a target="_blank" style="color:#067df7;text-decoration:none" href="https://www.apple.com/legal/privacy/">Privacy Policy </a></p>
<p style="font-size:12px;line-height:24px;margin:25px 0 0 0;text-align:center;color:rgb(102,102,102)">Copyright © 2023 Picture Pros <br /> <a target="_blank" style="color:#067df7;text-decoration:none" href="https://www.apple.com/legal/">All rights reserved</a></p>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment