Skip to content

Instantly share code, notes, and snippets.

@nicolasiensen

nicolasiensen/gist:1987534

Created March 6, 2012 17:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nicolasiensen/1987534 to your computer and use it in GitHub Desktop.
Save nicolasiensen/1987534 to your computer and use it in GitHub Desktop.
Download ZIP
Mailing das LAN's
Raw
gistfile1.html
<html><head><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<!-- Facebook sharing information tags -->
<meta property="og:title" content="Meu Rio">
<title>Meu Rio</title>
<style type="text/css">
/* Client-specific Styles */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
/* Reset Styles */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table td{border-collapse:collapse;}
#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
/* Template Styles */
a { color:#2CBAE2 !important; }
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Page
* @section background color
* @tip Set the background color for your email. You may want to choose one that matches your company's branding.
* @theme page
*/
body, #backgroundTable{
/*@editable*/ background-color:#cec7b5;
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border: 1px solid #DDDDDD;
}
/**
* @tab Page
* @section heading 1
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
* @style heading 1
*/
h1, .h1{
/*@editable*/ color:#202020;
display:block;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:34px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 2
* @tip Set the styling for all second-level headings in your emails.
* @style heading 2
*/
h2, .h2{
/*@editable*/ color:#202020;
display:block;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:30px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 3
* @tip Set the styling for all third-level headings in your emails.
* @style heading 3
*/
h3, .h3{
/*@editable*/ color:#202020;
display:block;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:26px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/**
* @tab Page
* @section heading 4
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
* @style heading 4
*/
h4, .h4{
/*@editable*/ color:#202020;
display:block;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:22px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
margin-top:0;
margin-right:0;
margin-bottom:10px;
margin-left:0;
/*@editable*/ text-align:left;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Header
* @section preheader style
* @tip Set the background color for your email's preheader area.
* @theme page
*/
#templatePreheader{
}
/**
* @tab Header
* @section preheader text
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
.preheaderContent div, .preheaderContent p{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:10px;
/*@editable*/ line-height:100%;
/*@editable*/ text-align:left;
}
/**
* @tab Header
* @section preheader link
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Header
* @section header style
* @tip Set the background color and border for your email's header area.
* @theme header
*/
#templateHeader{
/*@editable*/ background-color:#FFFFFF;
/*@editable*/ border-bottom:0;
}
/**
* @tab Header
* @section header text
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#202020;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:34px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:100%;
/*@editable*/ padding:10px 0 0 20px;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
}
/**
* @tab Header
* @section header link
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
#headerImage{
height:80px;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Body
* @section body style
* @tip Set the background color for your email's body area.
*/
#templateContainer, .bodyContent{
/*@editable*/ background-color:#FFFFFF;
}
/**
* @tab Body
* @section body text
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
* @theme main
*/
.bodyContent div{
/*@editable*/ color:#505050;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:12px;
/*@editable*/ line-height:150%;
/*@editable*/ text-align:left;
}
/**
* @tab Body
* @section body link
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
*/
.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.bodyContent img{
display:inline;
height:auto;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: SIDEBAR /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Sidebar
* @section sidebar style
* @tip Set the background color and border for your email's sidebar area.
*/
#templateSidebar{
/*@editable*/ border-left:0;
}
#templateSidebar table{
background-color:#50ad76;
}
/**
* @tab Sidebar
* @section sidebar text
* @tip Set the styling for your email's sidebar text. Choose a size and color that is easy to read.
*/
.sidebarContent div{
/*@editable*/ color:#fff;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:12px;
/*@editable*/ line-height:150%;
/*@editable*/ text-align:left;
}
.sidebarContent div h1 {
line-height:1.5;
color:#fff;
font-size:14px;
font-weight:normal;
}
/**
* @tab Sidebar
* @section sidebar link
* @tip Set the styling for your email's sidebar links. Choose a color that helps them stand out from your text.
*/
.sidebarContent div a:link, .sidebarContent div a:visited, /* Yahoo! Mail Override */ .sidebarContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.sidebarContent img{
display:inline;
height:auto;
}
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and top border for your email's footer area.
* @theme footer
*/
#templateFooter{
/*@editable*/ background-color:#FFFFFF;
/*@editable*/ border-top:0;
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent div{
/*@editable*/ color:#707070;
/*@editable*/ font-family:Arial;
/*@editable*/ font-size:12px;
}
/**
* @tab Footer
* @section footer link
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
}
.footerContent img{
display:inline;
}
/**
* @tab Footer
* @section social bar style
* @tip Set the background color and border for your email's footer social bar.
*/
#social div{
line-height:30px;
text-align:center;
}
/**
* @tab Footer
* @section utility bar style
* @tip Set the background color and border for your email's footer utility bar.
* @theme footer
*/
#utility{
/*@editable*/ background-color:#FFFFFF;
/*@editable*/ border:0;
font-size: 12px;
font-family: Arial, sans-serif;
}
/**
* @tab Footer
* @section utility bar style
* @tip Set the background color and border for your email's footer utility bar.
*/
#utility div{
/*@editable*/ text-align:left;
}
</style>
<link type="text/css" rel="stylesheet" href="data:text/css,"></head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" offset="0" style="background-color:#cec7b5;">
<center>
<table cellspacing="0" border="0" id="backgroundTable" height="100%" cellpadding="0" width="100%">
<tbody><tr>
<td align="center" valign="top">
<table cellspacing="0" border="0" id="templatePreheader" cellpadding="2" width="600">
<tbody><tr>
<td class="preheaderContent" valign="top">
<table cellspacing="0" border="0" cellpadding="10" width="100%">
<tbody><tr><td> <p align="center">Para visualizar nossa campanha em seu navegador, <a href="#" class="weblink">clique aqui</a>.</p>
</td></tr></tbody></table>
</td>
</tr>
</tbody></table>
<table cellspacing="0" border="0" id="templateContainer" style="background-color: #fff;" cellpadding="0" width="600">
<tbody><tr>
<td class="headerContent" align="center" valign="top" style="padding:10px 0 0 20px; text-align:left;"><img src="http://s3.amazonaws.com/meu-rio-production/email_assets/meu-rio.png" id="headerImage"></td>
</tr>
<tr>
<td align="left" valign="top">
<table cellspacing="0" border="0" id="templateBody" cellpadding="20">
<tbody><tr>
<td class="bodyContent" valign="top">
<div class="bodyContent">
<p class="edit" id="#templateBody &gt; tr &gt; td &gt; div &gt; p"></p><table cellspacing="0" border="0" style="color: rgb(34, 34, 34); font-family: arial, sans-serif; font-size: 13px; line-height: normal; -webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0.917969); " width="600" cellpadding="0"><tbody><tr><td align="left" valign="top" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><table cellspacing="0" border="0" cellpadding="20"><tbody><tr><td valign="top" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><div><p><strong>Amigo do Rio,<br>Você que é dono de LAN house sabe perfeitamente a importância que esse serviço representa pra a sua comunidade</strong>.&nbsp;<strong>E você também sabe, melhor do que ninguém, a dificuldade que é deixar o seu negócio regularizado e sustentável financeiramente.</strong><br>As LAN houses estão enquadradas na legislação como “casas de jogo” (Decreto 29881/08, Anexo VII), o que dificulta a obtenção de alvará e incentivos por parte do governo. Um exemplo disso é o programa "Alvará Já", que não contempla as lan houses. Por essas e outras que aqui no Rio, as lan houses têm uma vida média de apenas 3 anos, sendo que metade funcionam irregularmente.</p><p><strong>Existe um Projeto de Lei Estadual que pode mudar essa realidade, definindo as lans como Polos de Inclusão, o que facilitaria a formalização e os incentivos fiscais do Governo.</strong>&nbsp;Mas o caminho dessa aprovação não será fácil:<br><strong>o Projeto está engavetado há mais de dois meses na ALERJ e até agora nenhum relator foi apontado (sem isso o projeto não vai nem pra votação).</strong></p><p>O Meu Rio acredita no potencial transformador das LANs, e por isso&nbsp;<strong>estamos mobilizando a nossa rede de contatos em um grande abaixo-assinado, para pressionar os deputados a aprovarem essa Lei antes de maio! Você, como proprietário e funcionário de uma LAN, é parte fundamental nessa mobilização!</strong></p><p><strong>Como você pode ajudar:<br>1- Coloque a nossa página de petição na home do browser dos seus computadores (</strong><strong><span style="color: rgb(51, 102, 153); font-weight: normal; "><a href="http://meurio.mailee.me/go/click/157674286?key=ba7bdf&amp;url=http://meurio.org.br/assine_embaixo/a-lan-e-legal?utm_source%3DMailee%26utm_medium%3Demail%26utm_campaign%3DLan%2B%25C3%25A9%2BLegal%2BPropriet%25C3%25A1rios%26utm_term%3D%26utm_content%3DLan%2B%25C3%25A9%2BLegal%2BPropriet%25C3%25A1rios" target="_blank">http://meurio.org.br/assine_<wbr>embaixo/a-lan-e-legal</a>)</span></strong><strong>.</strong></p><p><br><strong>2- Espalhe o link para os seus contatos de email, Orkut e do Facebook:&nbsp;</strong><strong><span style="color: rgb(51, 102, 153); font-weight: normal; "><a href="http://meurio.mailee.me/go/click/157674286?key=ba7bdf&amp;url=http://meurio.org.br/assine_embaixo/a-lan-e-legal?utm_source%3DMailee%26utm_medium%3Demail%26utm_campaign%3DLan%2B%25C3%25A9%2BLegal%2BPropriet%25C3%25A1rios%26utm_term%3D%26utm_content%3DLan%2B%25C3%25A9%2BLegal%2BPropriet%25C3%25A1rios" target="_blank">http://meurio.org.<wbr>br/assine_embaixo/a-lan-e-<wbr>legal</a></span></strong><strong>&nbsp;.</strong></p><p><br><strong>3- Converse com seus clientes, explique a situação e peça que também assinem a petição.<br><br><br>É muito importante que os seus clientes participem dessa campanha, pois são eles que vão ajudar a sua LAN a continuar de portas abertas.</strong><br><span style="font-family: arial, sans-serif; font-size: 13px; ">Se você topar apoiar a campanha, mande um email com o nome da sua LAN para&nbsp;</span><a href="mailto:daiela@meurio.org.br" target="_blank" style="color: rgb(17, 85, 204); font-family: arial, sans-serif; font-size: 13px; ">daniela@meurio.org.br</a><span style="font-family: arial, sans-serif; font-size: 13px; ">&nbsp;e nós incluiremos ela na lista de</span><span style="font-family: arial, sans-serif; font-size: 13px; ">&nbsp;apoiadores!</span><br><span style="font-family: arial, sans-serif; font-size: 13px; ">Para tirar dúvidas ou entender melhor a campanha LAN é Legal, não hesitem em entrar em contato com a Daniela, no email&nbsp;</span><a href="mailto:daiela@meurio.org.br" target="_blank" style="color: rgb(17, 85, 204); font-family: arial, sans-serif; font-size: 13px; ">daniela@meurio.org.br</a>.<br><strong>&nbsp;</strong></p><p><strong>Por um Rio de Janeiro cada vez lindo,</strong><br>Daniela, Alessandra, Miguel, João, Marcel, Rafael, Leonardo, Bernardo e toda a equipe do Meu Rio.</p></div></td></tr></tbody></table></td></tr><tr><td align="center" valign="top" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><table cellspacing="0" border="0" width="600" cellpadding="10"><tbody><tr><td valign="top" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><table cellspacing="0" border="0" width="100%" cellpadding="10"><tbody><tr><td valign="middle" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " colspan="2"></td></tr></tbody></table></td><td valign="top" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "></td></tr><tr><td valign="middle" style="text-align: left;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; " colspan="2"><font color="#505050" face="Arial"><span style="font-size: 12px; line-height: 18px;"><br></span></font></td></tr></tbody></table></td></tr></tbody></table>
<p></p>
<table>
<tbody><tr>
<td>
<a href="#" class="edit" id="#templateBody &gt; tr &gt; td &gt; div &gt; table &gt; tr &gt; td &gt; a">
<img src="http://meurio.mailee.me/tmp/gallery_7224_150_.jpeg" contenteditable="false" width="150">
</a>
</td>
</tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table cellspacing="0" border="0" id="templateFooter" cellpadding="10" width="600">
<tbody><tr>
<td class="footerContent" valign="top">
<table cellspacing="0" border="0" cellpadding="10" width="100%">
<tbody><tr>
<td id="social" valign="middle" colspan="2">
</td>
</tr>
</tbody></table></td><td valign="top"></td>
</tr>
<tr>
<td id="utility" valign="middle" colspan="2">
<div>
Para deixar de receber a nossa campanha, <a href="#" class="unsubscribe">clique aqui</a>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<br>
</center>
<script type="text/javascript">if (!NREUMQ.f) { NREUMQ.f=function() {
NREUMQ.push(["load",new Date().getTime()]);
var e=document.createElement("script");
e.type="text/javascript";e.async=true;e.src="https://d1ros97qkrwjf5.cloudfront.net/30/eum/rum.js";
document.body.appendChild(e);
if(NREUMQ.a)NREUMQ.a();
};
NREUMQ.a=window.onload;window.onload=NREUMQ.f;
};
NREUMQ.push(["nrfj","beacon-1.newrelic.com","9c399e8798",462680,"Il1fRUULCQgDRBdUXghXX0UYCQAXFVdfUkFORlRcRwgEEAM=",0,53,new Date().getTime(),"","","","",""])</script>
<script type="text/javascript" async="" src="https://d1ros97qkrwjf5.cloudfront.net/30/eum/rum.js"></script><script id="nreum-send-beacon" type="text/javascript" src="http://beacon-1.newrelic.com/1/9c399e8798?a=462680&amp;be=408&amp;qt=0&amp;ap=53&amp;dc=4&amp;fe=6&amp;to=Il1fRUULCQgDRBdUXghXX0UYCQAXFVdfUkFORlRcRwgEEAM%3D&amp;v=23&amp;jsonp=NREUM.setToken"></script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment