| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
- <meta content="width=device-width, initial-scale=1" name="viewport">
- <title>You're invited!</title>
- <!-- Designed by https://github.com/kaytcat -->
- <!-- Robot header image designed by Freepik.com -->
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
- /* Take care of image borders and formatting */
-
- img {
- max-width: 600px;
- outline: none;
- text-decoration: none;
- -ms-interpolation-mode: bicubic;
- }
-
- a {
- text-decoration: none;
- border: 0;
- outline: none;
- color: #bbbbbb;
- }
-
- a img {
- border: none;
- }
- /* General styling */
-
- td,
- h1,
- h2,
- h3 {
- font-family: Helvetica, Arial, sans-serif;
- font-weight: 400;
- }
-
- td {
- text-align: center;
- }
-
- body {
- -webkit-font-smoothing: antialiased;
- -webkit-text-size-adjust: none;
- width: 100%;
- height: 100%;
- color: #37302d;
- background: #ffffff;
- font-size: 16px;
- }
-
- table {
- border-collapse: collapse !important;
- }
-
- .headline {
- color: #ffffff;
- font-size: 36px;
- }
-
- .force-full-width {
- width: 100% !important;
- }
-
- .force-width-80 {
- width: 80% !important;
- }
- </style>
- <style media="screen" type="text/css">
- @media screen {
- /*Thanks Outlook 2013! */
- td,
- h1,
- h2,
- h3 {
- font-family: 'Droid Sans', 'Helvetica Neue', 'Arial', 'sans-serif' !important;
- }
- }
- </style>
- <style media="only screen and (max-width: 480px)" type="text/css">
- /* Mobile styles */
-
- @media only screen and (max-width: 480px) {
- table[class="w320"] {
- width: 320px !important;
- }
- td[class="mobile-block"] {
- width: 100% !important;
- display: block !important;
- }
- }
- </style>
- </head>
- <body bgcolor="#FFFFFF" class="body" style="padding:0; margin:0; display:block; background:#ffffff; -webkit-text-size-adjust:none">
- <div style="width:0; opacity:0; max-height:0; mso-hide:all; overflow:hidden; float:left; display:none !important;">
- Se ha realizado una solicitud de contacto desde la página web www.rake.mx
- </div>
- <table align="center" cellpadding="0" cellspacing="0" class="force-full-width">
- <tbody>
- <tr>
- <td align="center" bgcolor="#FFFFFF" valign="top" width="100%">
- <center>
- <table cellpadding="0" cellspacing="0" class="w320" style="margin: 0 auto;" width="600">
- <tbody>
- <tr>
- <td align="center" valign="top">
- <table bgcolor="#fff" cellpadding="0" cellspacing="0" class="force-full-width" style="margin: 0 auto;">
- <tbody>
- <tr>
- <td style="font-size: 30px; text-align:center;padding: 10px;">
- <img alt="Rake" class="500" height="70" src="http://rake.mx/webQA/assets/logo.png">
- </td>
- </tr>
- </tbody>
- </table>
- <table bgcolor="#4DBFBF" cellpadding="0" cellspacing="0" class="force-full-width" style="margin: 0 auto;">
- <tbody>
- <tr>
- <td><br>
- <img alt="robot picture" height="240" src="https://www.filepicker.io/api/file/carctJpuT0exMaN8WUYQ" width="224">
- </td>
- </tr>
- <tr>
- <td class="headline"><br>
- <strong>Nueva demanda de contacto </strong><br>
- </td>
- </tr>
- <tr>
- <td>
- <center>
- <table cellpadding="0" cellspacing="0" style="margin: 0 auto;" width="60%">
- <tbody>
- <tr>
- <td style="font-size:18px;color:#fff;"><br> Se ha recibido una nueva solicitud de demanda de contacto desde la página web Rake MX
- <br> Asunto: {{asunto}}
- <br> Nombre: {{nombre}} {{apellidos}}
- <br> Empresa: {{empresa}}
- <br> Teléfono: {{numero}}
- <br> Correo electrónico: {{correo}}
- <br> Comentarios: {{comentarios}}<br>
- <br>
- </td>
- </tr>
- </tbody>
- </table>
- </center>
- </td>
- </tr>
- <tr>
- <td>
- <br>
- <br>
- <br>
- <br>
- </td>
- </tr>
- </tbody>
- </table>
- <table bgcolor="#F5774E" cellpadding="0" cellspacing="0" class="force-full-width" style="margin: 0 auto;">
- <tbody>
- <tr>
- <td style="background-color:#f5774e;">
- <center></center>
- </td>
- </tr>
- </tbody>
- </table>
- <table bgcolor="#414141" cellpadding="0" cellspacing="0" class="force-full-width" style="margin: 0 auto;">
- <tbody>
- <tr>
- <td style="background-color:#414141;"><br><br>
- </td>
- </tr>
- <tr>
- <td style="color:#bbbbbb; font-size:12px;">
- <br>
- <br>
- </td>
- </tr>
- </tbody>
- </table>
- </td>
- </tr>
- </tbody>
- </table>
- </center>
- </td>
- </tr>
- </tbody>
- </table>
- </body>
- </html>
|