File: //var/tmp/281a92451efdce4ebb9d4ce64226bae6/body
<!doctype html>
<html>
<head>
<meta name=3D"viewport" content=
=3D"width=3Ddevice-width" />
<meta http-equiv=3D"Content-Type" conten=
t=3D"text/html; charset=3DUTF-8" />
<title>Novo contato</title>
=
<style>
/* -------------------------------------
GLOBA=
L RESETS
------------------------------------- */
/*All =
the styling goes here*/
img {
border: none;
=
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
=
body {
background-color: #f6f6f6;
font-family: sa=
ns-serif;
-webkit-font-smoothing: antialiased;
font-siz=
e: 14px;
line-height: 1.4;
margin: 0;
padding=
: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adju=
st: 100%;
}
table {
border-collapse: separate;=
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
=
width: 100%; }
table td {
font-family: sans-serif;=
font-size: 14px;
vertical-align: top;
}
=
/* -------------------------------------
BODY & CONTAI=
NER
------------------------------------- */
.body {
=
background-color: #f6f6f6;
width: 100%;
}
=
/* Set a max-width, and make it display as block so it will automaticall=
y stretch to that width, but will also shrink down on a phone or something =
*/
.container {
display: block;
Margin: 0 auto =
!important;
/* makes it centered */
max-width: 580px;=
padding: 10px;
width: 580px;
}
/* T=
his should also be a block element, so that it will fill 100% of the .conta=
iner */
.content {
box-sizing: border-box;
disp=
lay: block;
Margin: 0 auto;
max-width: 580px;
=
padding: 10px;
}
/* -----------------------------------=
--
HEADER, FOOTER, MAIN
-------------------------------=
------ */
.main {
background: #ffffff;
border-r=
adius: 3px;
width: 100%;
}
.wrapper {
=
box-sizing: border-box;
padding: 20px;
}
.co=
ntent-block {
padding-bottom: 10px;
padding-top: 10px;=
}
.footer {
clear: both;
Margin-top=
: 10px;
text-align: center;
width: 100%;
}
=
.footer td,
.footer p,
.footer span,
.f=
ooter a {
color: #999999;
font-size: 12px;
=
text-align: center;
}
/* ---------------------------=
----------
TYPOGRAPHY
---------------------------------=
---- */
h1,
h2,
h3,
h4 {
text-ali=
gn: center;
color: #000000;
font-family: sans-serif;
=
font-weight: 400;
line-height: 1.4;
margin: 0;=
margin-bottom: 30px;
}
h1 {
font-si=
ze: 35px;
font-weight: 300;
text-align: center;
=
text-transform: capitalize;
}
p,
ul,
=
ol {
text-align: center;
font-family: sans-serif;
=
font-size: 14px;
font-weight: normal;
margin: 0;=
margin-bottom: 15px;
}
p li,
ul li,=
ol li {
list-style-position: inside;
mar=
gin-left: 5px;
}
a {
color: #3498db;
=
text-decoration: underline;
}
/* ----------------------=
---------------
BUTTONS
-------------------------------=
------ */
.btn {
box-sizing: border-box;
width:=
100%; }
.btn > tbody > tr > td {
padding-bottom: 15p=
x; }
.btn table {
width: auto;
}
.b=
tn table td {
background-color: #ffffff;
border-rad=
ius: 5px;
text-align: center;
}
.btn a {
=
width:100%;
text-align: center;
background-=
color: #ffffff;
border: solid 1px #3498db;
border-r=
adius: 5px;
box-sizing: border-box;
color: #3498db;=
cursor: pointer;
display: inline-block;
=
font-size: 14px;
font-weight: bold;
margin: 0;
=
padding: 12px 25px;
text-decoration: none;
=
text-transform: capitalize;
}
.btn-primary table td {=
background-color: #3498db;
}
.btn-primary a {=
background-color: #3498db;
border-color: #3498db;
=
color: #ffffff;
}
/* -----------------------------=
--------
OTHER STYLES THAT MIGHT BE USEFUL
------------=
------------------------- */
.last {
margin-bottom: 0;
=
}
.first {
margin-top: 0;
}
.=
align-center {
text-align: center;
}
.align-ri=
ght {
text-align: right;
}
.align-left {
=
text-align: left;
}
.clear {
clear: both;=
}
.mt0 {
margin-top: 0;
}
=
.mb0 {
margin-bottom: 0;
}
.preheader {
=
color: transparent;
display: none;
height: 0;
=
max-height: 0;
max-width: 0;
opacity: 0;
=
overflow: hidden;
mso-hide: all;
visibility: hidden;=
width: 0;
}
.powered-by a {
text-de=
coration: none;
}
hr {
border: 0;
bo=
rder-bottom: 1px solid #f6f6f6;
Margin: 20px 0;
}
=
/* -------------------------------------
RESPONSIVE AND MOB=
ILE FRIENDLY STYLES
------------------------------------- */
=
@media only screen and (max-width: 620px) {
table[class=3Dbody=
] h1 {
font-size: 28px !important;
margin-bottom: 1=
0px !important;
}
table[class=3Dbody] p,
tabl=
e[class=3Dbody] ul,
table[class=3Dbody] ol,
table[class=
=3Dbody] td,
table[class=3Dbody] span,
table[class=3Dbo=
dy] a {
font-size: 16px !important;
}
table=
[class=3Dbody] .wrapper,
table[class=3Dbody] .article {
=
padding: 10px !important;
}
table[class=3Dbody] .con=
tent {
padding: 0 !important;
}
table[class=
=3Dbody] .container {
padding: 0 !important;
width:=
100% !important;
}
table[class=3Dbody] .main {
=
border-left-width: 0 !important;
border-radius: 0 !importa=
nt;
border-right-width: 0 !important;
}
tab=
le[class=3Dbody] .btn table {
width: 100% !important;
=
}
table[class=3Dbody] .btn a {
width: 100% !importan=
t;
}
table[class=3Dbody] .img-responsive {
=
height: auto !important;
max-width: 100% !important;
=
width: auto !important;
}
}
/* -------------=
------------------------
PRESERVE THESE STYLES IN THE HEAD
=
------------------------------------- */
@media all {
=
.ExternalClass {
width: 100%;
}
.External=
Class,
.ExternalClass p,
.ExternalClass span,
=
.ExternalClass font,
.ExternalClass td,
.ExternalClass=
div {
line-height: 100%;
}
.apple-link a {=
color: inherit !important;
font-family: inherit !i=
mportant;
font-size: inherit !important;
font-weigh=
t: inherit !important;
line-height: inherit !important;
=
text-decoration: none !important;
}
.btn-primary t=
able td:hover {
background-color: #34495e !important;
=
}
.btn-primary a:hover {
background-color: #34495e !=
important;
border-color: #34495e !important;
}
=
}
</style>
</head>
<body class=3D"">
<table role=
=3D"presentation" border=3D"0" cellpadding=3D"0" cellspacing=3D"0" class=3D=
"body">
<tr>
<td> </td>
<td class=3D"conta=
iner">
<div class=3D"content">
<!-- START CENT=
ERED WHITE CONTAINER -->
<span class=3D"preheader">Novo conta=
to</span>
<table role=3D"presentation" class=3D"main">
=
<!-- START MAIN CONTENT AREA -->
<tr>
=
<td class=3D"wrapper">
<table role=3D"present=
ation" border=3D"0" cellpadding=3D"0" cellspacing=3D"0">
=
<tr>
<td>
<h2>Novo co=
ntato</h2>
<p>Novo contato pelo site:<br><br>
<strong>Nome:</st=
rong> Sofia Hyppolito Macedo de Lima Alves<br>
<strong>E-mail:</s=
trong> sofiahmla@gmail.com<br>
<strong>Telefone:</strong> (53) 98=
48-48491<br>
<strong>Assunto:</strong> Parceiros Volunt=C3=A1rios=
<br>
<strong>Mensagem:</strong> Desejo fazer o bem, assim como j=
=C3=A1 me fizeram.
</p>
<div class=3D"btn btn-primary">
=09<a=
href=3D"mailto:sofiahmla@gmail.com" target=3D"_blank">Responder mensagem</=
a>
</div>
</td>
</tr>
=
</table>
</td>
</tr>
=
<!-- END MAIN CONTENT AREA -->
</table>
=
<!-- START FOOTER -->
<div class=3D"footer">
=
<table role=3D"presentation" border=3D"0" cellpadding=3D"0" cellspa=
cing=3D"0">
<tr>
<td class=3D"content=
-block">
<img src=3D"http://acpelotas.com.br/images/l=
ogo.png" alt=3D"ACP" style=3D"width:120px;">
<strong>=
Associa=C3=A7=C3=A3o Comercial de Pelotas</strong><br>
=
Voc=C3=AA recebeu este e-mail de Associa=C3=A7=C3=A3o Comercial de Pelota=
s<br>
<a href=3D"https://acpelotas.com.br?utm_source=
=3Demail-footer" target=3D"_blank">https://acpelotas.com.br</a>
=
</td>
</tr>
</table>
=
</div>
<!-- END FOOTER -->
<!-- END CENTERE=
D WHITE CONTAINER -->
</div>
</td>
<td>&nbs=
p;</td>
</tr>
</table>
</body>
</html>