Serveur preprod f0c0c48223 first push
2016-04-14 16:14:31 +02:00

132 lines
7.2 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Message de {shop_name}</title>
<style> @media only screen and (max-width: 300px){
body {
width:218px !important;
margin:auto !important;
}
.table {width:195px !important;margin:auto !important;}
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}
span.title{font-size:20px !important;line-height: 23px !important}
span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}
td.box p{font-size: 12px !important;font-weight: bold !important;}
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
display: block !important;
}
.table-recap{width: 200px!important;}
.table-recap tr td, .conf_body td{text-align:center !important;}
.address{display: block !important;margin-bottom: 10px !important;}
.space_address{display: none !important;}
}
@media only screen and (min-width: 301px) and (max-width: 500px) {
body {width:308px!important;margin:auto!important;}
.table {width:285px!important;margin:auto!important;}
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
display: block !important;
}
.table-recap{width: 293px !important;}
.table-recap tr td, .conf_body td{text-align:center !important;}
}
@media only screen and (min-width: 501px) and (max-width: 768px) {
body {width:478px!important;margin:auto!important;}
.table {width:450px!important;margin:auto!important;}
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
}
@media only screen and (max-device-width: 480px) {
body {width:308px!important;margin:auto!important;}
.table {width:285px;margin:auto!important;}
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
.table-recap{width: 285px!important;}
.table-recap tr td, .conf_body td{text-align:center!important;}
.address{display: block !important;margin-bottom: 10px !important;}
.space_address{display: none !important;}
}
</style>
</head>
<table class="table table-mail" style="width: 650px;">
<tbody>
<tr>
<td class="space" style="width: 20px; padding: 0;">&nbsp;</td>
<td style="padding: 0;" align="center">
<table class="table" style="width: 100%;" bgcolor="#ffffff">
<tbody>
<tr>
<td class="logo" style="padding: 0;" align="center"><a style="color: #337ff1;" title="{shop_name}" href="{shop_url}"> <img src="{shop_logo}" alt="{shop_name}" /> </a></td>
</tr>
<tr>
<td class="titleblock" style="font-size: 12px; color: #a9adb1; padding: 7px 0;" align="center">1er site de ventes priv&eacute;es et nouveaut&eacute;s de marques reconnues <br /> par les professionnels de l&#039;h&ocirc;tellerie et de la restauration</td>
</tr>
<tr>
<td class="titleblock" style="font-size: 12px; color: #a9adb1; padding: 7px 0;" align="center"><img src="{shop_url}img/mail/shapered_mail.png" alt="" /></td>
</tr>
<tr>
<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
</tr>
<tr>
<td class="titleblock" style="padding: 7px 0;" align="center">
<p><span style="color: #434647; font-family: &#039;trebuchet ms&#039;, sans-serif; font-size: small;"> <span class="title" style="font-weight: 500; font-size: 18px; text-transform: uppercase; line-height: 33px;">Bonjour <span style="color: #f05249;">{firstname} {lastname},</span></span><br /> <span class="subtitle" style="font-weight: 500; font-size: 16px; text-transform: uppercase; line-height: 25px;">VOTRE COMMANDE sur {shop_name}&nbsp;N&#039;A PAS ETE VALIDEE.</span></span></p>
</td>
</tr>
<tr>
<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
</tr>
<tr>
<td class="box" style="border: 1px solid #D6D4D4; background-color: #f8f8f8; padding: 7px 0;">
<table class="table" style="width: 100%;">
<tbody>
<tr>
<td style="padding: 7px 0;" width="10">&nbsp;</td>
<td style="padding: 7px 0;">
<p style="border-bottom: 1px solid #D6D4D4; margin: 3px 0 7px; text-transform: uppercase; font-weight: 500; font-size: 18px; padding-bottom: 10px;" data-html-only="1">Commande {order_name}&nbsp;-&nbsp;En attente du paiement</p>
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">Vous n&#039;avez pas finalis&eacute; votre commande.</span></span></p>
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">Connectez-vous d&egrave;s &agrave; pr&eacute;sent dans votre espace <a href="{my_account_url}">"Mon compte"</a>.</span></span></p>
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">Rendez-vous sur votre panier afin de saisir vos coordonn&eacute;es bancaires.&nbsp;<br />Votre commande&nbsp;sera valid&eacute;e<strong>&nbsp;d&egrave;s r&eacute;ception de votre paiement</strong>. </span> </span></p>
</td>
<td style="padding: 7px 0;" width="10">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
</tr>
<tr>
<td class="linkbelow" style="padding: 7px 0;" align="center">
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">L&#039;&eacute;quipe commerciale reste &agrave; votre disposition pour tout compl&eacute;ment d&#039;informations.</span></span></p>
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">Ne manquez aucune bonne affaire ou avant-premi&egrave;re sur Privil&egrave;ge de Marque.com<br /> <a style="color: #f05249;" href="{shop_url}">{shop_name}</a><br /><br /></span></span></p>
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">A tr&egrave;s bient&ocirc;t chez Privil&egrave;ge de Marque,</span></span></p>
<p> </p>
<p><span style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span style="color: #777;">L&#039;Equipe Commerciale.<br /> <img src="{shop_url}img/mail/border_bottom_mail.png" alt="" /> </span></span></p>
</td>
</tr>
<tr>
<td class="space_footer" style="padding: 0!important;">&nbsp;<img src="http://www.privilegedemarque.com/img/cms/Bandeaux Mails Transactionnels/Bandeau-fidelite.jpg" alt="" width="600" height="146" /></td>
</tr>
</tbody>
</table>
</td>
<td class="space" style="width: 20px; padding: 7px 0;">&nbsp;</td>
</tr>
</tbody>
</table>
</html>
</body>
</html>