Skip to content

Instantly share code, notes, and snippets.

@edburns

edburns/message.html

Created November 14, 2018 12:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save edburns/c6ee59f1e833d95aadd634fb7001d43f to your computer and use it in GitHub Desktop.
Save edburns/c6ee59f1e833d95aadd634fb7001d43f to your computer and use it in GitHub Desktop.
Download ZIP
Crashes Firefox GNU Linux every time
Raw
message.html
<!DOCTYPE html>
<html lang="en" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<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>Zoom Like a Rockstar</title>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700');
@media only screen {
.serif {font-family: 'Montserrat', Helvetica, Arial, sans-serif;}
.sans-serif {font-family: 'Open Sans', Arial, sans-serif;}
}
::selection {color: #FFFFFF; background: #33363A;}
#outlook a {padding: 0;}
table, th, td {-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 16px; font-weight: 400; line-height: 26px; text-align: left;}
table, th, td, h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif;}
img {-ms-interpolation-mode: bicubic; border: 0; display: block; height: auto; line-height: 26px; outline: none; text-decoration: none;}
table {border-collapse: collapse;}
.row {width: 700px;}
.row .row {width: 100%;}
th.menu-item {display: inline;}
.hover-shrink:hover {transform: scale(0.7);}
@media only screen and (max-width: 699px) {
.row {width: 90% !important;}
.row .row {width: 100% !important;}
.column {
box-sizing: border-box;
display: inline-block !important;
width: 100% !important;
}
.mobile-1 {max-width: 8.33333%;}
.mobile-2 {max-width: 16.66667%;}
.mobile-3 {max-width: 25%;}
.mobile-4 {max-width: 33.33333%;}
.mobile-5 {max-width: 41.66667%;}
.mobile-6 {max-width: 50%;}
.mobile-7 {max-width: 58.33333%;}
.mobile-8 {max-width: 66.66667%;}
.mobile-9 {max-width: 75%;}
.mobile-10 {max-width: 83.33333%;}
.mobile-11 {max-width: 91.66667%;}
.mobile-12 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.mobile-offset-1 {margin-left: 8.33333% !important;}
.mobile-offset-2 {margin-left: 16.66667% !important;}
.mobile-offset-3 {margin-left: 25% !important;}
.mobile-offset-4 {margin-left: 33.33333% !important;}
.mobile-offset-5 {margin-left: 41.66667% !important;}
.mobile-offset-6 {margin-left: 50% !important;}
.mobile-offset-7 {margin-left: 58.33333% !important;}
.mobile-offset-8 {margin-left: 66.66667% !important;}
.mobile-offset-9 {margin-left: 75% !important;}
.mobile-offset-10 {margin-left: 83.33333% !important;}
.mobile-offset-11 {margin-left: 91.66667% !important;}
.has-columns {
padding-right: 20px !important;
padding-left: 20px !important;
}
.has-columns .column {
padding-right: 10px !important;
padding-left: 10px !important;
}
.mobile-collapsed .column {
padding-left: 0 !important;
padding-right: 0 !important;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
.mobile-center {
display: table !important;
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
.mobile-text-center {text-align: center !important;}
.mobile-text-left {text-align: left !important;}
.mobile-text-right {text-align: right !important;}
.show-on-mobile {
display: table !important;
overflow: visible !important;
line-height: inherit !important;
}
.hide-on-mobile {
display: none !important;
width: 0;
overflow: hidden;
}
.mobile-full-width {
display: table;
width: 100%;
}
.mobile-first {display: table-header-group !important;}
.mobile-intermediate {display: table-row !important;}
.mobile-last {display: table-footer-group !important;}
.mobile-first th,
.mobile-intermediate th,
.mobile-last th {
padding-left: 30px !important;
padding-right: 30px !important;
}
.menu[align="center"],
.menu.mobile-center {
width: auto !important;
}
.menu th {
width: auto !important;
display: inline-block !important;
padding-bottom: 15px !important;
}
.menu.mobile-vertical th {
display: block !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.hamburger-menu,
.accordion-content {
max-height: 0;
overflow: hidden;
-ms-transition: max-height .2s ease-in-out;
-webkit-transition: max-height .2s ease-in-out;
transition: max-height .2s ease-in-out;
}
.menu-trigger img {
display: block;
margin: 0 auto !important;
float: none !important;
max-height: none !important;
}
.menu-trigger:hover + .hamburger-menu,
.hamburger-menu:hover,
.accordion-item:hover .accordion-content {
max-height: 999px !important;
overflow: visible !important;
}
.spacer,
.divider th {height: 30px; line-height: 100% !important; font-size: 100% !important;}
.spacer10 {height: 10px; line-height: 100% !important; font-size: 100% !important;}
.mobile-padding-top {padding-top: 30px !important;}
.mobile-padding-top-mini {padding-top: 10px !important;}
.mobile-padding-bottom {padding-bottom: 30px !important;}
.mobile-padding-bottom-mini {padding-bottom: 10px !important;}
.mobile-margin-top {margin-top: 30px !important;}
.mobile-margin-top-mini {margin-top: 10px !important;}
.mobile-margin-bottom {margin-bottom: 30px !important;}
.mobile-margin-bottom-mini {margin-bottom: 10px !important;}
}
</style>
</head>
<body style="box-sizing: border-box; margin: 0; padding: 0; width: 100%;">
<!-- Preheader -->
<p style="display:none;">Ready to Zoom like a pro? This is our best resource to get you going and stay up to date.</p>
<!-- Email Wrapper -->
<table align="center" bgcolor="#EEEEEE" class="wrapper" style="border-spacing: 0; margin: 0 auto; width: 100%;">
<tbody>
<tr>
<td style="padding: 0;"><!-- Zoom Header -->
<table align="center" bgcolor="#FFFFFF" class="row" style="margin: 0 auto;">
<tbody>
<tr>
<td class="spacer" colspan="2" height="30" style="font-size: 30px; line-height:30px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
<tr style="vertical-align: top;" valign="top">
<th class="column mobile-6" style="width: 640px; padding: 5px 30px; font-weight: 400;" width="640"><a href="http://email.zoom.us/track/click/30854053/zoom.us?p=eyJzIjoiZHRuSFZOdjVXcDRYR0RkOTk4eFZZNE5sTW9RIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvem9vbS51c1wiLFwiaWRcIjpcImEzYTQ0YmE2YjE2MjQzNzM5Yzg5ZDQ4NTcxMjI4MzgyXCIsXCJ1cmxfaWRzXCI6W1wiYzQ1YWU0NTlhZWM1YzlmMjYwZjcxOTNjMDczMjhjYjgyZmZhODQwMlwiXX0ifQ" target="_blank"><img alt="Header Logo" height="25" src=" http://click.zoom.us/l/84442/2017-02-13/6zdsxg/84442/96605/Logo_2017.png" style="margin: 0; width: 95px; border: 0;" width="95"> </a></th>
<th class="column mobile-6" style="width: 640px; padding: 5px 30px; font-weight: 400; text-align:right;" width="640"><a href="http://email.zoom.us/track/click/30854053/zoom.us?p=eyJzIjoiOWZqd2E4VWczTmdHaUNRRGJvZXR6cGVmQlJRIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvem9vbS51c1xcXC9zaWduaW5cIixcImlkXCI6XCJhM2E0NGJhNmIxNjI0MzczOWM4OWQ0ODU3MTIyODM4MlwiLFwidXJsX2lkc1wiOltcImE4ZmEzM2UxMGFhYjgyNWNiMjM5ZmFjYWE3NGUzOGEzYWY1ZjJlYjRcIl19In0" style="text-decoration: none; color:#424242; font-size: 14px;" target="_blank">Sign In </a></th>
</tr>
<tr>
<td class="spacer" colspan="2" height="30" style="font-size: 30px; line-height: 30px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table>
<!-- Zoom Header --><!-- HERO 3 -->
<table align="center" class="row" style="border-spacing: 0; margin: 0 auto;">
<tbody>
<tr style="vertical-align: top;" valign="top">
<th background="http://click.zoom.us/l/84442/2018-01-12/9gbg21/84442/121450/Hero_GroupOnDevices.jpg" bgcolor="#EEEEEE" class="column mobile-12" style="width: 700px; padding: 0 70px; font-weight: 400; background-repeat: no-repeat; background-position: center top; background-size: cover;margin-bottom: 0 !important;" width="700"><!--[if gte mso 9]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:700px;height:175px;">
<v:fill type="frame" src="http://click.zoom.us/l/84442/2018-01-12/9gbg21/84442/121450/Hero_GroupOnDevices.jpg" color="#EEEEEE" ></v:fill>
<v:textbox inset="0,0,0,0">
<![endif]-->
<table align="center" style="border-spacing: 0; margin: 0 auto; width: 100%;" width="100%">
<tbody>
<tr>
<td height="175" style="font-size: 175px; line-height: 175px; margin: 0; padding: 0;" class="">&nbsp;</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]>
</v:textbox>
</v:rect>
<![endif]--></th>
</tr>
</tbody>
</table>
<!-- /HERO 3 --><!-- Intro Basic With Button -->
<table align="center" bgcolor="#FFFFFF" class="row" style="border-spacing: 0; margin: 0 auto;">
<tbody>
<tr>
<td class="spacer" height="40" style="font-size: 40px; line-height: 40px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
<tr style="vertical-align: top;" valign="top">
<th class="column sans-serif" style="width: 640px; padding: 0; padding-left: 30px; padding-right: 30px; color: #969aa1; font-size: 14px; font-weight: 400; text-align: left;" width="640">
<h3 class="sans-serif" style="color: rgb(80, 80, 80); font-size: 24px; font-weight: 400; margin-bottom: 15px; line-height: 34px; text-align: center;">Zoom Like a Rockstar!</h3>
<div style="margin-bottom: 40px; font-size: 15px; text-align: center;">Loving&nbsp;Zoom? Visit our blog&nbsp;to stay up to date with<br>
our latest and greatest happenings.</div>
<table bgcolor="#F5713A" style="border-spacing: 0; border-radius: 3px; margin: 0 auto;" align="center">
<tbody>
<tr>
<td class="sans-serif" style="padding: 0;" align="center"><strong><a href="http://email.zoom.us/track/click/30854053/blog.zoom.us?p=eyJzIjoiUnFjLWRDcXl2a015ZGdySWQzMUdRX25MRF9JIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL2Jsb2cuem9vbS51c1xcXC8_MTcwNVwiLFwiaWRcIjpcImEzYTQ0YmE2YjE2MjQzNzM5Yzg5ZDQ4NTcxMjI4MzgyXCIsXCJ1cmxfaWRzXCI6W1wiOGZkOTBiNTFkODE2YTJiNjY1YWYzM2NkNmI0M2VlYjE3NmM2NTA1OFwiXX0ifQ" style="border: 0 solid #F5713A; display: inline-block; font-size: 14px; padding: 15px 50px 15px 50px; text-align: center; text-decoration:none;color: #FFFFFF;" target="_blank">Visit the Blog</a></strong></td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<td class="spacer" height="40" style="font-size: 40px; line-height: 40px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table>
<!-- /Intro Basic With Button --><!-- Gray Box -->
<table align="center" bgcolor="#c6c6c6" class="row" style="border-spacing:0; margin:0 auto">
<tbody>
<tr>
<th class="column" style="width: 640px; padding: 0; padding-left: 30px; padding-right: 30px; color: #969AA1; font-size: 13px; font-weight: 400;" width="640">
<table align="center" class="row" style="border-spacing:0; margin:0 auto">
<tbody>
<tr>
<td class="spacer" colspan="2" height="40" style="font-size: 40px; line-height: 40px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
<tr class="mobile-full-width" style="vertical-align: top;" valign="top">
<th class="column hide-on-mobile sans-serif" style="width: 145px; padding: 0px 10px 0px 0px; color: rgb(150, 154, 161); font-size: 13px; font-weight: 400;" width="145">&nbsp;</th>
<th class="column mobile-first" style="width: 310px; padding: 0; padding-left: 10px; padding-right: 10px; text-align: center; font-weight: 400;" width="310">
<div class="mobile-margin-top-mini mobile-margin-bottom" style="margin: 0 auto; margin-bottom: 20px;"><a href="http://email.zoom.us/track/click/30854053/twitter.com?p=eyJzIjoianZXaGpiMUdFYUF3TWdsZGg4MFNJVU5tVWVzIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3R3aXR0ZXIuY29tXFxcL3pvb21fdXNcIixcImlkXCI6XCJhM2E0NGJhNmIxNjI0MzczOWM4OWQ0ODU3MTIyODM4MlwiLFwidXJsX2lkc1wiOltcIjYxZWQ1MmMzNjI1MjExZjViMmE5YjIyNzc4MTQ0MzgyZGU4OTc5NjdcIl19In0" style="color: #3FB58B; display: inline-block; text-decoration: none;" target="_blank"><img alt="Twitter" height="28" src="http://click.zoom.us/l/84442/2017-06-23/81kp5q/84442/106937/Social17_Twitter_new.png" style="border:0; display:inline-block; height: 28px; width: 28px;" width="28">&nbsp;</a> <a href="http://email.zoom.us/track/click/30854053/www.linkedin.com?p=eyJzIjoiYUNGdGl0UFdjMXI0NXo4UjlaRnNwOW1xZ0s4IiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5saW5rZWRpbi5jb21cXFwvY29tcGFueS1iZXRhXFxcLzI1MzIyNTk_cGF0aFdpbGRjYXJkPTI1MzIyNTlcIixcImlkXCI6XCJhM2E0NGJhNmIxNjI0MzczOWM4OWQ0ODU3MTIyODM4MlwiLFwidXJsX2lkc1wiOltcImM5MWUzODI5NzNjN2I3NDJjNmQ4ZTNiZWY0NDNkNTM5NTdmMDkyY2VcIl19In0" style="color: #3FB58B; display: inline-block; text-decoration: none;" target="_blank"> &nbsp; <img alt="LinkedIn" height="28" src="http://click.zoom.us/l/84442/2017-06-23/81kp5l/84442/106935/Social17_Linked_new.png" style="border:0; display:inline-block; height: 28px; width: 28px;" width="28">&nbsp;</a> <a href="http://email.zoom.us/track/click/30854053/blog.zoom.us?p=eyJzIjoiRTlZUXU1eTBIUnFnRGNJT1NaejJCQVo4WlNvIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvYmxvZy56b29tLnVzXFxcL1wiLFwiaWRcIjpcImEzYTQ0YmE2YjE2MjQzNzM5Yzg5ZDQ4NTcxMjI4MzgyXCIsXCJ1cmxfaWRzXCI6W1wiNmIxZWFhMjA5MzA4ZThmYmVlYTEwNTEyM2U1YjgyZTVhMzA0ZGRiOFwiXX0ifQ" style="color: #3FB58B; display: inline-block; text-decoration: none;" target="_blank"> &nbsp; <img alt="Pinterest" height="28" src="http://click.zoom.us/l/84442/2017-06-23/81kp5n/84442/106933/Social17_Blog_new.png" style="border:0; display:inline-block; height: 28px; width: 28px;" width="28">&nbsp;</a></div>
<div class="mobile-margin-top-mini mobile-margin-bottom" style="margin: 0 auto; margin-bottom: 25px; font-size: 13px; line-height: 22px; color: #828282;"><a href="tel:1-888-799-9666" style=" text-decoration: none; color: #828282;">+1.888.799.9666</a><br>
© 2018 Zoom - All Rights Reserved</div>
</th>
<th class="column hide-on-mobile sans-serif" style="width: 145px; padding: 0px 0px 0px 10px; font-weight: 400;" width="145">&nbsp;</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- Gray Box --><!-- Footer 3 -->
<table align="center" class="row" style="border-spacing:0; margin:0 auto">
<tbody>
<tr>
<th class="column" style="width: 640px; padding: 0; padding-left: 30px; padding-right: 30px; color: #969AA1; font-size: 13px; font-weight: 400;" width="640">
<table align="center" class="row" style="border-spacing:0; margin:0 auto">
<tbody>
<tr>
<td class="spacer" colspan="2" height="40" style="font-size: 40px; line-height: 40px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
<tr class="mobile-full-width" style="vertical-align: top;" valign="top">
<th class="column mobile-intermediate sans-serif" style="width: 145px; padding: 0; padding-right: 10px; color: #969AA1; font-size: 13px; font-weight: 400;" width="145">&nbsp;</th>
<th class="column mobile-first" style="width: 310px; padding: 0; padding-left: 10px; padding-right: 10px; text-align: center; font-weight: 400;" width="310">
<div class="mobile-margin-top-mini mobile-margin-bottom" style="margin: 0 auto; margin-bottom: 25px; font-size: 13px; line-height: 22px; color:#969AA1">Visit <a href="http://email.zoom.us/track/click/30854053/zoom.us?p=eyJzIjoiZHRuSFZOdjVXcDRYR0RkOTk4eFZZNE5sTW9RIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvem9vbS51c1wiLFwiaWRcIjpcImEzYTQ0YmE2YjE2MjQzNzM5Yzg5ZDQ4NTcxMjI4MzgyXCIsXCJ1cmxfaWRzXCI6W1wiYzQ1YWU0NTlhZWM1YzlmMjYwZjcxOTNjMDczMjhjYjgyZmZhODQwMlwiXX0ifQ" style="color:#969AA1" target="_blank">zoom.us</a><br>
<a href="http://email.zoom.us/track/click/30854053/www.google.com?p=eyJzIjoiQUNGT2Q5eTAxZWhUUmtOeEJORUhHQUZHbXNvIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3d3dy5nb29nbGUuY29tXFxcL21hcHNcXFwvcGxhY2VcXFwvNTUrQWxtYWRlbitCbHZkLCtTYW4rSm9zZSwrQ0ErOTUxMTNcXFwvQDM3LjMzMjg1NDEsLTEyMS44OTcwOTcsMTd6XFxcL2RhdGE9ITNtMSE0YjEhNG01ITNtNCExczB4ODA4ZmNjYTQwYWRmM2NiNzoweDVhMmQzM2QzNTkzZTBhMzMhOG0yITNkMzcuMzMyODU0MSE0ZC0xMjEuODk0OTA4M1wiLFwiaWRcIjpcImEzYTQ0YmE2YjE2MjQzNzM5Yzg5ZDQ4NTcxMjI4MzgyXCIsXCJ1cmxfaWRzXCI6W1wiMzlkYmVlMjM0ZjZmYWU0YmQxODNkZTQ5Zjk1OTU5Nzk0MzhjZjQyN1wiXX0ifQ" style="color:#969AA1; text-decoration: none;" target="_blank">55 Almaden Blvd<br>
San Jose, CA 95113</a></div>
<div class="mobile-margin-top-mini mobile-margin-bottom" style="margin: 0 auto; margin-bottom: 25px; font-size: 10px; line-height: 150%; color:#969AA1">You're receiving this email because you signed up for a Zoom account. If you wish to be removed from our email list, <a href="http://email.zoom.us/track/click/30854053/zoom.us?p=eyJzIjoiUENmVEMzNGduS3F2cGJZUWR0MTBnRG1mbG5JIiwidiI6MSwicCI6IntcInVcIjozMDg1NDA1MyxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL3pvb20udXNcXFwvdW5zdWJzY3JpYmVcXFwvdVxcXC8tNXFtRU1ERVNILVRYZHZfVC02NDhRXCIsXCJpZFwiOlwiYTNhNDRiYTZiMTYyNDM3MzljODlkNDg1NzEyMjgzODJcIixcInVybF9pZHNcIjpbXCJmNzUxMjFlZGRiNjQ0NmIwOGMyNTgwMTY3YjFkOTg5YTNjMmNhZjE2XCJdfSJ9" style="color:#969AA1">unsubscribe</a>.</div>
</th>
<th class="column mobile-last sans-serif" style="width: 145px; padding: 0; padding-right: 10px; font-weight: 400;" width="145">&nbsp;</th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
<!-- Footer 3 --></td>
</tr>
<tr>
<td class="spacer" height="65" style="font-size: 65px; line-height: 65px; margin: 0; padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table>
<img src="http://email.zoom.us/track/open.php?u=30854053&id=a3a44ba6b16243739c89d48571228382" height="1" width="1"></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment