Skip to content

Instantly share code, notes, and snippets.

@zacck-zz

zacck-zz/password_email.html

Created January 9, 2019 18:12
Show Gist options
  • Save zacck-zz/dc5051f5761669965935798093f529e4 to your computer and use it in GitHub Desktop.
Save zacck-zz/dc5051f5761669965935798093f529e4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
password_email.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=display-width, initial-scale=1.0, maximum-scale=1.0," />
<title>App</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,700italic,800,800italic' rel='stylesheet' type='text/css' />
<link href="https://fonts.googleapis.com/css?family=Signika:400,600,700" rel="stylesheet" />
<style type="text/css">
html { width: 100%; }
body {margin:0; padding:0; width:100%; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
img { display: block !important; border:0; -ms-interpolation-mode:bicubic;}
.ReadMsgBody { width: 100%;}
.ExternalClass {width: 100%;}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
.images {display:block !important; width:100% !important;}
.Heading {font-family: 'Signika', Arial, Helvetica Neue, Helvetica, sans-serif !important;}
.MsoNormal {font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif !important;}
p {margin:0 !important; padding:0 !important;}
.display-button td, .display-button a {font-family:'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif !important;}
.display-button a:hover {text-decoration:none !important;}
/* MEDIA QUIRES */
@media only screen and (max-width:800px)
{
body {width:auto !important;}
table[class=display-width] {width:100% !important;}
.res-padding { padding:0 20px !important; }
table[class=display-width-inner] {width:600px !important;}
.about-height { height:100px !important;}
}
@media only screen and (max-width:768px)
{
.template2{padding-right:0 !important; padding-left:84px !important;}
.template1{padding-left:0 !important; padding-right:84px !important;}
.about-height { height:100px !important;}
}
@media only screen and (max-width:660px)
{
.template2{padding-right:0 !important; padding-left:29px !important;}
.template1{padding-left:0 !important; padding-right:30px !important;}
.about-height { height:70px !important;}
}
@media only screen and (max-width:640px)
{
.template2{padding-right:0 !important; padding-left:20px !important;}
.template1{padding-left:0 !important; padding-right:20px !important;}
.about-height { height:80px !important;}
}
@media only screen and (max-width:639px)
{
table[class=display-width-inner], table[class=display-width-child] {width:100% !important;}
.about-height{display:none !important;}
.txt-center{ text-align:center !important; }
.imagecenter {margin:0 auto !important;}
.res-padding1 { padding:0 20px !important; }
.add-height {height:20px !important;}
.height-add {height:40px !important;}
.best-height {height:60px !important;}
.template1, .best-image{padding:0 !important;}
.template2, .best-image{padding:0 !important;}
td[class=hide-height] {display:none !important;}
td[class="height40"] {height:40px !important;}
td[class="height60"] {height:60px !important;}
}
@media only screen and (max-width:480px)
{
table[class=display-width] table {width:100% !important;}
table[class=display-width] .button-width .display-button {width:auto !important;}
table[class=display-width] .book {width:240px !important;}
table[class=display-width] .price {width:288px !important;}
td[class=menu-height] { height: 30px !important; }
td[class=hide-height] {display:none !important;}
.txt-center{ text-align:center !important; }
.imagecenter {margin:0 auto !important;}
}
@media only screen and (max-width:380px)
{
.txt-center{ text-align:center !important; }
.imagecenter {margin:0 auto !important;}
}
@media only screen and (max-width:330px)
{
table[class=display-width] .price {width:100% !important;}
table[class=display-width] .book {width:240px !important;}
}
@media only screen and (max-width:320px)
{
table[class=display-width] .price {width:100% !important;}
.header {font-size:35px !important;}
}
</style>
</head>
<body style="margin:0; padding:0; mso-line-height-rule:exactly;">
<!--[if mso]>
<style >
.MsoNormal{font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;}
.Heading {font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;}
.display-button td, .display-button a, a {font-family: Arial, Helvetica Neue, Helvetica, sans-serif !important;}
</style>
<![endif]-->
<!-- HEADER STARTS -->
<!-- HEADER ENDS -->
<!-- AWESOME APP FEATURES STARTS -->
<table align="center" bgcolor="#333333" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<!-- ID:BG SECTION-1 -->
<table align="center" bgcolor="#ffffff" border="0" class="display-width" cellpadding="0" cellspacing="0" width="800">
<tr>
<td align="center" class="res-padding">
<table align="center" border="0" class="display-width-inner" cellpadding="0" cellspacing="0" width="600">
<tr>
<td height="60" style="mso-line-height-rule: exactly; line-height: 60px;">&nbsp;</td>
</tr>
<tr>
<!-- ID:TXT TITLE -->
<td align="center" class="Heading" style="color:#333333; font-family:'Segoe UI', Helvetica Neue, Arial, Verdana, Trebuchet MS, sans-serif; font-size:24px; font-weight:600; line-height:34px; letter-spacing:1px; text-transform:uppercase; mso-line-height-rule: exactly;">
NEW LEAD -businessName-
</td>
</tr>
<tr>
<td height="30" style="font-size:0; mso-line-height-rule:exactly; line-height:10px;">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- AWESOME APP FEATURES ENDS -->
<!-- BEST APPLICATION STARTS -->
<table align="center" bgcolor="#333333" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<!-- ID:BG SECTION-1 -->
<table align="center" bgcolor="#ffffff" border="0" class="display-width" cellpadding="0" cellspacing="0" width="800">
<tr>
<td align="center" class="res-padding1">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="best-height"></td>
</tr>
<tr>
<td>
<!-- TABLE RIGHT -->
<table align="right" border="0" class="display-width-child" cellpadding="0" cellspacing="0" width="5%" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="left" class="best-image">
<table align="left" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;width:auto !important;">
<tr>
<td align="left" style="line-height:0px;" width="10" height="400">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- TABLE MIDDLE -->
<table align="left" border="0" class="display-width-child" cellpadding="0" cellspacing="0" width="1" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody>
<tr>
<td style="line-height:20px;" height="20" width="1"></td>
</tr>
</tbody>
</table>
<!-- TABLE LEFT -->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="display-width-child" width="85%" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center" style="padding-left:99px;" class="template2">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="100" style="mso-line-height-rule: exactly; line-height:100px;" class="about-height"><!--[if gte mso 15]>&nbsp;<![endif]--></td>
</tr>
<tr>
<!-- ID:TXT HEADING -->
<td align="left" class="Heading" style="color:#333333; font-family:Segoe UI, Helvetica Neue, Arial, Verdana, Trebuchet MS, sans-serif; font-weight:600; text-transform:uppercase; font-size:18px; line-height:25px; letter-spacing:1px; mso-line-height-rule: exactly;">
Lead Information
</td>
</tr>
<tr>
<td height="10" style="font-size:0; mso-line-height-rule:exactly; line-height:10px;">&nbsp;</td>
<tr>
<td height="10" style="font-size:0; mso-line-height-rule:exactly; line-height:10px;">&nbsp;</td>
</tr>
<tr>
<td align="left">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<!-- ID:TXT CONTENT -->
<td align="left" class="MsoNormal" style="color:#666666; font-family:Segoe UI, Helvetica Neue, Arial, Verdana, Trebuchet MS, sans-serif; font-weight:400; font-size:14px; line-height:24px; mso-line-height-rule: exactly;">
<table>
<tr>
<td>Business Start Date:</td>
<td>-businesStart- </td>
</tr>
<tr>
<td>Business Ownership Percentage:</td>
<td>-businessOwnership- </td>
</tr>
<tr>
<td>Business Type:</td>
<td>-businessType- </td>
</tr>
<tr>
<td>Monthly Revenue:</td>
<td>-monthlyRevenue- </td>
</tr>
<tr>
<td>Business Age in Months:</td>
<td>-businessAge- </td>
</tr>
<tr>
<td>First Name:</td>
<td>-firstName- </td>
</tr>
<tr>
<td>Last Name:</td>
<td>-lastName- </td>
</tr>
<tr>
<td>Email:</td>
<td>-email- </td>
</tr>
<tr>
<td>Cell Number:</td>
<td>-cellNumber- </td>
</tr>
<tr>
<td>Federal Tax ID:</td>
<td>-federalTax- </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="15" style="font-size:0; mso-line-height-rule:exactly; line-height:15px;">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="best-height"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!-- BEST APPLICATION ENDS -->
<!-- FOOTER STARTS -->
<table align="center" bgcolor="#333333" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center">
<!-- ID:BG FOOTER -->
<table align="center" bgcolor="#222222" border="0" cellpadding="0" cellspacing="0" class="display-width" width="800">
<tbody>
<tr>
<td align="center" class="res-padding">
<table align="center" border="0" cellpadding="0" cellspacing="0" class="display-width-inner" width="600" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tbody>
<tr>
<td height="60" style="mso-line-height-rule: exactly; line-height: 60px;">&nbsp;</td>
</tr>
<tr>
<!-- ID:BR FOOTER BORDER -->
<td style="border-bottom:1px solid #cccccc; line-height:0;">&nbsp;</td>
</tr>
<tr>
<td height="30" style="font-size:0; mso-line-height-rule:exactly; line-height:30px;">&nbsp;</td>
</tr>
<tr>
<!-- ID:TXT FOOTER ADDRESS -->
<td align="center" class="MsoNormal" style="color:#ffffff; font-family:Segoe UI, Helvetica Neue, Arial, Verdana, Trebuchet MS, sans-serif; font-size:14px; line-height:24px; letter-spacing:1px; mso-line-height-rule: exactly;">
The Funding Floor
</td>
</tr>
<tr>
<td height="15"></td>
</tr>
<tr>
<!-- ID:BR FOOTER BORDER -->
<td height="30" style="border-bottom:1px solid #cccccc;">&nbsp;</td>
</tr>
<tr>
<td height="30" style="font-size:0; mso-line-height-rule:exactly; line-height:30px;">&nbsp;</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<td height="60" style="mso-line-height-rule: exactly; line-height: 60px;">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- FOOTER ENDS -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment