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.