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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://xxx.x0.xxx/XX/xxxxx0/XXX/xxxxx0-xxxxxxxxxxxx.xxx"> <html xmlns="http://xxx.x0.xxx/0000/xxxxx"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width"> <title>Our Angular.js course has launched!</title> <style type="text/css"> @media only screen and (max-width: 600px){ table{ font-size:14px !important; } } @media only screen and (max-width: 600px){ h1{ font-size:24px !important; } } @media only screen and (max-width: 600px){ h2{ font-size:20px !important; } } @media only screen and (max-width: 600px){ h3{ font-size:18px !important; } } @media only screen and (max-width: 600px){ h4{ font-size:14px !important; } } @media only screen and (max-width: 600px){ h5{ font-size:14px !important; } } @media only screen and (max-width: 600px){ .header{ margin:0 auto; width:92% !important; } } @media only screen and (max-width: 600px){ .logo{ max-width:70%; } } @media only screen and (max-width: 600px){ .logo-small{ width:120px !important; } } @media only screen and (max-width: 600px){ .content--wrapper{ margin:0 auto; padding:0 !important; width:100% !important; } } @media only screen and (max-width: 600px){ .content--wrapper img,.flex--size img{ height:auto !important; max-width:100% !important; } } @media only screen and (max-width: 600px){ .content--wrapper img.bordered{ height:auto !important; max-width:98% !important; } } @media only screen and (max-width: 600px){ .content--footer{ text-align:left !important; } } @media only screen and (max-width: 600px){ .content--footer a{ color:#fff !important; } } @media only screen and (max-width: 600px){ .flex--size{ width:100% !important; } } @media only screen and (max-width: 600px){ .flex--content{ margin:0 auto !important; width:92% !important; } } @media only screen and (max-width: 600px){ .flex--content img{ height:auto !important; max-width:100% !important; } } @media only screen and (max-width: 600px){ .flex--stack{ display:block !important; } } @media only screen and (max-width: 600px){ .flex--title{ width:190px !important; } } @media only screen and (max-width: 600px){ .hide-small{ display:none; } } @media only screen and (max-width: 600px){ .right-to-left{ text-align:left !important; } } @media only screen and (max-width: 600px){ .reduce--size{ font-size:13px; padding-bottom:10px; } } @media only screen and (max-width: 600px){ .small--type{ font-size:10px !important; } } @media only screen and (max-width: 600px){ .btn--full{ text-align:center; width:100% !important; } } @media only screen and (max-width: 600px){ .space--bottom{ padding-bottom:10px; } } @media only screen and (max-width: 600px){ .slantIndent{ padding-left:0 !important; } } @media only screen and (max-width: 600px){ .stacked-space{ padding-bottom:15px; } } @media only screen and (max-width: 600px){ .center--img{ text-align:center; width:320px; } } @media only screen and (max-width: 600px){ .footer{ font-size:12px !important; margin:0 auto; } } @media only screen and (max-width: 600px){ .footer a{ color:#ffffff !important; } } @media only screen and (max-width: 600px){ .tsm{ font-size:16px !important; } } @media only screen and (max-width: 600px){ .link-mask a{ color:#696969 !important; font-weight:normal !important; text-decoration:none !important; } } @media only screen and (max-width: 600px){ .link-mask-b a{ color:#636365 !important; font-weight:normal !important; text-decoration:none !important; } } @media only screen and (max-width: 600px){ .link-mask-c a{ color:#ffffff !important; font-weight:normal !important; text-decoration:none !important; } } .angle{ -webkit-transform:matrix(1, -0.03, 0, 1, 0, 0); transform:matrix(1, -0.03, 0, 1, 0, 0); } .cta-01,.cta-02{ transition:all 0.5s linear; } .cta-01:hover{ background:#cd1b16 !important; } .cta-02:hover{ background:#721a48 !important; } .angle-opp{ -webkit-transform:matrix(1, 0.02, 0, 1, 0, 0); transform:matrix(1, 0.02, 0, 1, 0, 0); } 100{ -webkit-transform:rotate(-30deg); } 100{ transform:rotate(-30deg); } .rock-01{ -webkit-animation:rock 5s 1s infinite alternate; animation:rock 5s 1s infinite alternate; } .rock-02{ -webkit-animation:rock 5s 4s infinite alternate; animation:rock 5s 2s infinite alternate; } .rock-03{ -webkit-animation:rock 5s 2s infinite alternate; animation:rock 5s 3s infinite alternate; } .rock-04{ -webkit-animation:rock 5s 5s infinite alternate; animation:rock 5s 4s infinite alternate; } .rock-05{ -webkit-animation:rock 5s 3s infinite alternate; animation:rock 5s 5s infinite alternate; } </style></head> <body leftmargin="0" marginwidth="0" marginheight="0" offset="0" topmargin="0" style="padding: 0;"> <center> <!-- // BEGIN BODYWRAP --> <table bgcolor="#f7f7f7" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-top: 2px solid #f7f7f7; color: #525254; font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;"> <tr> <td> <!-- // BEGIN HEADER WRAPPER --> <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- // BEGIN HEADER --> <table border="0" cellpadding="0" cellspacing="0" class="header" style="color: #999999; font-size: 10px;" width="600"> <tr> <td colspan="3" height="15"></td> </tr> <tr> <td width="20"></td> <td valign="top" class="mobile--header"> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=xx0xxxxxxx&x=0000000000" style="display: block; width: 150px;"><img src="http://d367zuf2xzw0m3.cloudfront.net/common/codeschool-logo.png" alt="Code School - Learn by doing" class="logo" width="150"> </a> </td> <td width="20"></td> </tr> <tr> <td colspan="3" height="20"></td> </tr> </table> <!-- // END HEADER --> </td> </tr> </table> <!-- // END HEADER WRAPPER --> <!-- // BEGIN CONTENT WRAPPER --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="flex--size" width="100%"> <tr> <td align="center"> <!-- ===================================== --> <!-- Content Name --> <!-- ===================================== --> <table border="0" cellpadding="0" cellspacing="0" class="flex--size" style="color: #9c2362; font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;" width="600"> <!-- ===================================== --> <!-- Intro Image --> <!-- ===================================== --> <tr> <td width="20"></td> <td align="left"> <img src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/7f7cf34f-0c70-4b1d-aa51-dc7e026e17a5.png" width="560"> </td> <td width="20"></td> </tr> <!-- Spacer --> <tr> <td colspan="3" height="15"></td> </tr> <!-- ===================================== --> <!-- Intro --> <!-- ===================================== --> <tr> <td width="20"></td> <td align="left" class="angle-opp" style="-webkit-transform: matrix(1, 0.02, 0, 1, 0, 0);transform: matrix(1, 0.02, 0, 1, 0, 0);"> <h3 style="color: #d7215d; font-size: 24px; margin: 0; padding-bottom: 5px;">Launched - Shaping up with Angular.js</h3> Learn to use Angular.js by adding behavior to your HTML and speeding up your application's responsiveness. Get ready to dive into all the angles of Angular.js! </td> <td width="20"></td> </tr> <!-- Spacer --> <tr> <td colspan="3" height="15"></td> </tr> <!-- ===================================== --> <!-- Intro Button --> <!-- ===================================== --> <tr> <td width="20"></td> <td align="left"> <!-- / ===================================== --> <!-- / Button --> <!-- / ===================================== --> <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" style="font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;" width="260"> <tr> <td class="cta-01" style="background: #ea423d;transition: all 0.5s linear;" valign="top"> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=x0xx00000x&x=0000000000" style="color: #ffffff; display: block; font-size: 14px; font-weight: bold; line-height: 3; text-align: center; text-decoration: none; text-transform: uppercase;">Play Now</a> </td> </tr> </table> </td> <td width="20"></td> </tr> <!-- Spacer --> <tr> <td colspan="3" height="25"></td> </tr> </table> </td> </tr> </table> <!-- ===================================== --> <!-- Levels Container --> <!-- ===================================== --> <table bgcolor="#f1f1f1" border="0" cellpadding="0" cellspacing="0" class="flex--size angle" width="100%" style="-webkit-transform: matrix(1, -0.03, 0, 1, 0, 0);transform: matrix(1, -0.03, 0, 1, 0, 0);"> <tr> <td align="center"> <!-- ===================================== --> <!-- Content Name --> <!-- ===================================== --> <table border="0" cellpadding="0" cellspacing="0" class="flex--size" style="color: #9c2362; font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;" width="600"> <!-- ===================================== --> <!-- Levels --> <!-- ===================================== --> <tr> <td width="20"></td> <td align="left"> <table border="0" cellpadding="0" cellspacing="0" class="flex--size" style="font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;" width="560"> <tr> <td colspan="2" height="25"></td> </tr> <tr> <td width="75"> <img alt="Level 1 Badge" class="rock-01" src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/68ae772b-8d3f-418b-9781-56ea4fc1bf68.png" width="55" style="-webkit-animation: rock 5s 1s infinite alternate;animation: rock 5s 1s infinite alternate;"> </td> <td> <strong>Level 1 - Flatlander's Gem Store:</strong> Get comfortable with expressions by beginning to build a gem store. </td> </tr> <tr> <td colspan="2" height="15"></td> </tr> <tr> <td width="75"> <img alt="Level 2 Badge" class="rock-02" src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/58a502fb-9ca4-4839-9b92-361b1bc4dc90.png" width="55" style="-webkit-animation: rock 5s 4s infinite alternate;animation: rock 5s 2s infinite alternate;"> </td> <td> <strong>Level 2 - Built-in Directives:</strong> Use directives to add a gallery and tabs to the gem store. </td> </tr> <tr> <td colspan="2" height="15"></td> </tr> <tr> <td width="75"> <img alt="Level 3 Badge" class="rock-03" src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/3e5ccf59-5612-4f28-91cf-16433b529acb.png" width="55" style="-webkit-animation: rock 5s 2s infinite alternate;animation: rock 5s 3s infinite alternate;"> </td> <td> <strong>Level 3 - Forms:</strong> Give the gem store review functionality by using Angular.js forms. </td> </tr> <tr> <td colspan="2" height="15"></td> </tr> <tr> <td width="75"> <img alt="Level 4 Badge" class="rock-04" src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/019c27cf-5657-4a78-8087-498f29589220.png" width="55" style="-webkit-animation: rock 5s 5s infinite alternate;animation: rock 5s 4s infinite alternate;"> </td> <td> <strong>Level 4 - Custom Directives:</strong> Create custom directives for more organized and maintainable Angular.js code. </td> </tr> <tr> <td colspan="2" height="15"></td> </tr> <tr> <td width="75"> <img alt="Level 5 Badge" class="rock-05" src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/99537246-4546-4d43-8dbd-3b632b7a376b.png" width="55" style="-webkit-animation: rock 5s 3s infinite alternate;animation: rock 5s 5s infinite alternate;"> </td> <td> <strong>Level 5 - Services:</strong> Create a new module and learn to use the $http service to get real data into the gem store. </td> </tr> <tr> <td colspan="2" height="15"></td> </tr> </table> </td> <td width="20"></td> </tr> <!-- Spacer --> <tr> <td colspan="3" height="15"></td> </tr> </table> </td> </tr> </table> <!-- ===================================== --> <!-- Levels Container --> <!-- ===================================== --> <table bgcolor="#f7f7f7" border="0" cellpadding="0" cellspacing="0" class="flex--size" width="100%"> <tr> <td height="30"></td> </tr> <tr> <td align="center"> <!-- ===================================== --> <!-- Content Name --> <!-- ===================================== --> <table border="0" cellpadding="0" cellspacing="0" class="flex--size" style="color: #9c2362; font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;" width="600"> <!-- ===================================== --> <!-- Intro Button --> <!-- ===================================== --> <tr> <td width="20"></td> <td align="left"> <!-- / ===================================== --> <!-- / Button --> <!-- / ===================================== --> <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" style="font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4;" width="260"> <tr> <td class="cta-02" style="background: #d7225e;transition: all 0.5s linear;" valign="top"> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=xxxx0xx0xx&x=0000000000" style="color: #ffffff; display: block; font-size: 14px; font-weight: bold; line-height: 3; text-align: center; text-decoration: none; text-transform: uppercase;">Learn More</a> </td> </tr> </table> </td> <td width="20"></td> </tr> <!-- Spacer --> <tr> <td colspan="3" height="25"></td> </tr> <!-- ===================================== --> <!-- Closing --> <!-- ===================================== --> <tr> <td width="20"></td> <td align="left"> Enjoy, <br> Gregg at Code School </td> <td width="20"></td> </tr> <!-- Spacer --> <tr> <td colspan="3" height="25"></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- // END CONTENT WRAPPER --> <!-- // BEGIN FOOTER WRAPPER --> <table bgcolor="#535456" border="0" cellpadding="0" cellspacing="0" width="100%" style="font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif;"> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" class="flex--size footer" style="color: #bfbeb2; width: 600px;"> <tr> <td colspan="3" height="25"></td> </tr> <tr> <td width="20"></td> <td valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="240" class="flex--size" style="color: #dcdbd2; font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 10px !important;"> <tr> <td valign="top" class="stacked-space"> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=000xx0000x&x=0000000000"><img src="http://d367zuf2xzw0m3.cloudfront.net/common/social-twitter.png" height="24" width="24" alt="Twitter Icon"></a> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=0x0x000000&x=0000000000"><img src="http://d367zuf2xzw0m3.cloudfront.net/common/social-facebook.png" height="24" width="24" alt="Facebook Icon"></a> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=0000x0000x&x=0000000000"><img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/email_social_youtube.png" height="24" width="24" alt="Youtube Icon"></a> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=x00x0x00xx&x=0000000000"><img src="https://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/email_social_gplus.png" height="24" width="24" alt="Google+ Icon"></a> <br><br> Have questions or need assistance? <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=00x000x000&x=0000000000" style="color: #ffffff;">help.codeschool.com</a> <br><br> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=x0x0000x00&x=0000000000" style="color: #ffffff;">Edit your email settings</a> <br> <br> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxxxxxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=x000x000xx&x=0000000000&x=0xxx00x000" style="color: #ffffff;">Unsubscribe from this list</a><strong></strong> </td> </tr> </table> <table align="left" border="0" cellpadding="0" cellspacing="0" width="80" class="flex--size" style="text-align: center;"> <tr> <td valign="top"> <a href="http://XxxxXxxxxx.xx0.xxxx-xxxxxx0.xxx/xxxxx/xxxxx?x=0000xx00x0x0xx00000xx0x0x&xx=0x00xxx000&x=0000000000"> <img src="http://gallery.mailchimp.com/8234ed62d6a7fa87721ff1d8a/images/logo_footer.png" alt="Code School" width="53"> </a> </td> </tr> </table> <table align="right" border="0" cellpadding="0" cellspacing="0" width="240" class="flex--size right-to-left" style="color: #dcdbd2; font-family: 'Open Sans', AppleSDGothicNeo-Medium, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 10px !important; text-align: right;"> <tr> <td valign="top"> <br> Our mailing address is: <br> 618 E South Street • Suite 620<br> Orlando, FL 32801 <br><br> <em>Copyright © Code School LLC,<br>All rights reserved.</em> </td> </tr> </table> </td> <td width="20"></td> </tr> <tr> <td colspan="3" height="25"></td> </tr> </table> </td> </tr> </table> <!-- // END FOOTER WRAPPER --> </td> </tr> </table> <!-- // END BODYWRAP --> </center> <img src="http://CodeSchool.us5.list-manage.com/track/open.php?u=8234ed62d6a7fa87721ff1d8a&id=2cea10d667&e=8650916715" 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.