test
<!doctype html><html><head><meta name="viewport" content="width=device-width" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Tailwind Email</title><style> /* ------------------------------------- INLINED WITH htmlemail.io/inline ------------------------------------- */ /* ------------------------------------- RESPONSIVE AND MOBILE FRIENDLY STYLES ------------------------------------- */ @media only screen and (max-width: 620px) { table[class=body] h1 { font-size: 28px !important; margin-bottom: 10px !important; } table[class=body] p, table[class=body] ul, table[class=body] ol, table[class=body] td, table[class=body] span, table[class=body] a { font-size: 16px !important; } table[class=body] .wrapper, table[class=body] .article { padding: 10px !important; } table[class=body] .content { padding: 0 !important; } table[class=body] .container { padding: 0 !important; width: 100% !important; } table[class=body] .main { border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; } table[class=body] .btn table { width: 100% !important; } table[class=body] .btn a { width: 100% !important; } table[class=body] .img-responsive { height: auto !important; max-width: 100% !important; width: auto !important; } } /* ------------------------------------- PRESERVE THESE STYLES IN THE HEAD ------------------------------------- */ @media all { .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .apple-link a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; } .btn-primary table td:hover { background-color: #34495e !important; } .btn-primary a:hover { background-color: #34495e !important; border-color: #34495e !important; } } .container .content .main tr .wrapper table tr td p { font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; } .container .content .main tr .wrapper table tr td p { font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; } p { font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; } .container .content .main tr .wrapper table tr td p { font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; } .container .content .footer table tr .content-block .apple-link { font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; } .container .content .footer table tr .content-block .apple-link { font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; } .container .content .footer table tr .content-block .apple-link a { font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; } .container .content .footer table tr .content-block .apple-link a { font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial, sans-serif; } </style></head><body class="" style=""background-color:" f6f6f6="" font-family:="" gill="" sans="" mt="" myriad="" pro="" dejavu="" condensed="" helvetica="" arial="" gotham="" neue="" sans-serif=""> <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background-color: #f6f6f6;"> <tr> <td style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size: 14px; vertical-align: top;"> </td> <td class="container" style="font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif' font-size: 14px; vertical-align: top; display: block; Margin: 0 auto; max-width: 580px; padding: 10px; width: 580px;"> <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 580px; padding: 10px;"><!-- START CENTERED WHITE CONTAINER --> <span class="preheader" style="color: transparent; display: none; height: 0; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; mso-hide: all; visibility: show; width: 0;"><img src="https://cdn.shopify.com/s/files/1/0010/5568/6719/files/Tailwind_Logo.jpg" alt="Go Tailwind" class="" /></span> <table class="main" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; background: #ffffff; border-radius: 3px;"><!-- START MAIN CONTENT AREA --> <tr> <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;"> <tr> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> <blockquote type="cite"> <div>Hi, <p>We are writing to let you know that <strong><a href="mailto:tw2@mailinator.com" target="_blank" rel="noopener noreferrer">tw2@mailinator.com</a></strong> has shared their Tailwind garage with you. You're already a registered Tailwind user, so hopefully everything in the Tailwind app is familiar to you. You'll be able to control and monitor <a href="mailto:tw2@mailinator.com" target="_blank" rel="noopener noreferrer">tw2@mailinator.com</a>'s garage on your mobile device using your Tailwind account. The Tailwind app is available for iOS or Android devices. If you don't already have it, simply search for Tailwind in the Apple App Store or Google Play Store and download the Tailwind App that shows our logo (there are other apps with the same name), or tap on these links on your mobile device to find them directly <a href="https://play.google.com/store/apps/details?id=com.gotailwind" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://play.google.com/store/apps/details?id%3Dcom.gotailwind&source=gmail&ust=1552889530837000&usg=AFQjCNHS1TiJ9n6FQuYxOl16a_1OZHPJqA" rel="noopener noreferrer">Android App</a>/<a href="https://itunes.apple.com/us/app/tailwind-smart/id1255530678?mt=8" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://itunes.apple.com/us/app/tailwind-smart/id1255530678?mt%3D8&source=gmail&ust=1552889530837000&usg=AFQjCNFi-eTnDGYAKvCLSlp-g1LMimahJA" rel="noopener noreferrer">iPhone App</a></p> <h2>You can accept this invitation by tapping <a href="https://connect.gotailwind.com/garage_app_ws_share_device/Webservice.php?Service=share_device_verify&token=NDA4ZjYyMzI3YzU3M2ViNzI5NWI5OWMzOTA0M2U3ZmY=" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://connect.gotailwind.com/garage_app_ws_share_device/Webservice.php?Service%3Dshare_device_verify%26token%3DNDA4ZjYyMzI3YzU3M2ViNzI5NWI5OWMzOTA0M2U3ZmY%3D&source=gmail&ust=1552889530837000&usg=AFQjCNEMAfenJ0FbO9fovqlHr-ZZv0u_ag" rel="noopener noreferrer">here</a></h2> <p>If you can't remember your Tailwind password, simply tap <strong>Forgot password</strong> <p>Visit <a href="https://gotailwind.com/" target="_blank" data-saferedirecturl="https://www.google.com/url?q=https://gotailwind.com/&source=gmail&ust=1552889530837000&usg=AFQjCNFacTztGJbMKL3tPK-ZJGX8sjTecA" rel="noopener noreferrer">gotailwind.com</a> to view more product information and/or purchase your own Tailwind.</p> <p>We hope you enjoy using the Tailwind!</p> <br /> <p>The Tailwind Team</p> </p> </div> </blockquote> <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;"> </p> <table border="0" cellpadding="0" cellspacing="0" class="btn btn-primary" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; box-sizing: border-box;"> <tbody> <tr> <td align="center" style="font-family: sans-serif; font-size: 14px; vertical-align: top; padding-bottom: 15px;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;"> <tbody> <tr> <td align="center" style="font-family: sans-serif; font-size: 14px; text-align: center; vertical-align: top; background-color: #3498db; border-radius: 5px;"><a href="https://gotailwind.zendesk.com/hc/en-us" target="_blank" style="display: inline-block; color: #ffffff; background-color: #274F82; border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; width: 400px; text-decoration: none; font-size: 14px; font-weight: bold; padding: 12px 25px; text-transform: capitalize; border-color: #3498db;" rel="noopener noreferrer">Visit our Support Site</a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;"></p> <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; Margin-bottom: 15px;"></p> </td> </tr> <tr> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> </td> </tr> </table> </td> </tr> <!-- END MAIN CONTENT AREA --></table> <!-- START FOOTER --> <div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;"> <tr> <td class="content-block" style="font-family: 'Arial'; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;"><span class="apple-link" style="font-family: Arial; color: #999999; font-size: 12px; text-align: center;">12015 Crowland Avenue, Niagara Falls, Ontario, Canada, L3B 5N4<br /><a style="font-family: Arial; color: #999999; font-size: 12px; text-align: center;" href="mailto:support@gotailwind.com"><b>Email Support</b></a><br />Open Mon - Fri: 9am - 5pm</span></td> </tr> <tr> <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;"></td> </tr> </table> </div> <!-- END FOOTER --> <!-- END CENTERED WHITE CONTAINER --></div> </td> <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;"> </td> </tr> </table> </body></html>