234 lines
12 KiB
HTML
Executable File
234 lines
12 KiB
HTML
Executable File
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Bienvenue sur Hello Facteur!</title>
|
|
<style type="text/css">
|
|
#outlook a {padding:0;}
|
|
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
|
|
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
|
|
img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
|
|
p {margin:0;}
|
|
a img {border:none;}
|
|
.image_fix {display:block;}
|
|
</style>
|
|
|
|
</head>
|
|
<body style="background-color: #F7F8FA;">
|
|
<div style="color: #f7f8fa;font-size:0;line-height:0;">
|
|
Hello, c'est le facteur! .
|
|
</div>
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F7F8FA">
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<table id="wrapper" style="max-width: 480px; padding:20px 10px;" cellpadding="0" cellspacing="0" border="0" width="100%" >
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<p style="margin: 0; font-size: 10px;">
|
|
<a href="#" style="
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
color: #b8b8ba;
|
|
text-decoration: none;
|
|
">Cette Email ne s'affiche pas correctement ? cliquez-ici.
|
|
</a>
|
|
</p>
|
|
</td>
|
|
<tr><td valign="top" height="20"></td></tr>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<table cellpadding="0" cellspacing="0" width="100%" >
|
|
<tr height="25" style="height:25px">
|
|
<td></td>
|
|
<td rowspan="2" valign="top" align="center" width="78" height="110" bgcolor="white">
|
|
<a href="https://hellofacteur.fr/login" target="_blank" style="
|
|
display: block;
|
|
width: 78px;
|
|
height: 110px;
|
|
outline:none;
|
|
text-decoration: none!important;">
|
|
<img class="image_fix" src="http://hellofacteur.designsgenius.com/newsletter/facteur-logo%402x.jpg" alt="Hello facteur" title="Hello facteur" width="78" height="110" style="
|
|
outline:none;
|
|
text-decoration:none;
|
|
-ms-interpolation-mode: bicubic;
|
|
"/>
|
|
</a>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr height="75">
|
|
<td style="
|
|
border-left: 1px solid #ebebeb;
|
|
border-top: 1px solid #ebebeb;
|
|
border-radius: 5px 0 0 0;" bgcolor="white" cellpadding="0" cellspacing="0" border="0" height="85"></td>
|
|
<td style="
|
|
border-right: 1px solid #ebebeb;
|
|
border-top: 1px solid #ebebeb;
|
|
border-radius: 0 5px 0 0;" bgcolor="white" cellpadding="0" cellspacing="0" border="0" height="85"></td>
|
|
</tr>
|
|
</table>
|
|
<table style="
|
|
border-left: 1px solid #ebebeb;
|
|
border-right: 1px solid #ebebeb;
|
|
border-bottom: 1px solid #ebebeb;
|
|
border-radius: 0 0 5px 5px;" bgcolor="white" cellpadding="0" cellspacing="0" border="0" width="100%" >
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
|
|
<tr>
|
|
<td width="30"></td>
|
|
<td>
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%">
|
|
<tr><td valign="top" height="30"></td></tr>
|
|
|
|
<tr>
|
|
<td valign="top">
|
|
<p style="
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
margin: 0 0 20px 0;
|
|
font-weight: 400;
|
|
color: #303030;">
|
|
Hello,<br><br>
|
|
Bienvenue chez le facteur, et merci de votre inscription!
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td valign="top">
|
|
<table cellpadding="0" cellspacing="0" border="0" width="100%">
|
|
<tr>
|
|
<td valign="top" width="18">
|
|
<p style="
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
margin: 0 0 20px 0;
|
|
font-weight: 600;
|
|
color: #fedd32;">
|
|
•
|
|
</p>
|
|
</td>
|
|
<td valign="top">
|
|
<h3 style="
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
margin: 0 0 20px 0;
|
|
font-weight: 600;
|
|
color: #303030;">
|
|
Vous êtes près à vous connecter pour utiliser nos services.
|
|
</h3>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td valign="top" width="18">
|
|
<p style="
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
margin: 0 0 20px 0;
|
|
font-weight: 600;
|
|
color: #fedd32;">
|
|
•
|
|
</p>
|
|
</td>
|
|
<td valign="top">
|
|
<p style="
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
margin: 0 0 20px 0;
|
|
font-weight: 400;
|
|
color: #303030;">
|
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
|
|
<a style="text-decoration: none; color: #007793; font-weight:bold;"> TEST </a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr><td valign="top" height="20"></td></tr>
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<table cellpadding="0" cellspacing="0" border="0" align="center" width="220" >
|
|
<tr>
|
|
<td valign="top" align="center" bgcolor="#FF9D0E" style="
|
|
display: block;
|
|
border-radius:5px;
|
|
background-image: -o-linear-gradient(90deg, #fedd32 0%, #fdb92e 100%);
|
|
background-image: -moz-linear-gradient(90deg, #fedd32 0%, #fdb92e 100%);
|
|
background-image: -webkit-linear-gradient(90deg, #fedd32 0%, #fdb92e 100%);
|
|
background-image: -ms-linear-gradient(90deg, #fedd32 0%, #fdb92e 100%);
|
|
background-image: linear-gradient(0deg, #fedd32 0%, #fdb92e 100%);">
|
|
<a href="#" target="_blank" style="
|
|
display:inline-block;
|
|
width:100%;
|
|
height: 45px!important;
|
|
font-family:'Avenir Next','Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 20px!important;
|
|
line-height: 45px!important;
|
|
font-weight: 600!important;
|
|
color: #000000!important;
|
|
text-decoration: none!important;">
|
|
Le facteur est passé!
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr><td valign="top" height="50"></td></tr>
|
|
</table>
|
|
</td>
|
|
<td width="30"></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr><td valign="top" height="20"></td></tr>
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<a href="#" target="_blank" style="
|
|
outline:none;
|
|
text-decoration: none!important;">
|
|
<img class="image_fix" src="http://hellofacteur.designsgenius.com/newsletter/mise-en-boite-par-hellofacteur@2x.jpg" alt="Hello Facteur" title="Hello Facteur" width="120" height="50" style="
|
|
outline:none;
|
|
text-decoration:none;
|
|
-ms-interpolation-mode: bicubic;
|
|
"/>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr><td valign="top" height="20"></td></tr>
|
|
<tr>
|
|
<td valign="top" align="center">
|
|
<table cellpadding="0" border="0" style="line-height: 1.2em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; border-spacing: 0; font-size: 100%;" cellspacing="0" width="100%" align="center">
|
|
<tr valign="top">
|
|
<td width="100%" style="border-spacing: 0; text-align: center;">
|
|
<p style="text-align: center; margin: 0; padding: 0 4px 0 0; font-size: 12px; color: #b8b8ba; font-weight: regular; line-height: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 #fff;">Vous pouvez nous retrouver sur <a target="_blank" href="http://twitter.com/hellofacteur" style="text-decoration: none; color: #007793;">Twitter</a>, <a target="_blank" href="http://www.facebook.com/hellofacteur" style="text-decoration: none; color: #007793;">Facebook</a>, <a target="_blank" href="http://plus.google.com/+hellofacteur" style="text-decoration: none; color: #007793;">Google+</a> et sur notre <a target="_blank" href="http://hellofacteur.fr/blog/" style="text-decoration: none; color: #007793;">Blog.</a></p>
|
|
</td>
|
|
</tr>
|
|
<tr valign="top">
|
|
<td width="100%" style="border-spacing: 0;text-align: center;">
|
|
<p style="text-align: center; margin: 0; padding: 5px 4px; font-size: 10px; color: #b8b8ba; font-weight: regular; line-height: 16px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 #fff;">Vous recevez ce message car vous êtes faite partie de la communauté des facteurs. <a href="#" style="color: #b8b8ba; text-decoration: none;">Changer la preferences de vos images.</a></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!-- End of wrapper table -->
|
|
</body>
|
|
</html> |