We’ve successfully exported your scoped email into builder.
We just opened a brand new tab in your browser, in there you’ll find your scoped email ready to be edited.

Take me back to scope
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="noindex" name="robots"> <title>Announcement Powering Up with React B</title> <style type="text/css"> table{ border-collapse:collapse; border-spacing:0; } td.text,.has-btn{ mso-line-height-rule:exactly; -webkit-font-smoothing:antialiased; -ms-text-size-adjust:none; -webkit-text-size-adjust:none; } 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; } @media screen and (max-width: 600px){ .text{ font-size:14px !important; line-height:21px !important; } } @media screen and (max-width: 600px){ .h1{ font-size:20px !important; } } @media screen and (max-width: 600px){ .h2{ font-size:18px !important; } } @media screen and (max-width: 600px){ .h3{ font-size:16px !important; } } @media screen and (max-width: 600px){ .h4{ font-size:14px !important; } } @media screen and (max-width: 600px){ .h5{ font-size:14px !important; } } @media screen and (max-width: 600px){ table{ line-height:1.5 !important; } } @media screen and (max-width: 600px){ .h1,.h2,.h3,.h4,.h5{ line-height:1.2 !important; } } @media screen and (max-width: 600px){ .cs-logo{ width:120px !important; } } @media screen and (max-width: 600px){ .flex-size{ max-width:100% !important; width:100% !important; } } @media screen and (max-width: 600px){ .flex-size img{ max-width:100% !important; } } @media screen and (max-width: 600px){ .s-height{ height:10px !important; } } @media screen and (max-width: 600px){ .s-db{ display:block !important; } } @media screen and (max-width: 600px){ .s-dib{ display:inline-block !important; } } @media screen and (max-width: 600px){ .s-hf{ height:0 !important; } } @media screen and (max-width: 600px){ .s-paf{ padding:0 !important; } } @media screen and (max-width: 600px){ .s-pbf{ padding-bottom:0 !important; } } @media screen and (max-width: 600px){ .s-pbm{ padding-bottom:16px !important; } } @media screen and (max-width: 600px){ .s-plf{ padding-left:0 !important; } } @media screen and (max-width: 600px){ .s-prf{ padding-right:0 !important; } } @media screen and (max-width: 600px){ .s-pts{ padding-top:8px !important; } } @media screen and (max-width: 600px){ .s-ptm{ padding-top:16px !important; } } @media screen and (max-width: 600px){ .s-ptl{ padding-top:32px !important; } } @media screen and (max-width: 600px){ .s-tac{ text-align:center !important; } } @media screen and (max-width: 600px){ .s-tal{ text-align:left !important; } } @media screen and (min-device-width: 375px) and (max-device-width: 667px){ table{ font-size:16px !important; } } @media screen and (min-device-width: 375px) and (max-device-width: 667px){ table.footer-content{ font-size:12px !important; } } .footer a{ color:#aebdc1; } .btn-a:hover{ transform:rotate(-8deg) scale(1.2) skew(-5deg, -5deg) !important; } @media screen and (max-width: 401px){ .brand-react{ padding-bottom:15px; width:75% !important; } }</style></head> <body style="margin: 0; padding: 0;"> <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="header" width="100%" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center" style="border-bottom: 1px solid #f7f7f7; padding: 12px 0;"> <a href="https://www.codeschool.com"> <img alt="" border="0" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/3b956e42-1381-4d47-8332-808334d3b280.png" width="190"> </a> </td> </tr> </table> <table bgcolor="#050608" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center" style="background: url(https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/dbcce0f5-927a-45fe-9469-e61355f65115.jpg) no-repeat center center / cover; padding: 40px 20px 48px 20px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td style="font-size: 0;"> </td> <td width="420"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center"> <img class="brand-react" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/59f4be97-91f7-4253-bb68-c4a711911765.png" style="display: block; max-width: 100%;" width="480"> </td> </tr> <tr> <td align="center" class="text" style="color: #ffffff;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 18px;line-height: 24px;position: relative;top: -46px;padding-top: 16px;transform: rotate(-8deg) skew(-5deg, -5deg);mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> You've heard React was good — now it's your chance to give it a go! Play our new Powering Up With React course and learn how to build user interfaces that are scalable and easy to maintain. </td> </tr> <tr> <td align="center" style="padding-top: 16px;"> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.codeschool.com/enrollment/new/?utm_medium=email&utm_campaign=announcement_powering_up_with_react_b&utm_source=mailchimp&utm_content=null" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="250%" stroke="f" fillcolor="#72c2a1"> <w:anchorlock/> <center> <![endif]--> <a class="btn-a" href="https://www.codeschool.com/enrollment/new/?utm_medium=email&utm_campaign=announcement_powering_up_with_react_b&utm_source=mailchimp&utm_content=null" style="background-color:#72c2a1; background-image: linear-gradient(to bottom, #72c2a1, #bde6ec); border: 3px solid #ffffff; box-shadow: inset 2px 2px 0 0 #2a328f, 3px 3px 0 0 #2f3893; color:#2e3690; display:inline-block; font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif; font-size:16px; font-weight: bold; line-height:48px; position: relative; text-align:center; text-decoration:none; top: -40px; transform: rotate(-8deg) skew(-5deg, -5deg); transition: transform 0.25s ease-in-out; width:230px;">Enroll to Play</a> <!--[if mso]> </center> </v:roundrect> <![endif]--> </td> </tr> <tr> <td align="center" class="text" style="color: #ffffff;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 16px;line-height: 24px;padding-top: 8px;position: relative;top: -36px;transform: rotate(-8deg) skew(-5deg, -5deg);mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> <a href="https://www.codeschool.com/courses/powering-up-with-react/?utm_medium=email&utm_campaign=announcement_powering_up_with_react_b&utm_source=mailchimp&utm_content=null" style="color: #72c2a1; font-weight: 600;">Learn More</a> </td> </tr> <tr> <td style=" padding-top: 60px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="left" class="text" style="color: #ffffff;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 16px;line-height: 24px;padding-top: 16px;transform: rotate(-8deg) skew(-5deg, -5deg);vertical-align: middle;mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> <a href="https://twitter.com/intent/tweet?text=Want+to+learn+React?+@codeschool+just+launched+a+new+course:&url=https://www.codeschool.com/courses/powering-up-with-react" style="color: #ffffff;"> <img alt="Twitter" border="0" height="20" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/76034afd-ef45-4825-8a20-abc63a8b2302.png" style="display: inline-block; max-width: 100%;"> </a> </td> <td align="left" class="text" style="color: #ffffff;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 16px;line-height: 24px;padding: 16px 0 5px 3px;position: relative;top: -16px;transform: rotate(-8deg) skew(-5deg, -5deg);vertical-align: middle;mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> <a href="https://twitter.com/intent/tweet?text=Want+to+learn+React?+@codeschool+just+launched+a+new+course:&url=https://www.codeschool.com/courses/powering-up-with-react" style="color: #ffffff;"> Tweet This </a> </td> </tr> </table> </td> </tr> </table> </td> <td style="font-size: 0;"> </td> </tr> </table> </td> </tr> </table> <table bgcolor="#2d3033" border="0" cellpadding="0" cellspacing="0" class="wrapper" style="color: #aebdc1;font-size: 12px;border-collapse: collapse;border-spacing: 0;" width="100%"> <tr> <td align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center" style="padding: 32px 12px 0 12px;"> <a href="https://twitter.com/codeschool" style="text-decoration: none;"> <img alt="Twitter Icon" border="0" height="30" src="http://d367zuf2xzw0m3.cloudfront.net/common/social-twitter.png" width="30"> </a> </td> <td align="center" style="padding: 32px 12px 0 12px;"> <a href="https://www.facebook.com/codeschool?_rdr" style="text-decoration: none;"> <img alt="Facebook Icon" border="0" height="30" src="http://d367zuf2xzw0m3.cloudfront.net/common/social-facebook.png" width="30"> </a> </td> <td align="center" style="padding: 32px 12px 0 12px;"> <a href="https://www.youtube.com/user/CodeSchoolTV" style="text-decoration: none;"> <img alt="Youtube Icon" border="0" height="30" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/email_social_youtube.png" width="30"> </a> </td> <td align="center" style="padding: 32px 12px 0 12px;"> <a href="https://plus.google.com/+Codeschool/posts" style="text-decoration: none;"> <img alt="Google+ Icon" border="0" height="30" src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/email_social_gplus.png" width="30"> </a> </td> </tr> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="left" class="text s-tac" style="color: #aebdc1;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 14px;line-height: 21px;padding-top: 24px;mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> Have questions or need assistance? </td> </tr> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center"> <!--[if (IE)|mso]> <table align='center' border='0' cellpadding='0' cellspacing='0' width='384'> <tr> <td> <![endif]--> <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size" style="max-width: 384px;border-collapse: collapse;border-spacing: 0;" width="100%"> <tr> <td style="font-size: 0; text-align: center;"> <div style="display: inline-block;"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="content" width="182" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center" style="padding: 16px 16px 0 16px;"> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.codeschool.com/support" style="height:40px;v-text-anchor:middle;width:150px;" arcsize="200%" strokecolor="#aebdc1" fillcolor="#2d3033"> <w:anchorlock/> <center style="color:#aebdc1;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;">Support</center> </v:roundrect> <![endif]--> <a href="https://www.codeschool.com/support" style="background-color:#2d3033;border:1px solid #aebdc1;border-radius:20px;color:#aebdc1;display:inline-block;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:300;line-height:40px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;text-transform: uppercase;mso-hide:all;">Support</a> </td> </tr> </table> </div> <!--[if mso]> </td> <td> <![endif]--> <div style="display: inline-block;"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="content" width="182" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center" style="padding: 16px 16px 0 16px;"> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.codeschool.com/faq" style="height:40px;v-text-anchor:middle;width:150px;" arcsize="200%" strokecolor="#aebdc1" fillcolor="#2d3033"> <w:anchorlock/> <center style="color:#aebdc1;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:bold;">FAQ</center> </v:roundrect> <![endif]--> <a href="https://www.codeschool.com/faq" style="background-color:#2d3033;border:1px solid #aebdc1;border-radius:20px;color:#aebdc1;display:inline-block;font-family:'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size:12px;font-weight:300;line-height:40px;text-align:center;text-decoration:none;width:150px;-webkit-text-size-adjust:none;text-transform: uppercase;mso-hide:all;">FAQ</a> <!--[if (IE)|mso]> </td> </tr> </table> <![endif]--> </td> </tr> </table> </div> </td> </tr> </table> </td> </tr> </table> <table align="center" border="0" cellpadding="0" cellspacing="0" class="flex-size" style="border-collapse: collapse;border-spacing: 0;"> <tr> <td align="center" class="text" style="color: #aebdc1;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 18px;padding: 32px 20px 0 20px;mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> © 2016 Code School LLC. Crafted lovingly in Orlando, Florida. </td> </tr> <tr> <td align="center" class="text" style="color: #aebdc1;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 18px;padding: 0 20px;mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> <span class="maskLink-footer">Code School 618 E South Street Suite 620 Orlando, FL 32801 USA</span> </td> </tr> <tr> <td align="center" class="text" style="color: #aebdc1;font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 18px;padding: 16px 0 32px 0;mso-line-height-rule: exactly;-webkit-font-smoothing: antialiased;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;"> <a href="https://www.codeschool.com/users/sign_in" style="color: #aebdc1;">Edit your email settings</a> <a href="http://CodeSchool.us5.list-manage.com/unsubscribe?u=8234ed62d6a7fa87721ff1d8a&id=b819d211aa&e=ff32f36238&c=f3ffa1bbba" style="color: #aebdc1;"> Unsubscribe </a> </td> </tr> </table> </td> </tr> </table> <img src="http://CodeSchool.us5.list-manage.com/track/open.php?u=8234ed62d6a7fa87721ff1d8a&id=f3ffa1bbba&e=ff32f36238" height="1" width="1"></body> </html>
Want to see what this email looks like in 50+ email clients? Try Litmus Free
Looking for the following words in your email:
We just opened a brand new tab in your browser, in there you’ll find your scoped email ready to be edited.