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" />
<style type="text/css">
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
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, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
#templateContainer{width:600px;}
h1{
color:#716374; display:block; font-family: Arial; font-size:24px; font-style:normal; font-weight:bold; line-height:100%; letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;
}
h2{
color:#716374; display:block; font-family: Arial; font-size:18px; font-style:normal; font-weight:bold; line-height:100%; letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;
}
h3{
color:#716374; display:block; font-family: Arial; font-size:16px; font-style:normal; font-weight:normal; line-height:100%; letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;
}
h4{
color:#716374; display:block; font-family: Arial; font-size:14px; font-style:normal; font-weight:normal; line-height:100%; letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;
}
.normalText, .perksFinePrint {
color:#716374;
display:block;
font-family: Arial;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:20px;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
}
.normalText a{
color: #7878BA !important;
text-decoration: none !important;
}
.perksFinePrint a {
color: #7d71bb !important;
text-decoration: none !important;
font-weight: bold !important;
}
.dateNumber{
color:#716374;
display:block;
font-family: Arial;
font-size:60px;
font-style:normal;
font-weight:none;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
}
.monthNumber{
color:#716374;
display:block;
font-family: Arial;
font-size:24px;
font-style:normal;
font-weight:none;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
}
.suggestedContentTitle{
color:#716374;
display:block;
font-family: Arial;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:100%;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-bottom: 14px;
text-decoration: none;
}
#templatePreheader{
background-color:#6BD4D7;
}
.preheaderContent{
color: #716374;
font-family: Arial;
font-size:10px;
line-height:125%;
text-align: center;
}
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
color: #5b4ba7;
text-decoration: none;
}
#templateHeader{
border:1px solid #FFFFFF;
}
.headerContent{
color:#505050;
font-family: Arial;
font-size:20px;
font-weight:bold;
line-height:100%;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
text-align:left;
vertical-align:middle;
}
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
color:#EB4102;
font-weight:normal;
text-decoration:underline;
}
#headerImage{
height:auto;
max-width:600px;
}
#heroImage{
height:auto;
max-width:528px;
}
#templateBody{
background-color:#FFFFFF;
padding: 20px 35px 15px;
}
.bodyContent{
color: #716374;
font-family: Arial;
}
.bodyContent img{
display:inline;
height:auto;
max-width: 530px;
}
.templateColumnContainer{width:260px;}
.heroImageLeftTextContainer{width:320px; background-color: #e6e6e6;}
.imageLeftCopyCTA{width:228px; padding-right: 35px;}
.heroImageRightImageContainer{width:210px;}
.imageLeftCopyCTAtext{width:267px;}
.mobileImageLeftCopyCTA{width:200px; padding-right: 35px;}
.mobileImageLeftCopyCTAtext{width:295px;}
.perkImage{width:140px; padding-right: 23px;}
.perkText{padding-left: 23px;}
.calendarText{width:323px; padding-right: 41px;}
.calendar{width:166px; text-align: center;}
.contentFlag{width:417px;}
.shareButton, .orangeButton {width:110px;}
.col530{width:530px;}
.browsers{width:121px; text-align: center;}
.featuredPeople2{width:264px;}
.featuredPeople3{width:177px;}
.footerLogo{width:115px;padding-left: 36px; padding-right: 11px;}
.footerAddr{width:247px;}
.footerSocial{width:227px;}
.mobileOnly{display: none;}
span.preheader { display: none !important; } /* for invisible preheader text */
#templateColumns{
background-color:#F4F4F4;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #CCCCCC;
}
.leftColumnContent{
color:#505050;
font-family: Arial;
font-size:14px;
line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
text-align:left;
}
.leftTextContent{
color: #333333;
font-weight: bold;
font-size: 22px;
line-height: 41px;
font-family: Arial;
}
.rightColumnContent{
color:#505050;
font-family: Arial;
font-size:14px;
line-height:150%;
padding-top:0;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
text-align:left;
}
#templateFooter{
background-color:#bfeaeb;
}
.footerContent{
font-family: Arial;
font-size: 11px;
line-height:150%;
padding-top:44px;
padding-right:0px;
padding-bottom:44px;
padding-left:0px;
}
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
color:#99999a;
font-weight:normal;
text-decoration:none;
}
@media only screen and (max-width: 480px){
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
#templateContainer{
max-width:600px !important;
width:100% !important;
}
h1{
font-size:36px !important;
line-height:46px !important;
}
h2{
font-size:30px !important;
line-height:40px !important;
}
h3{
font-size:28px !important;
line-height:38px !important;
}
h4{
font-size:26px !important;
line-height:36px !important;
}
.normalText{
font-size: 24px !important;
line-height:34px !important;
}
.perksFinePrint{
font-size: 22px !important;
line-height:32px !important;
}
.ctaButton{
font-size: 28px !important;
font-weight: bold !important;
line-height: 60px !important;
}
.dateNumber{
font-size: 72px !important;
}
.monthNumber{
font-size: 36px !important;
}
.suggestedContentTitle{
font-size: 32px !important;
line-height:42px !important;
}
#headerImage{
height:auto !important;
max-width:600px !important;
width:100% !important;
}
#heroImage{
height: auto !important;
max-width: 528px !important;
width: 100% !important;
}
.preheaderContent, .footerContent {
font-size: 16px !important;
}
.headerContent{
font-size:20px !important;
line-height:30px !important;
}
.toHide{
display: none !important;
}
.bodyContent{
font-size: 25px !important;
line-height:35px !important;
}
.centerText {text-align: center !important;}
.perkImage {display: block !important; padding-bottom: 15px !important; padding-right: 0px !important;}
.perkText {display: block !important; padding-left: 0px !important;}
.imageLeftCopyCTA, .footerAddr {display:block !important; width:100% !important; text-align: center !important;}
.imageLeftCopyCTAtext {display:block !important; width:100% !important; padding-bottom: 15px !important; text-align: center !important;}
.templateColumnContainer, .heroImageLeftTextContainer, .col530, .featuredPeople2, .featuredPeople3 {display:block !important; width:100% !important;}
.heroImageRightImageContainer {display:block !important; width:100% !important; text-align: center !important;}
.calendarText, .contentFlag, .mobileImageLeftCopyCTAtext, .mobileImageLeftCopyCTA {display:block !important; width:100% !important; padding-bottom: 15px !important;}
.footerLogo {display: block !important; width: 100% !important; padding: 15px 0 !important; text-align: center !important;}
.footerSocial {display: block !important; width:100% !important; padding: 15px 0 !important; text-align: center !important;}
.shareButton {display: block !important; padding-bottom: 15px !important; width: 146px !important;}
.calendar {display:block !important; width: 285px !important; padding-bottom: 15px !important;}
.mobileOnly{display:block !important; text-align: center !important;}
.bottomPadding{padding-bottom: 28px !important;}
.buttonCenter{height: 60px !important; width: 200px !important; text-align: center !important;}
.registerButton{height: 60px !important; width: 285px !important; text-align: center !important;}
.buttonNoCenter{height: 60px !important; width: 200px !important; }
.columnImage{
height:auto !important;
max-width:480px !important;
width:100% !important;
}
.heroImageRight{
height: auto !important;
max-width:410px !important;
width: 100% !important;
text-align: center !important;
}
.featuredThreeImage{
height: auto !important;
max-width: 150px !important;
width: 100% !important;
text-align: center !important;
}
.leftColumnContent{
font-size:30px !important;
line-height:125% !important;
}
.rightColumnContent{
font-size:16px !important;
line-height:125% !important;
}
.footerContent{
font-size:14px !important;
line-height:125% !important;
}
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"><img src="http://link.kloutmail.com/1x1.dyn?0AkGiG1LiAkmGh4TdJ70I-h4v=0" width=1 height=1 width="1" height="1" border="0">
<center>
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" bgcolor="#bfeaeb" id="bodyTable" style="height:100%; margin:0; padding:0; width:100%; background-color:#bfeaeb;">
<tr>
<td align="center" valign="top">
<!-- BEGIN EMAIL TEMPLATE -->
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="width:600px;">
<span class="preheader" style="display: none;">Hello from Klout!</span>
<!-- PRETEXT MESSAGE GOES HERE, IF DESIRED -->
<!-- STANDARD LOGO HEADER GOES HERE, IF DESIRED -->
<!-- STANDARD HEADER -->
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #bfeaeb;">
<tr>
<td valign="top" style="text-align: left; padding: 35px 35px 22px;">
<img style="width: 105px; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;" src="http://kcdn3.klout.com/static/images/email/KloutLogo.png" alt="Klout">
</td>
<td valign="top" style="text-align: right; padding: 35px 35px 22px;">
<span style="font-family: Arial; font-size: 15px; text-transform: uppercase; color: #89788e;"></span>
</td>
</tr>
</table>
</td>
</tr>
<!-- START OF EMAIL BODY -->
<!-- HERO 528x234 IMAGE -->
<tr>
<td align="center" valign="top" id="templateBody" style="background-color:#FFFFFF; padding: 40px 35px 10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="text-align: center;">
<img src="http://kcdn3.klout.com/static/Sahana/EmailMarketing/Klout_Youtube_Announcement.jpg" style="max-width: 530px;" id="heroImage" style="height:auto; max-width:528px;">
</td>
</tr>
</table>
</td>
</tr>
<!-- HEADING 24 LEFT -->
<tr>
<td valign="top" id="templateBody" style="background-color:#FFFFFF; padding: 20px 35px 15px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="text-align: left;">
<h1 style="color:#716374; display:block; font-family: Arial; font-size:24px; font-style:normal; font-weight:bold; line-height:1.3; letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;">Introducing YouTube Scoring</h1>
</td>
</tr>
</table>
</td>
</tr>
<!-- BODY COPY -->
<tr>
<td valign="top" id="templateBody" style="background-color:#FFFFFF; padding: 0px 35px 15px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="text-align: left;">
<h2 style="color:#716374; display:block; font-family: Arial; font-size:16px; font-style:normal; font-weight:normal; line-height:25px; letter-spacing:normal; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;">We’ve got some exciting news to share! Starting this week, engagement on YouTube content will be factored into the Klout Score.</h2>
</td>
</tr>
<tr>
<td style="text-align: left;">
<h2 style="color:#716374; display:block; font-family: Arial; font-size:16px; font-style:normal; font-weight:normal; line-height:25px; letter-spacing:normal; margin-top:20px; margin-right:0; margin-bottom:0; margin-left:0;">Log in now to connect your YouTube account to Klout so we can share your updated Klout Score.</h2>
</td>
</tr>
</table>
</td>
</tr>
<!-- CTA -->
<tr>
<td align="center" valign="top" id="templateBody" style="background-color:#FFFFFF; padding: 20px 35px 15px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="orangeButton" style="width:110px;">
<tr>
<td style="text-align: center;">
<div>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="" style="height:40px;v-text-anchor:middle;width:113px;" arcsize="10%" stroke="f" fillcolor="#f46f61">
<w:anchorlock/>
<center style="color:#ffffff;font-family:Arial;font-size:16px; font-weight: bold;">
Download
</center>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-->
<table cellspacing="0" cellpadding="0">
<tr>
<td class="buttonCenter" align="center" width="113" height="40" bgcolor="#f46f61" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
<a class="ctaButton" href="/home" style="font-size:16px; font-weight: bold; font-family:Arial; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #ffffff;">
Connect
</span>
</a>
</td>
</tr>
</table>
<!--<![endif]-->
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- END OF BODY -->
<tr>
<td align="center" valign="top" style="background-color: #FFF; height: 15px;">
</td>
</tr>
<!-- FOOTER -->
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="background-color:#bfeaeb;">
<tr>
<td valign="top" class="footerContent" style="padding-top:44px; padding-right:0px; padding-bottom:44px; padding-left:0px;">
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 600px;" bgcolor="#bfeaeb">
<tr style="border-top: 1px solid #86d1d3; border-bottom: 1px solid #86d1d3;" height="55">
<td class="footerLogo" style="width:115px; padding-left: 36px; padding-right: 11px;">
<img src="http://com.klout.kcdn.s3.amazonaws.com/static/images/email/KloutBlueLogo.png" alt="Klout">
</td>
<td class="footerAddr" style="width:247px;">
<span style="color: #48b8bb; font-family: Arial; font-size: 11px; line-height:150%;">225 Bush Street, San Francisco, CA 94104</span>
</td>
<td class="footerSocial" style="padding-top: 8px; padding-right: 36px; text-align: right; width:227px;">
<a href="https://www.facebook.com/kloutfb" name="Footer_Facebook"><img src="http://com.klout.kcdn.s3.amazonaws.com/static/images/email/FBlogo.png" style="padding-right: 16px;" alt="FB"></a>
<a href="https://twitter.com/klout" name="Footer_Twitter"><img src="http://com.klout.kcdn.s3.amazonaws.com/static/images/email/TWlogo.png" style="padding-right: 16px;" alt="TW"></a>
<a href="http://blog.klout.com" name="Footer_Blog"><img src="http://com.klout.kcdn.s3.amazonaws.com/static/images/email/Kbloglogo.png" style="padding-right: 16px;" alt="Blog"></a>
<a href="mailto:support@klout.com" name="Footer_Email"><img src="http://com.klout.kcdn.s3.amazonaws.com/static/images/email/EmailLogo.png" alt="Email"></a>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 44px; text-align: center; padding-right: 36px;">
<p style="color: #99999a; line-height: 18px; margin: 0;">Click to manage your <a style="color: #5b4ba7 !important; text-decoration: none;" href="/home?next=/settings">email preferences</a> or else <a style="color: #5b4ba7; text-decoration: none;" href="http://kloutmail.com/unsubscribe.jsp?s=YZWd&i=46726359777">unsubscribe</a>.<br>
Have questions about Klout? Visit our <a style="color: #5b4ba7 !important; text-decoration: none;" href="http://support.klout.com">Help Center</a>.<br></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END EMAIL TEMPLATE -->
</td>
</tr>
</table>
</center>
</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.