.png)
.jpeg)
.jpeg)
.jpeg)
.webp)
from Loom
<!DOCTYPE html> <html lang="en"> <head> <title>Loom</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style type="text/css"> body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { -ms-interpolation-mode: bicubic; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } /* iOS BLUE LINKS */ a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } /* GMAIL BLUE LINKS */ u + #body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } /* SAMSUNG MAIL BLUE LINKS */ #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } h1, h2, h3, h4, h5, h6, p { font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0; } p { margin: 0 0 16px 0; } .content a { color: #625DF5; text-decoration: underline; } .content a:hover { color: #3B37AA !important; } .cta { background-color: #ffffff; } .cta td { background-color: #625DF5; padding: 13px 20px; border-radius: 6px; font-family: 'CircularXX', 'Circular Pro', 'Helvetica Neue', Arial, sans-serif; margin: 0; } .cta a { font-size: 18px; color: #FFFFFF !important; font-weight: bold; display: inline-block; text-decoration: none !important; background-color: #625DF5; border: none !important; background-color: #625DF5; border-radius: 6px; } .cta a:hover { color: #FFFFFF !important; } .footer a { color: inherit; } .footer a:hover { color: #7C7C7C !important; } </style> </head> <body style="background-color: #F9F9F9; font-family: 'CircularXX', 'Circular Pro', 'Helvetica Neue', Arial, sans-serif; margin: 0 !important; padding: 0 !important;"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="600" align="center" role="presentation"><tr><td> <![endif]--> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="color: #000000; font-weight: 400; line-height: 26px; margin: 0 auto; max-width: 600px; border-top: 12px solid #625DF5; width: 100%;"> <tbody> <tr> <td class="content" style="color: #000000; font-family: 'CircularXX', 'Circular Pro', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 26px; overflow: hidden; background-color: #ffffff; border: 1px solid #A09A9A; padding: 40px 30px;"> <img style="margin-bottom: 20px;" src="http://cdn.loom.com/assets/marketing/logo.png" alt="Loom" height="50" width="160"> <p>Congratulations, you did it! You recorded your first video message with Loom.</p> <p> You're one step away from greatness: Share your recording! Send your video's URL to spark a conversation with a colleague, client, or friend. <br><br> <table class="cta"> <tbody> <tr> <td> <a href="https://mandrillapp.com/track/click/30773215/loom.com?p=eyJzIjoiR2RTSHhSWWdUQXpLVmluWjZVcHhDWVhBU0lZIiwidiI6MSwicCI6IntcInVcIjozMDc3MzIxNSxcInZcIjoxLFwidXJsXCI6XCJodHRwczpcXFwvXFxcL2xvb20uY29tXFxcL21vc3QtcmVjZW50LXZpZGVvXCIsXCJpZFwiOlwiMTgzNzVlMjJkYzc4NDVjNzg4YWRmM2U3NDVmN2RjYTBcIixcInVybF9pZHNcIjpbXCIwMmQ3YjZiNDcxYjcxMzZiNmE5NDBlYjg0YTVjMTQwN2Q5ZjdmZDliXCJdfSJ9">Share your video</a> </td> </tr> </tbody> </table> <br><br> Not sure what else to record? Here are some quick ideas to help you be a Loom pro in no time: <ul> <li>Ditch your next Zoom and send your status update in a loom.</li> <li>Send a greeting or congratulate a teammate – they'll appreciate it!</li> <li>Send feedback with a loom – it's so much easier than typing it out.</li> </ul> </p> <br> <p> <br> Happy Recording! <br> The Loom Team </p> </td> </tr> </tbody> </table> <div style="margin: 0 auto; max-width: 600px; overflow: hidden;"> <div class="footer" style="color: #7C7C7C; font-size: 14px; line-height: 18px; padding: 0 30px; margin: 30px 0;"> <div>Loom, Inc.<address style="font-style: normal;">85 2nd Street, Floor 1 <br>San Francisco, CA 94105</address></div> <!-- <p style="margin-top: 16px; font-size: 14px;">{{unsubscribe_link}}</p> --> </div> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <img src="https://mandrillapp.com/track/open.php?u=30773215&id=18375e22dc7845c788adf3e745f7dca0" height="1" width="1" alt=""></body> </html>
