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.