JeanBenitez
/
SitioWebRake


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
							<!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 Asesoría Técnica 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 Asesoría Ténica </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 Asesoría Ténica desde la página web Rake MX<br>
                                                                            <br> Nombre: {{nombreAsesoria}} {{apellidosAsesoria}}
                                                                            <br> Empresa: {{empresaAsesoria}}
                                                                            <br> Dirección: {{estado}}, {{ciudad}}
                                                                            <br> Teléfono: {{numeroAsesoria}}
                                                                            <br> Correo electrónico: {{correoAsesoria}}
                                                                            <br> Disponibilidad 1: El día {{fecha1}} a las {{hora1}} hrs
                                                                            <br> Disponibilidad 2: El día {{fecha2}} a las {{hora2}} hrs
                                                                            <br> Disponibilidad 3: El día {{fecha3}} a las {{hora3}} hrs
                                                                            <br> Comentarios: {{comentariosAsesoria}}<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>