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>Tweet to win a year’s worth of Framer</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://use.typekit.net/aim2uqw.css">
<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%;
}
u+#new-gmail-hack{
display:block !important;
}
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
table,td{
mso-table-lspace:0;
mso-table-rspace:0;
}
table,tr{
width:100%;
}
img{
-ms-interpolation-mode:bicubic;
}
body{
margin:0;
padding:0;
font-family:"colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;
}
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;
}
body,#bodyTable{
background:#fff;
}
#templateContainer{
border:none;
}
h1,h2,h3,h4,p{
display:block;
color:#000 !important;
font-family:"colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;
line-height:1.3;
font-style:normal;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:20px;
margin-left:0;
}
h1{
font-size:48px;
font-weight:500;
line-height:1.2;
}
h2{
font-size:36px;
font-weight:500;
}
p{
line-height:1.5;
margin-bottom:0;
}
p.lead{
font-size:18px;
font-weight:400;
line-height:1.5;
color:#666;
}
strong{
font-weight:500;
}
a:link,a:visited,a .yshortcuts{
color:#0af;
font-weight:normal;
text-decoration:none !important;
}
#templateHeader{
border-bottom:1px solid #f9f9f9;
min-width:100% !important;
width:100%;
}
.headerContent{
font-weight:regular;
line-height:100%;
padding:20px;
vertical-align:middle;
width:100% !important;
}
.headerContent p{
margin:0;
font-size:14px;
display:inline-block;
width:100%;
}
.headerContent p a{
color:#0AF;
}
.headerContent img{
width:14px;
padding-right:10px;
}
.introContent{
text-align:center;
padding:60px 20px;
}
.introContent p{
max-width:460px;
margin:auto;
}
.introContent .button{
background:#0AF;
border:1px solid #0AF;
padding:15px 20px 14px;
line-height:1em;
border-radius:4px;
font-family:"colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;
font-size:14px;
color:#FFF;
font-weight:500;
display:inline-block;
margin-top:24px;
transition:opacity .2s;
text-decoration:none;
}
.introContent .button.second{
background:#FFF;
color:#0AF;
margin-left:12px;
}
.introContent .button:hover{
opacity:.5;
}
.introContent .button:hover{
background:#00AAFF;
color:#FFF;
}
.introContent .button.second:hover{
opacity:1 !important;
}
.banner{
width:100% !important;
height:auto !important;
}
.templateFooter{
background-color:#FFF;
padding-left:40px;
padding-right:40px;
padding-bottom:20px;
display:block;
font-size:16px;
line-height:1;
transition:opacity .2s;
text-align:left;
}
.templateCTA{
padding:60px 0;
}
.templateCTA h2{
padding-bottom:10px;
font-weight:500;
}
.templateCTA .lead{
max-width:420px;
font-size:26px;
}
.templateCTA .button{
background:#0AF;
padding:15px 20px 14px;
line-height:1em;
border-radius:4px;
color:#FFF;
font-family:"colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;
font-size:14px;
font-weight:500;
display:inline-block;
margin-top:24px;
transition:opacity .2s;
text-decoration:none;
}
.templateCTA .button:hover{
opacity:.5;
}
.footerLinks a{
color:#999 !important;
font-size:13px;
line-height:1;
}
.templateSocial{
padding-bottom:10px;
}
.templateSocial img{
width:24px;
height:24px;
}
.footerSocial a{
transition:opacity .2s;
opacity:.75;
}
.footerSocial a:hover{
opacity:1;
}
.footerLinks a{
opacity:.75;
}
@media only screen and (max-width: 480px){
body,table,td,p,a,li,blockquote{
-webkit-text-size-adjust:none !important;
}
} @media only screen and (max-width: 480px){
.headerContent p{
font-size:12px !important;
}
} @media only screen and (max-width: 480px){
body{
width:100% !important;
min-width:100% !important;
}
} @media only screen and (max-width: 480px){
#bodyCell{
padding:0;
}
} @media only screen and (max-width: 480px){
.bodyContent{
padding:0 20px;
}
} @media only screen and (max-width: 480px){
h1{
font-size:36px !important;
}
} @media only screen and (max-width: 480px){
h2{
font-size:28px !important;
}
} @media only screen and (max-width: 480px){
.headerContent{
text-align:center;
}
} @media only screen and (max-width: 480px){
.templateFooter{
padding-left:20px;
padding-right:20px;
}
} @media only screen and (max-width: 480px){
.templateCTA{
padding:20px 0;
}
} @media only screen and (max-width: 480px){
.templateCTA p.lead{
font-size:16px;
}
} @media only screen and (max-width: 480px){
.introContent p.lead{
font-size:16px;
}
} @media only screen and (max-width: 480px){
p{
font-size:14px;
}
}</style></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" class="body" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;background: #fff;height: 100% !important;width: 100% !important;">
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" id="bodyTable" style="width: 100%;height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding: 0;background: #fff;border-collapse: collapse !important;">
<tr style="width: 100%;">
<td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding: 0;height: 100% !important;width: 100% !important;">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;width: 100%;border-collapse: collapse !important;">
<tr valign="top" id="templateHeader" style="width: 100%;border-bottom: 1px solid #f9f9f9;min-width: 100% !important;">
<td class="headerContent" valign="middle" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;font-weight: regular;line-height: 100%;padding: 20px;vertical-align: middle;width: 100% !important;">
<table width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;width: 100%;border-collapse: collapse !important;">
<tr style="width: 100%;">
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;">
<a href="https://framer.com/?utm_source=giveaway&utm_medium=email&utm_campaign=voyage_uikit&utm_content=logo" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;text-decoration: none !important;"><img src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/72d196ee-525e-43c8-ab22-7ee590b68f37.png" alt="Framer" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;width: 14px;padding-right: 10px;"></a>
</td>
<td align="right" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;">
<p style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: inline-block;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;line-height: 1.5;font-style: normal;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;margin: 0;font-size: 14px;width: 100%;color: #000 !important;">Get ahead of the pack with <a href="https://framer.com/?utm_source=giveaway&utm_medium=email&utm_campaign=voyage_uikit&utm_content=top_banner" target="_blank" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0AF;font-weight: normal;text-decoration: none !important;">Framer</a></p>
</td>
</tr>
</table>
</td>
</tr>
<tr style="width: 100%;">
<td align="center" valign="top" class="bodyWrapper" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;">
<!-- BEGIN INTRO // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateIntro" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;width: 100%;border-collapse: collapse !important;">
<tr style="width: 100%;">
<td valign="top" class="introContent" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;text-align: center;padding: 60px 20px;">
<div>
<h1 style="display: block;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;line-height: 1.2;font-style: normal;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 20px;margin-left: 0;font-size: 48px;font-weight: 500;color: #000 !important;"><div style="max-width:500px; display: inline-block;">Get a year’s worth of Framer for free.</div></h1>
<p class="lead" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: block;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;line-height: 1.5;font-style: normal;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;font-size: 18px;font-weight: 400;color: #000 !important;max-width: 460px;margin: auto;">In celebration of the Voyage Interactive UI Kit, we’re giving away Framer Yearly subscriptions to several lucky winners! Both new and current users are eligible to win. To enter, simply download Voyage and use our handy share link to tweet and win.</p>
</div>
<div class="spacing-48"></div>
<div class="cta-buttons">
<div><a class="button" href="https://twitter.com/intent/tweet?text=Download%20and%20share%20the%20free%20%40framer%20Voyage%20Interactive%20UI%20Kit%20to%20win%20a%20one-year%20subscription%20%23framergiveaway%20%E2%80%93%20http%3A//bit.ly/GetVoyage" target="_blank" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #FFF;font-weight: 500;background: #0AF;border: 1px solid #0AF;padding: 15px 20px 14px;line-height: 1em;border-radius: 4px;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;font-size: 14px;display: inline-block;margin-top: 24px;transition: opacity .2s;text-decoration: none !important;">Tweet to win</a> <a class="button second" href="/voyage/?utm_campaign=voyage_uikit&utm_content=button&utm_medium=email&utm_source=giveaway" target="_blank" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0AF;font-weight: 500;background: #FFF;border: 1px solid #0AF;padding: 15px 20px 14px;line-height: 1em;border-radius: 4px;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;font-size: 14px;display: inline-block;margin-top: 24px;transition: opacity .2s;text-decoration: none !important;margin-left: 12px;">Download Voyage</a></div>
</div>
<div class="spacing-56"></div>
</td>
</tr>
</table>
</td>
</tr>
<tr style="width: 100%;">
<td style="text-align: center;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;">
<!-- BEGIN IMAGE // -->
<a href="/voyage/?utm_campaign=voyage_uikit&utm_content=banner&utm_medium=email&utm_source=giveaway" target="_blank" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;text-decoration: none !important;"><img src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/4c87c379-490a-494e-bab9-73138cbe593c.jpg" alt="f528836e-1792-4999-a548-ec2fda33abb2.jpg" border="0" style="margin: 0 auto;padding: 0;border: 0px initial;width: 100%;max-width: 1200px;text-align: center;-ms-interpolation-mode: bicubic;height: auto !important;line-height: 100%;outline: none;text-decoration: none;" class="banner"></a>
<!-- // END BODY -->
</td>
</tr>
<tr style="width: 100%;">
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;">
<!-- BEGIN FOOTER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;width: 100%;border-collapse: collapse !important;">
<tr style="width: 100%;">
<td valign="top" class="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;background-color: #FFF;padding-left: 40px;padding-right: 40px;padding-bottom: 20px;display: block;font-size: 16px;line-height: 1;transition: opacity .2s;text-align: left;">
<table width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;width: 100%;border-collapse: collapse !important;">
<tr style="width: 100%;">
<td align="center" class="templateCTA" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;padding: 60px 0;">
<p class="lead" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;display: block;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;line-height: 1.5;font-style: normal;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 0;margin-left: 0;font-size: 26px;font-weight: 400;color: #000 !important;max-width: 420px;">Create interactive designs from start to finish with Framer.</p>
<a href="/download/?utm_campaign=voyage_uikit&utm_content=banner&utm_medium=email&utm_source=giveaway" class="button" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #FFF;font-weight: 500;background: #0AF;padding: 15px 20px 14px;line-height: 1em;border-radius: 4px;font-family: "colfax-web",-apple-system,"Helvetica Neue",Helvetica,sans-serif;font-size: 14px;display: inline-block;margin-top: 24px;transition: opacity .2s;text-decoration: none !important;">Start Free Trial</a>
</td>
</tr>
<tr style="width: 100%;">
<td class="templateSocial" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;padding-bottom: 10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;width: 100%;border-collapse: collapse !important;">
<tr style="width: 100%;">
<td valign="top" class="footerSocial" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;"><a href="https://twitter.com/framer" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;transition: opacity .2s;opacity: .75;text-decoration: none !important;"><img alt="23fe8d7b-9569-4798-9e94-0a6cbafe7665.png" src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/23fe8d7b-9569-4798-9e94-0a6cbafe7665.png" style="-ms-interpolation-mode: bicubic;border: 0;height: 24px;line-height: 100%;outline: none;text-decoration: none;width: 24px;"></a> <a href="https://www.facebook.com/framerjs/" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;transition: opacity .2s;opacity: .75;text-decoration: none !important;"> <img alt="facebook.png" src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/b6b7179c-4518-4a90-93a3-26c24085c7a1.png" style="-ms-interpolation-mode: bicubic;border: 0;height: 24px;line-height: 100%;outline: none;text-decoration: none;width: 24px;"></a> <a href="https://dribbble.com/framer" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;transition: opacity .2s;opacity: .75;text-decoration: none !important;"> <img alt="dribbble.png" src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/8a6d1f52-222f-4190-9f8c-1aa2b10d028d.png" style="-ms-interpolation-mode: bicubic;border: 0;height: 24px;line-height: 100%;outline: none;text-decoration: none;width: 24px;"></a> <a href="https://framer.slack.com/" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;transition: opacity .2s;opacity: .75;text-decoration: none !important;"> <img alt="slack.png" src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/d7530fe2-f2ab-44fd-9802-01d293f07b8e.png" style="-ms-interpolation-mode: bicubic;border: 0;height: 24px;line-height: 100%;outline: none;text-decoration: none;width: 24px;"></a> <a href="https://www.youtube.com/channel/UCW5gUZ7lKGrAbLOkHv2xfbw" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;transition: opacity .2s;opacity: .75;text-decoration: none !important;"> <img alt="youtube.png" src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/a977fad2-1732-4f52-b227-1543d64e4e0e.png" style="-ms-interpolation-mode: bicubic;border: 0;height: 24px;line-height: 100%;outline: none;text-decoration: none;width: 24px;"></a> <a href="https://medium.com/@framerteam" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #0af;font-weight: normal;transition: opacity .2s;opacity: .75;text-decoration: none !important;"> <img alt="medium.png" src="https://gallery.mailchimp.com/b2ba7c4048c35e68366280a66/images/83233545-fa3f-446c-8a5c-e3db099a3bde.png" style="-ms-interpolation-mode: bicubic;border: 0;height: 24px;line-height: 100%;outline: none;text-decoration: none;width: 24px;"></a></td>
</tr>
</table>
</td>
</tr>
<tr style="width: 100%;">
<td class="footerLinks" align="center" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0;mso-table-rspace: 0;">
<a href="http://framer.us15.list-manage.com/unsubscribe?u=b2ba7c4048c35e68366280a66&id=7991de7d0a&e=97b5c1a564&c=a054c8d398" style="return s=t.apply(a,r): ;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #999 !important;font-weight: normal;font-size: 13px;line-height: 1;opacity: .75;text-decoration: none !important;">Unsubscribe</a>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</table>
<!-- // END TEMPLATE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
<div id="new-gmail-hack" style="white-space:nowrap;font:15px courier;line-height:0;display:none;">
</div>
<img src="http://framer.us15.list-manage.com/track/open.php?u=b2ba7c4048c35e68366280a66&id=a054c8d398&e=97b5c1a564" 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.