Skip to content

Instantly share code, notes, and snippets.

@abel-masila
Created September 28, 2017 14:43
Show Gist options
  • Save abel-masila/18a8a63c6a90f0c206f755a04627c2eb to your computer and use it in GitHub Desktop.
Save abel-masila/18a8a63c6a90f0c206f755a04627c2eb to your computer and use it in GitHub Desktop.
<!DOCTYPE html>"
+ "<html>"
+ "<head>"
+ "<meta http-equiv='Content-Type' content='text/html;charset=utf-8'/>"
+ "<meta name='viewport' content='width=device-width,initial-scale=1'>"
+ "<meta http-equiv='X-UA-Compatible' content='IE=edge'/>"
+ "<title>Saleslife-Commerce</title>"
+ "<body style='margin: 0 !important;padding:0 !important;background-color:#eeeeee;' bgcolor='#eeeeee'>"
+ "<div style='display:none;font-size:1px;color:#fefefe;line-height:1px;font-family:Open Sans,Helvetica,Arial,sans-serif;max-height:0px;max-width:0px;opacity:0;overflow:hidden;'>"
+ "It was really a pleasure doing business with you!Thank you for choosing us!</div>"
+ "<table border='0' cellpadding='0' cellspacing='0' width='100%'>"
+ "<tr>"
+ "<td align='center' style='background-color: #eeeeee;' bgcolor='#eeeeee'>"
+ "<table align='center' border='0' cellpadding='0' cellspacing='0' width='100%' style='max-width:600px;'>"
+ "<tr>"
+ "<td align='center' valign='top' style='font-size:0;padding:35px;' bgcolor='orange'>"
+ "<div style='display:inline-block;max-width:50%;min-width:100px;vertical-align:top;width:100%;'>"
+ "<table align='left' border='0' cellpadding='0' cellspacing='0' width='100%' style='max-width:300px;'>"
+ "<tr>"
+ "<td align='left' valign='top' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:36px;font-weight: 800;line-height:48px;' class='mobile-center'>"
+ "<h1 style='font-size:36px;font-weight: 800;margin:0;color:#fff;'>SalesLife</h1>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</div>"
+ "<div style='display:inline-block;max-width:50%;min-width:100px;vertical-align:top; width:100%;' class='mobile-hide'>"
+ "<table align='left' border='0' cellpadding='0' cellspacing='0' width='100%' style='max-width:300px;'>"
+ "<tr>"
+ "<td align='right' valign='top' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:48px;font-weight:400;line-height:48px;'>"
+ "<table cellspacing='0' cellpadding='0' border='0' align='right'>"
+ "<tr>"
+ "<td style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:18px;font-weight:400;'>"
+ "<p style='font-size:18px;font-weight:400;margin:0;color:#ffffff;'><a href='http://saleslifeb2b.com:8181/' target='_blank' style='color:#ffffff;text-decoration:none;'>Home&nbsp;</a></p>"
+ "</td>"
+ "<td style='font-family:Open Sans,Helvetica,Arial, sans-serif;font-size: 18px;font-weight: 400;line-height:24px;'>"
+ "<a href='http://saleslifeb2b.com:8181/' target='_blank' style='color:#ffffff;text-decoration:none;'><img src='logo.png' width='27' height='23' style='display:block;border:0px;'/></a>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</div>"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td align='center' style='padding:35px 35px 20px 35px;background-color:#ffffff;' bgcolor='#ffffff'>"
+ "<table align='center' border='0' cellpadding='0' cellspacing='0' width='100%' style='max-width:600px;'>"
+ "<tr>"
+ "<td align='center' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding-top:25px;'>"
+ "<img src='hero-image-receipt.png' width='125' height='120' style='display:block;border: 0px;'/><br>"
+ "<h2 style='font-size:30px;font-weight:800;line-height:36px;color:#333333;margin: 0;'>"
+ "Thank You For Your Order!"
+ "</h2>"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding-top:10px;'>"
+ "<p style='font-size:16px;font-weight:400;line-height:24px;color:#777777;'>"
+ "It was really a pleasure doing business with you! Thank you for choosing us!"
+ "</p>"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td align='left' style='padding-top:20px;'>"
+ "<table cellspacing='0' cellpadding='0' border='0' width='100%'>"
+ "<tr>"
+ "<td width='75%' align='left' bgcolor='#eeeeee' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:800;line-height:24px;padding:10px;'>"
+ "Order Confirmation #"
+ "</td>"
+ "<td width='25%' align='left' bgcolor='#eeeeee' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:800;line-height:24px;padding:10px;'>"
+ "2345678"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td width='75%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:15px 10px 5px 10px;'>"
+ " Purchased Item (1)"
+ "</td>"
+ "<td width='25%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:15px 10px 5px 10px;'>"
+ "KES 100.00"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td width='75%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:5px 10px;'>"
+ "Shipping + Handling"
+ "</td>"
+ "<td width='25%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:5px 10px;'>"
+ "KES 10.00"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td width='75%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:5px 10px;'>"
+ "Sales Tax"
+ "</td>"
+ "<td width='25%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;padding:5px 10px;'>"
+ "KES 5.00"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td align='left' style='padding-top:20px;'>"
+ "<table cellspacing='0' cellpadding='0' border='0' width='100%'>"
+ "<tr>"
+ "<td width='75%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:800;line-height:24px;padding:10px;border-top:3px solid #eeeeee;border-bottom:3px solid #eeeeee;'>"
+ "TOTAL"
+ "</td>"
+ "<td width='25%' align='left' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:800;line-height:24px;padding:10px;border-top:3px solid #eeeeee;border-bottom:3px solid #eeeeee;'>"
+ "KES 115.00"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "<tr>"
+ "<td align='center' height='100%' valign='top' width='100%' style='padding:0 35px 35px 35px;background-color:#ffffff;' bgcolor='#ffffff'>"
+ "<table align='center' border='0' cellpadding='0' cellspacing='0' width='100%' style='max-width:660px;'>"
+ "<tr>"
+ "<td align='center' valign='top' style='font-size:0;'>"
+ "<div style='display:inline-block;max-width:50%;min-width:240px;vertical-align:top;width:100%;'>"
+ "<table align='left' border='0' cellpadding='0' cellspacing='0' width='100%' style='max-width:300px;'>"
+ "<tr>"
+ "<td align='left' valign='top' style='font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px;'>"
+ "<p style='font-weight:800;'> Delivery Address</p>"
+ "<p>266 Moi Avenue<br>11th Floor<br>Nairobi, 00200</p>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</div>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</td>"
+ "</tr>"
+ "</table>"
+ "</body>"
+ "</html>"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment