167 lines
8.0 KiB
PHP
167 lines
8.0 KiB
PHP
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- Define el contenido basado en codificación utf-8 (funcionará cuando se vea en la web) -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Estándar mobile permite elegir como se mostrará nuestra página en los navegadores de estos de dispositivos móviles, especificando el ancho que tendrá la página dentro del navegador -->
|
|
<title>Responsive</title><!-- Titulo de el correo (funcionará cuando se vea en la web) -->
|
|
<style type="text/css"><!-- Definimos estilos por defecto -->
|
|
/* Estilos para clientes especificos */
|
|
#outlook a {padding:0;} /* Fuerza al cliente de Outlook a generar un boton para ver en la web de forma nativa. */
|
|
body{width:100% !important;margin: 0 !important;padding: 0 !important;} .ReadMsgBody{width:100%; !important} .ExternalClass{width:100% !important;} /* Fuerza a Hotmail a mostrar el email a su ancho completo */
|
|
|
|
/* Plataformas Webkit y Windows Mobile. */
|
|
body{-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} /* Previene a la plataforma para aplicaciones Webkit y Windows Mobile que reemplace las fuentes determinadas en los estilos. */
|
|
img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic;}
|
|
a img {border:none;}
|
|
p {margin: 0px 0px !important;}
|
|
table td {border-collapse: collapse;}
|
|
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
|
|
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
|
|
|
|
/*################################################*/
|
|
/* Resolución 640px (iPad) */
|
|
/*################################################*/
|
|
@media only screen and (max-width: 500px) {
|
|
a[href^="tel"], a[href^="sms"] { text-decoration: none;color: #ffffff; pointer-events: none;cursor: default;}
|
|
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { text-decoration: default; color: #ffffff !important;pointer-events: auto;cursor: default;}
|
|
table[class=devicewidth] {width: 440px!important;text-align:center!important;}
|
|
table[class=devicewidthinner] {width: 440px!important;text-align:center!important;}
|
|
td[class="menu"]{text-align:center !important;}
|
|
}
|
|
/*##############################################*/
|
|
/* Resolución 480px (iPhone) */
|
|
/*##############################################*/
|
|
@media only screen and (max-width: 480px) {
|
|
a[href^="tel"], a[href^="sms"] {text-decoration: none; color: #ffffff;pointer-events: none;cursor: default;}
|
|
.mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration: default;color: #ffffff !important; pointer-events: auto; cursor: default;}
|
|
table[class=devicewidth] {width: 280px!important;text-align:center!important;}
|
|
table[class=devicewidthinner] {width: 280px!important;text-align:center!important;}
|
|
td[class=titulo] {width: 280px!important;text-align:center!important;}
|
|
img[class="bigimage"]{width: 260px!important;}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="block">
|
|
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%">
|
|
<table width="600" bgColor="001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
|
<tbody>
|
|
<tr height="50">
|
|
<td>
|
|
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
|
<tbody>
|
|
<tr>
|
|
<td width="600"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<div class="block">
|
|
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%">
|
|
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<table width="600" align="left" border="0" cellpadding="0" cellspacing="0" class="devicewidthinner">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center">
|
|
<img src="{{ $message->embed(resource_path('assets/images/logos').'/logo_drenax.png') }}" alt="" border="0" style=" border:none; width: 90%">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr height="40"></tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<table width="100%" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%">
|
|
<table width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff" border="0" align="center" class="devicewidth" >
|
|
<tbody>
|
|
<tr height="50"></tr>
|
|
|
|
<tr style="font-family: Helvetica, arial, sans-serif;">
|
|
<td style="margin-top: 0; color: #74787E; font-size: 16px; line-height: 20px;" align="justify">
|
|
<span style="color: #74787E;">
|
|
Estimado(a) {{$info['contacto']}}, reciba un cordial saludo de nuestra parte.
|
|
</span> <br>
|
|
<span style="color: #74787E;">
|
|
Le informamos que el servicio {{$info['servicio']}} de la solicitud {{$info['folio']}} finalizó con los datos referidos en archivo PDF adjunto.
|
|
</span> <br> <br>
|
|
<span style="color: #74787E;">
|
|
Drenax agradece su preferencia.
|
|
</span> <br> <br>
|
|
<span style="color: #74787E;">
|
|
Lo invitamos a consultar nuestro <a href="http://drenax.mx/assets/documents/aviso_privacidad.pdf"> Aviso de Privacidad.</a>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<div class="block">
|
|
<table width="100%" bgcolor="#001870" cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
|
|
<tbody>
|
|
<tr>
|
|
<td width="100%">
|
|
<table width="600" bgColor="#001870" cellpadding="0" cellspacing="0" bgcolor="#001870" border="0" align="center" class="devicewidth" >
|
|
<tbody>
|
|
<tr height="50">
|
|
<td>
|
|
<table width="600" cellpadding="0" cellspacing="0" border="0" align="left" class="devicewidth">
|
|
<tbody>
|
|
<tr>
|
|
<td width="600"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|