6-6 / index.html
Tirvo's picture
Add 3 files
affde9b verified
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="x-apple-disable-message-reformatting" />
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<title>limayachts Q2Benefits+Addons-REF#5593</title>
<style type="text/css">
/* Reset de Estilos Globais para Email */
#outlook a { padding: 0; }
body { width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; background-color: #ffffff; }
.ReadMsgBody { width: 100%; } .ExternalClass { width: 100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; }
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
p { margin: 0 0 1em 0; padding:0; } /* Adicionado padding:0 para p */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
a { color: #E60000; text-decoration: underline; }
/* Estilos específicos para o botão, garantindo que o texto do link seja branco e sem sublinhado */
.button-link a, .button-link a:link, .button-link a:visited, .button-link a:hover, .button-link a:active {
color: #FFFFFF !important;
text-decoration: none !important;
font-weight: bold;
}
/* Media Queries para Responsividade */
@media screen and (max-width: 600px) {
.email-container {
width: 100% !important;
max-width: 100% !important;
border-radius: 0 !important; /* Remove border-radius no mobile para ocupar tela cheia */
box-shadow: none !important; /* Remove sombra no mobile */
}
.content-cell, .header-cell, .footer-cell {
padding-left: 15px !important;
padding-right: 15px !important;
}
.header-cell { border-radius: 0 !important; }
.footer-cell { border-radius: 0 !important; }
.logo-image {
width: 150px !important;
height: auto !important;
}
.footer-links-table td {
display: block !important;
text-align: center !important;
padding: 8px 0 !important; /* Aumentado padding vertical */
}
.footer-links-table .link-separator {
display: none !important;
}
.document-info-table {
text-align: center !important; /* Centraliza o conteúdo da tabela de info */
}
.document-info-content {
text-align: left !important; /* Mantém o texto interno alinhado à esquerda */
border-radius: 10px !important; /* Arredonda todos os cantos no mobile */
}
.document-info-border {
display: none !important; /* Oculta a borda lateral no mobile */
}
.button-td { padding: 15px 25px !important; } /* Ajusta padding do botão no mobile */
.button-link a { font-size: 16px !important; } /* Ajusta tamanho da fonte do botão no mobile */
}
</style>
<!--[if mso]>
<style type="text/css">
body, table, td, p, a, h1, h2 {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;}
.fallback-font {font-family: Arial, sans-serif !important;} /* Para garantir que MSO use uma fonte comum */
</style>
<![endif]-->
</head>
<body style="margin:0; padding:0; width:100%; background-color:#ffffff;">
<center> <!-- Centraliza no Outlook.com e alguns outros clientes -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" role="presentation" style="width:100%; background-color:#ffffff;">
<tr>
<td align="center" style="padding:20px 10px;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
<tr>
<td>
<![endif]-->
<table class="email-container" width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation"
style="max-width:600px; margin:0 auto; background-color:#ffffff; /* Fundo do container em si */
border-radius:15px;
overflow:hidden; /* Ajuda com border-radius em alguns clientes */
-webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.1);
box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
<!-- HEADER -->
<tr>
<td class="header-cell" bgcolor="#2B2B2B" align="center"
style="padding:25px; border-bottom:3px solid #E60000;
border-top-left-radius:15px; border-top-right-radius:15px;">
<h1 class="fallback-font" style="color:#FFFFFF; font-size:28px; margin:0 0 5px 0; letter-spacing:1px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight:bold;">
Adobe Documentos
</h1></td>
</tr>
<!-- CONTENT -->
<tr>
<td class="content-cell" bgcolor="#FFFFFF" align="center" style="padding:30px 30px 20px 30px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<!-- LOGO -->
<tr> </tr>
<!-- DOCUMENT INFO -->
<tr>
<td align="center" style="padding-bottom:25px;">
<table class="document-info-table" width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation" style="background-color:#F8F9FA; border-radius:10px;">
<tr>
<td class="document-info-border" width="4" bgcolor="#1372E6" style="width:4px; background-color:#1372E6; font-size:1px; line-height:1px; border-top-left-radius:10px; border-bottom-left-radius:10px;"> </td>
<td class="document-info-content" style="padding:25px; text-align:left; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; border-top-right-radius:10px; border-bottom-right-radius:10px;">
<h2 class="fallback-font" style="color:#333333; font-size:22px; margin:0 0 15px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight:bold;">
Benefícios Colaborador
</h2>
<p class="fallback-font" style="color:#555555; font-size:16px; margin:0 0 8px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;"><br />
</p>
<p class="fallback-font" style="color:#555555; font-size:16px; margin:0 0 8px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;"> Reference: <strong style="font-weight:bold; color:#333333;">#5593</strong> </p>
<p class="fallback-font" style="color:#555555; font-size:16px; margin:0 0 8px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;"><br />
</p>
<p class="fallback-font" style="color:#555555; font-size:16px; margin:0 0 8px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;"> Baixe o Arquivo e veja seu Benefício.  </p>
<p class="fallback-font" style="color:#1372E6; font-weight:bold; font-size:18px; margin:15px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;">&nbsp;</p>
<p class="fallback-font" style="color:#1372E6; font-weight:bold; font-size:18px; margin:15px 0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;">Consultar Valores Disponiveis</p>
<p class="fallback-font" style="color:#555555; font-size:16px; margin:0; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.5;">&nbsp;
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- TIMESTAMP -->
<tr> </tr>
<!-- BUTTON -->
<tr>
<td align="center" style="padding-bottom:20px;">
<table border="0" cellspacing="0" cellpadding="0" role="presentation">
<tr>
<td align="center" bgcolor="#E60000" class="button-link button-td"
style="background-color:#E60000; border-radius:50px; padding:15px 40px;">
<a href="#" target="_blank"
style="font-size:18px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color:#FFFFFF; text-decoration:none; display:inline-block; font-weight:bold;">
Abrir Documento
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- FOOTER -->
<tr>
<td class="footer-cell" bgcolor="#2B2B2B" align="center"
style="padding:30px; color:#FFFFFF; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
border-bottom-left-radius:15px; border-bottom-right-radius:15px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
<!-- FOOTER LINKS -->
<tr>
<td align="center" style="padding-bottom:20px;">
<table class="footer-links-table" border="0" cellspacing="0" cellpadding="0" role="presentation">
</table>
</td>
</tr>
<!-- DIVIDER -->
<tr>
<td align="center" style="padding-bottom:15px;">
<table width="80%" border="0" cellspacing="0" cellpadding="0" role="presentation" align="center" style="max-width:400px;">
<tr>
<td height="1" style="height:1px; font-size:1px; line-height:1px; background-color:#444444;"> </td>
</tr>
</table>
</td>
</tr>
<!-- FOOTER TEXT -->
<tr>
<td align="center">
<p class="fallback-font" style="color:#AAAAAA; font-size:12px; line-height:1.6; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width:500px; margin:0 auto 15px auto;">
<strong style="color:#E60000; font-weight:bold;">Adobe</strong>, the Adobe logo, the Adobe PDF logo, and Acrobat are either registered trademarks or trademarks of Adobe in the United States and/or other countries. All other trademarks are the property of their respective owners.
</p>
<p class="fallback-font" style="color:#AAAAAA; font-size:12px; line-height:1.6; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width:500px; margin:0 auto;">
Adobe, 345 Park Ave., San Jose, CA 95110 USA
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</center>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Tirvo/6-6" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>