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://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dunked</title>
<style type="text/css">
#outlook a{
padding:0;
}
.ReadMsgBody{
width:100%;
}
.ExternalClass{
width:100%;
}
.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
line-height:100%;
}
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
table,td{
mso-table-lspace:0pt;
mso-table-rspace:0pt;
}
img{
-ms-interpolation-mode:bicubic;
}
body{
margin:0;
padding:0;
}
img{
border:0;
height:auto;
line-height:100%;
outline:none;
text-decoration:none;
}
table{
border-collapse:collapse !important;
}
body,#bodyTable,#footerTable,#footerCell{
height:100% !important;
margin:0;
padding:0;
width:100% !important;
}
body{
background-color:#f2f3f3;
}
img{
max-width:100%!important;
height:auto;
}
#headerTable{
background-color:#f2f3f3;
text-align:center;
width:100%;
}
#headerContainer{
text-align:center;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:16px;
font-style:normal;
font-weight:normal;
line-height:165%;
letter-spacing:normal;
color:#696c74;
width:500px;
margin-bottom:49px;
background-color:#f2f3f3;
}
#headerCell{
padding:0 20px;
background-color:#f2f3f3;
}
#logoContainer{
margin-top:45px;
margin-bottom:28px;
background-color:#f2f3f3;
width:600px;
}
#logo{
height:auto;
max-width:132px;
display:block;
padding-right:6%;
}
#bodyTable{
background-color:#f2f3f3;
text-align:center;
}
#bodyCell{
background-color:#ffffff;
width:580px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:0 20px;
}
.sectionContainer,.sectionContainerLast{
width:80%;
text-align:center;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:16px;
font-style:normal;
font-weight:normal;
line-height:165%;
letter-spacing:normal;
color:#696c74;
margin-top:53px;
border-bottom:5px solid #f2f3f3;
}
.sectionContainerLast{
border:none;
}
.sectionSub{
color:#b2b5bc;
font-size:14px;
}
h2{
color:#212b3e !important;
display:block;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:32px;
font-style:normal;
font-weight:normal;
line-height:100%;
letter-spacing:normal;
margin-top:13px;
margin-right:0;
margin-bottom:16px;
margin-left:0;
text-align:center;
}
.section-button a,.section-button a:link,.section-button a:visited .section-button a .yshortcuts{
background-color:#2cc087;
color:#ffffff!important;
text-decoration:none!important;
font-weight:normal!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
display:inline-block;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:16px;
line-height:44px;
width:100%;
}
.section-button{
font-family:Helvetica Neue,Helvetica,sans-serif;
text-decoration:none!important;
font-weight:normal!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#ffffff;
display:block;
height:44px;
width:170px;
background-color:#2cc087;
}
.section-button span{
color:#ffffff;
text-decoration:none;
}
.section-image{
margin-bottom:60px;
}
#footerContainer .section-image{
margin-bottom:0;
}
.sectionContainer a:link,.sectionContainer a:visited,.sectionContainer a .yshortcuts .sectionContainerLast a:link,.sectionContainerLast a:visited,.sectionContainerLast a .yshortcuts{
color:#36AAD5;
font-weight:normal;
text-decoration:underline;
}
.img-link{
text-decoration:none!important;
}
#footerTable,#footerCell{
background:#f2f3f3;
}
#footerCell{
padding:70px 20px 0;
}
#socialContainer{
width:460px;
border-bottom:5px solid #e6e7e8;
border-top:5px solid #e6e7e8;
text-align:center;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:14px;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
text-decoration:none;
}
.social-cell{
padding:20px 0;
}
.social-spacer{
width:10px;
display:block;
height:44px;
padding:20px 0;
}
.facebook-btn{
font-family:Helvetica Neue,Helvetica,sans-serif;
text-decoration:none;
font-weight:normal!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#ffffff;
display:block;
height:44px;
width:150px;
background-color:#36549D;
}
.twitter-btn{
font-family:Helvetica Neue,Helvetica,sans-serif;
text-decoration:none;
font-weight:normal!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#ffffff;
display:block;
height:44px;
width:150px;
background-color:#46A9E3;
}
.twitter-btn a,.twitter-btn a:link,.twitter-btn a:visited,.twitter-btn a .yshortcuts{
font-family:Helvetica Neue,Helvetica,sans-serif;
text-decoration:none;
font-weight:normal!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#ffffff!important;
display:inline-block;
line-height:44px;
width:100%;
background-color:#46A9E3;
font-size:14px;
}
.facebook-btn a,.facebook-btn a:link,.facebook-btn a:visited,.facebook-btn a .yshortcuts{
font-family:Helvetica Neue,Helvetica,sans-serif;
text-decoration:none;
font-weight:normal!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#ffffff;
display:inline-block;
line-height:44px;
width:100%;
background-color:#36549D;
font-size:14px;
}
.twitter-btn span,.facebook-btn span{
color:#ffffff;
text-decoration:none!important;
}
#smallContainer{
width:460px;
text-align:center;
color:#b2b5bc;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:185%;
letter-spacing:normal;
}
#smallContainer a,#smallContainer a:link,#smallContainer a:visited,#smallContainer a .yshortcuts{
color:#696c74;
text-decoration:none;
}
#footerContainer{
width:460px;
text-align:center;
font-family:Helvetica Neue,Helvetica,sans-serif;
font-size:16px;
font-style:normal;
font-weight:normal;
line-height:165%;
letter-spacing:normal;
color:#696c74;
margin-bottom:4px;
}
#footerContainer .section-image{
margin-bottom:70px;
}
@media only screen and (max-width: 600px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none!important;
}
} @media only screen and (max-width: 600px){
body{
width:100%!important;
min-width:100%!important;
}
} @media only screen and (max-width: 600px){
#headerTable{
width:95%!important;
max-width:600px!important;
}
} @media only screen and (max-width: 600px){
#headerContainer{
width:95%!important;
max-width:460px!important;
}
} @media only screen and (max-width: 600px){
#logoContainer{
width:95%!important;
max-width:600px!important;
}
} @media only screen and (max-width: 600px){
#headerCell{
padding:0!important;
}
} @media only screen and (max-width: 600px){
#bodyCell{
width:100%!important;
max-width:580px!important;
padding:0!important;
}
} @media only screen and (max-width: 600px){
.sectionContainer,.sectionContainerLast,#footerContainer,#smallContainer,#socialContainer{
width:90%!important;
max-width:460px!important;
}
} @media only screen and (max-width: 600px){
.social-spacer{
width:5px!important;
}
} @media only screen and (max-width: 600px){
.facebook-btn,.twitter-btn{
width:140px!important;
}
}</style></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #f2f3f3;height: 100% !important;width: 100% !important;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" id="headerTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #f2f3f3;text-align: center;width: 100%;border-collapse: collapse !important;">
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<table border="0" cellpadding="0" cellspacing="0" id="logoContainer" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin-top: 45px;margin-bottom: 28px;background-color: #f2f3f3;width: 600px;border-collapse: collapse !important;">
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<a href="http://dunked.com?utm_source=Dunked+Newsletter&utm_campaign=b9bb1d33db-Dunked_Apex&utm_medium=email&utm_term=0_a59b236f40-b9bb1d33db-295344409" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;"><img src="http://static.dunkedcdn.com/assets/site/images/logo-email.png" id="logo" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 100%!important;display: block;padding-right: 6%;"></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<table border="0" cellpadding="0" cellspacing="0" id="headerContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;text-align: center;font-family: Helvetica Neue,Helvetica,sans-serif;font-size: 16px;font-style: normal;font-weight: normal;line-height: 165%;letter-spacing: normal;color: #696c74;width: 500px;margin-bottom: 49px;background-color: #f2f3f3;border-collapse: collapse !important;">
<tr>
<td align="center" id="headerCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;padding: 0 20px;background-color: #f2f3f3;">It's that time again. New template day.</td>
</tr>
</table>
</td>
</tr>
</table>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #f2f3f3;text-align: center;border-collapse: collapse !important;height: 100% !important;width: 100% !important;">
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<table id="bodyCell" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #ffffff;width: 580px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 0 20px;border-collapse: collapse !important;">
<tr>
<td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<!-- Begin Section -->
<!-- End Section -->
<!-- Begin Section -->
<!-- End Section -->
<!-- Begin Section -->
<!-- End Section -->
<!-- Begin Section -->
<!-- End Section -->
<!-- Begin Section -->
<table mc:hideable="hideable_5" border="0" cellpadding="0" cellspacing="0" class="sectionContainerLast" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 80%;text-align: center;font-family: Helvetica Neue,Helvetica,sans-serif;font-size: 16px;font-style: normal;font-weight: normal;line-height: 165%;letter-spacing: normal;color: #696c74;margin-top: 53px;border-bottom: 5px solid #f2f3f3;border: none;border-collapse: collapse !important;" mchideable="hideable_5">
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><span class="sectionSub" style="color:#b2b5bc; font-size:14px">New Template</span>
<h2 style="display: block;font-family: Helvetica Neue,Helvetica,sans-serif;font-size: 32px;font-style: normal;font-weight: normal;line-height: 100%;letter-spacing: normal;margin-top: 13px;margin-right: 0;margin-bottom: 16px;margin-left: 0;text-align: center;color: #212b3e !important;">Meet Apex</h2>
<div class="section-text">Apex is easily our new favourite. A grid layout, content overlay and smooth animations, what more could you want? Check out the live demo or login to your account to activate.</div>
<br>
<table cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tbody>
<tr>
<td align="center" class="section-button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: Helvetica Neue,Helvetica,sans-serif;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #ffffff;display: block;height: 44px;width: 170px;background-color: #2cc087;text-decoration: none!important;font-weight: normal!important;"><a href="http://apexdemo.dunked.com?utm_source=Dunked+Newsletter&utm_campaign=b9bb1d33db-Dunked_Apex&utm_medium=email&utm_term=0_a59b236f40-b9bb1d33db-295344409" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #2cc087;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;font-family: Helvetica Neue,Helvetica,sans-serif;font-size: 16px;line-height: 44px;width: 100%;color: #ffffff!important;font-weight: normal!important;text-decoration: none!important;" target="_blank"><span style="color:#ffffff; text-decoration:none">View the demo</span></a></td>
</tr>
</tbody>
</table>
<br>
<br>
<div class="section-image" style="margin-bottom: 60px;"><a class="img-link" href="http://apexdemo.dunked.com?utm_source=Dunked+Newsletter&utm_campaign=b9bb1d33db-Dunked_Apex&utm_medium=email&utm_term=0_a59b236f40-b9bb1d33db-295344409" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #36AAD5;font-weight: normal;text-decoration: none!important;" target="_blank"><img alt="laptop" src="https://gallery.mailchimp.com/16373854c3ae2245c0942f539/images/186ca19c-3d65-4a65-8de7-b14f8b97cd9a.jpg" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;max-width: 100%!important;"></a></div>
</td>
</tr>
</table>
<!-- End Section -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" id="footerTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background: #f2f3f3;border-collapse: collapse !important;height: 100% !important;width: 100% !important;">
<tr>
<td align="center" valign="top" id="footerCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 70px 20px 0;background: #f2f3f3;height: 100% !important;width: 100% !important;">
<!-- Begin Footer Section -->
<!-- End Footer Section -->
</td>
</tr>
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<table align="center" border="0" cellpadding="0" cellspacing="0" id="socialContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 460px;border-bottom: 5px solid #e6e7e8;border-top: 5px solid #e6e7e8;text-align: center;font-family: Helvetica Neue,Helvetica,sans-serif;font-size: 14px;font-style: normal;font-weight: normal;letter-spacing: normal;text-decoration: none;border-collapse: collapse !important;">
<tr>
<td align="right" class="social-cell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;padding: 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td valign="middle" align="center" class="twitter-btn" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: Helvetica Neue,Helvetica,sans-serif;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #ffffff;display: block;height: 44px;width: 150px;background-color: #46A9E3;font-weight: normal!important;">
<a target="_blank" href="https://twitter.com/DunkedHQ?utm_source=Dunked+Newsletter&utm_campaign=b9bb1d33db-Dunked_Apex&utm_medium=email&utm_term=0_a59b236f40-b9bb1d33db-295344409" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: Helvetica Neue,Helvetica,sans-serif;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;line-height: 44px;width: 100%;background-color: #46A9E3;font-size: 14px;font-weight: normal!important;color: #ffffff!important;"><span style="color: #ffffff;text-decoration: none!important;">Follow on Twitter</span></a>
</td>
</tr>
</table>
</td>
<td valign="middle" align="center" class="social-spacer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 10px;display: block;height: 44px;padding: 20px 0;"> </td>
<td valign="middle" align="left" class="social-cell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;padding: 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;">
<tr>
<td align="center" class="facebook-btn" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family: Helvetica Neue,Helvetica,sans-serif;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #ffffff;display: block;height: 44px;width: 150px;background-color: #36549D;font-weight: normal!important;">
<a target="_blank" href="https://www.facebook.com/DunkedHQ?utm_source=Dunked+Newsletter&utm_campaign=b9bb1d33db-Dunked_Apex&utm_medium=email&utm_term=0_a59b236f40-b9bb1d33db-295344409" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: Helvetica Neue,Helvetica,sans-serif;text-decoration: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #ffffff;display: inline-block;line-height: 44px;width: 100%;background-color: #36549D;font-size: 14px;font-weight: normal!important;"><span style="color: #ffffff;text-decoration: none!important;">Like on Facebook</span></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<table align="center" border="0" cellpadding="0" cellspacing="0" id="smallContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 460px;text-align: center;color: #b2b5bc;font-family: Helvetica Neue,Helvetica,sans-serif;font-size: 12px;font-style: normal;font-weight: normal;line-height: 185%;letter-spacing: normal;border-collapse: collapse !important;">
<tr>
<td align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
<br>
© 2015 Dunked. 145/157 St John St, London, EC1V 4PW<br>No longer interested? <a target="_blank" href="http://dunked.us2.list-manage.com/unsubscribe?u=16373854c3ae2245c0942f539&id=a59b236f40&e=c714bcb111&c=b9bb1d33db" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #696c74;text-decoration: none;">Unsubscribe</a>
<br>
<br>
<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<img src="http://dunked.us2.list-manage.com/track/open.php?u=16373854c3ae2245c0942f539&id=b9bb1d33db&e=c714bcb111" 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.