API tools faq
paste
Advertisement
Guest User

Email do app

a guest
Jun 26th, 2019
4,441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="Content-Type" content="text/html charset=UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>Doity - Aplicativo</title>
  9.    
  10.   </head>
  11.   <body style="margin:0;padding:0;box-sizing:border-box;">
  12.     <table class="wrapper" style="margin:0;padding:0;box-sizing:border-box;background-color:#efefef;width:100%;padding-top:110px;padding-bottom:110px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
  13.       <tr style="margin:0;padding:0;box-sizing:border-box;">
  14.         <td style="margin:0;padding:0;box-sizing:border-box;">
  15.           <table class="container" style="margin:0;padding:0;box-sizing:border-box;max-width:600px;background-color:white;margin:0 auto;border-spacing:0;">
  16.             <tr style="margin:0;padding:0;box-sizing:border-box;">
  17.               <td style="margin:0;padding:0;box-sizing:border-box;">
  18.                 <table class="header" style="margin:0;padding:0;box-sizing:border-box;background-image:url(https://doity.com.br/media/doity/emails/app-do-evento/bg_header.jpg);background-repeat:no-repeat;background-size:100% auto;color:white;text-align:center;">
  19.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  20.                     <td style="margin:0;padding:0;box-sizing:border-box;">
  21.                       <h1 class="header__title" style="margin:0;padding:0;box-sizing:border-box;font-size:36px;margin:60px 50px 0 60px;mso-line-height-rule:exactly;">O seu evento com um app exclusivo e gratuito!</h1>
  22.                       <p class="header__description" style="margin:0;padding:0;box-sizing:border-box;font-size:8.85px;margin:15px 0;">DISPONÍVEL PARA</p>
  23.                       <p style="margin:0;padding:0;box-sizing:border-box;"><img class="header__image_so" src="https://doity.com.br/media/doity/emails/app-do-evento/android-apple.png" alt="Android e iOS" style="margin:0;padding:0;box-sizing:border-box;max-width:60px;"></p>
  24.                       <p style="margin:0;padding:0;box-sizing:border-box;"><img class="header__gif" src="https://doity.com.br/media/doity/emails/app-do-evento/app-email.gif" alt="GIF animado apresentado o APP" style="margin:0;padding:0;box-sizing:border-box;max-width:500px;"></p>
  25.                     </td>
  26.                   </tr>
  27.                 </table>
  28.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  29.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  30.                     <td class="body__padding" style="margin:0;padding:0;box-sizing:border-box;padding:30px 50px;">
  31.                       <h2 class="body__title" style="margin:0;padding:0;box-sizing:border-box;font-size:36px;margin-bottom:26px;mso-line-height-rule:exactly;">Olá, *|PRIMEIRO_NOME|*!</h2>
  32.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  33.                         Temos uma super novidade. Agora você pode disponibilizar um
  34.                                             <b style="margin:0;padding:0;box-sizing:border-box;">app gratuito e exclusivo do seu evento.</b>
  35.                       </p>
  36.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  37.                         Transforme a experiência dos seus participantes, divulgue todas as informações
  38.                                             necessárias e mantenha todos atualizados.
  39.                                         </p>
  40.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  41.                         Conheça as principais funcionalidades:
  42.                                         </p>
  43.                     </td>
  44.                   </tr>
  45.                 </table>
  46.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  47.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  48.                     <td class="body__col_icon" style="margin:0;padding:0;box-sizing:border-box;padding:0 0 0 30px;">
  49.                       <img src="https://doity.com.br/media/doity/emails/app-do-evento/icon_programacao.jpg" alt="Programação" style="margin:0;padding:0;box-sizing:border-box;">
  50.                     </td>
  51.                     <td class="body__padding-min" style="margin:0;padding:0;box-sizing:border-box;padding:10px 60px 10px 10px;">
  52.                       <h3 class="body__subtitle" style="margin:0;padding:0;box-sizing:border-box;font-size:18px;margin-bottom:5px;mso-line-height-rule:exactly;">Programação</h3>
  53.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  54.                         Organize a programação do seu evento e disponibilize no app com todos as informações que o
  55.                                             participante
  56.                                             precisa.
  57.                                         </p>
  58.                     </td>
  59.                   </tr>
  60.                 </table>
  61.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  62.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  63.                     <td class="body__col_icon" style="margin:0;padding:0;box-sizing:border-box;padding:0 0 0 30px;">
  64.                       <img src="https://doity.com.br/media/doity/emails/app-do-evento/icon_palestrantes.jpg" alt="Palestrantes" style="margin:0;padding:0;box-sizing:border-box;">
  65.                     </td>
  66.                     <td class="body__padding-min" style="margin:0;padding:0;box-sizing:border-box;padding:10px 60px 10px 10px;">
  67.                       <h3 class="body__subtitle" style="margin:0;padding:0;box-sizing:border-box;font-size:18px;margin-bottom:5px;mso-line-height-rule:exactly;">Palestrantes</h3>
  68.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  69.                         Disponibilize o perfil de cada palestrante do evento, com detalhes sobre suas palestras e horários.
  70.                                         </p>
  71.                     </td>
  72.                   </tr>
  73.                 </table>
  74.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  75.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  76.                     <td class="body__col_icon" style="margin:0;padding:0;box-sizing:border-box;padding:0 0 0 30px;">
  77.                       <img src="https://doity.com.br/media/doity/emails/app-do-evento/icon_patrocinadores.jpg" alt="Patrocinadores" style="margin:0;padding:0;box-sizing:border-box;">
  78.                     </td>
  79.                     <td class="body__padding-min" style="margin:0;padding:0;box-sizing:border-box;padding:10px 60px 10px 10px;">
  80.                       <h3 class="body__subtitle" style="margin:0;padding:0;box-sizing:border-box;font-size:18px;margin-bottom:5px;mso-line-height-rule:exactly;">Patrocinadores</h3>
  81.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  82.                         Dê ainda mais visibilidade aos seus parceiros e apoiadores, criando uma área exclusiva e
  83.                                             categorizada
  84.                                             pelo tipo de apoio.
  85.                                         </p>
  86.                     </td>
  87.                   </tr>
  88.                 </table>
  89.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  90.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  91.                     <td class="body__col_icon" style="margin:0;padding:0;box-sizing:border-box;padding:0 0 0 30px;">
  92.                       <img src="https://doity.com.br/media/doity/emails/app-do-evento/icon_minha_agenda.jpg" alt="Minha Agenda" style="margin:0;padding:0;box-sizing:border-box;">
  93.                     </td>
  94.                     <td class="body__padding-min" style="margin:0;padding:0;box-sizing:border-box;padding:10px 60px 10px 10px;">
  95.                       <h3 class="body__subtitle" style="margin:0;padding:0;box-sizing:border-box;font-size:18px;margin-bottom:5px;mso-line-height-rule:exactly;">Minha agenda</h3>
  96.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  97.                         Permita que o participante favorite as atividades que deseja participar e monte sua própria agenda.
  98.                                         </p>
  99.                     </td>
  100.                   </tr>
  101.                 </table>
  102.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  103.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  104.                     <td class="body__col_icon" style="margin:0;padding:0;box-sizing:border-box;padding:0 0 0 30px;">
  105.                       <img src="https://doity.com.br/media/doity/emails/app-do-evento/icon_mapa_do_evento.jpg" alt="Mapa do Evento" style="margin:0;padding:0;box-sizing:border-box;">
  106.                     </td>
  107.                     <td class="body__padding-min" style="margin:0;padding:0;box-sizing:border-box;padding:10px 60px 10px 10px;">
  108.                       <h3 class="body__subtitle" style="margin:0;padding:0;box-sizing:border-box;font-size:18px;margin-bottom:5px;mso-line-height-rule:exactly;">Mapa do evento</h3>
  109.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  110.                         Facilite o acesso e a circulação dos participantes, disponibilizando a planta do local do evento.
  111.                                         </p>
  112.                     </td>
  113.                   </tr>
  114.                 </table>
  115.                 <table class="body" style="margin:0;padding:0;box-sizing:border-box;">
  116.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  117.                     <td class="body__col_icon" style="margin:0;padding:0;box-sizing:border-box;padding:0 0 0 30px;">
  118.                       <img src="https://doity.com.br/media/doity/emails/app-do-evento/icon_area_do_participante.jpg" alt="Área do participante" style="margin:0;padding:0;box-sizing:border-box;">
  119.                     </td>
  120.                     <td class="body__padding-min" style="margin:0;padding:0;box-sizing:border-box;padding:10px 60px 10px 10px;">
  121.                       <h3 class="body__subtitle" style="margin:0;padding:0;box-sizing:border-box;font-size:18px;margin-bottom:5px;mso-line-height-rule:exactly;">Área do participante</h3>
  122.                       <p class="body__text" style="margin:0;padding:0;box-sizing:border-box;font-size:14px;margin-bottom:26px;color:#404040;">
  123.                         O participante pode fazer login e ter acesso ao comprovante de inscrição e certificados em seu
  124.                                             perfil.
  125.                                         </p>
  126.                     </td>
  127.                   </tr>
  128.                 </table>
  129.                 <table class="rodape" style="margin:0;padding:0;box-sizing:border-box;background-color:#f2f7f9;text-align:center;">
  130.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  131.                     <td class="rodape__body" style="margin:0;padding:0;box-sizing:border-box;padding:35px 60px;">
  132.                       <h4 class="rodape__title" style="margin:0;padding:0;box-sizing:border-box;font-size:24px;">Quer deixar o seu evento ainda mais incrível?</h4>
  133.                       <p class="rodape__text" style="margin:0;padding:0;box-sizing:border-box;font-size:12px;margin-bottom:24px;">
  134.                         Em poucos cliques você personaliza o app, disponibiliza no site do seu evento e torna a experiência
  135.                                             dos
  136.                                             participantes inesquecível.
  137.                                         </p>
  138.                       <img class="rodape__avatar" src="https://doity.com.br/media/doity/emails/app-do-evento/marissol.png" alt="Marissol Santos" style="margin:0;padding:0;box-sizing:border-box;"/>
  139.                                        
  140.                       <p class="rodape__name" style="margin:0;padding:0;box-sizing:border-box;font-size:16px;"><b style="margin:0;padding:0;box-sizing:border-box;">Marissol Santos</b></p>
  141.                       <p class="rodape__job" style="margin:0;padding:0;box-sizing:border-box;font-size:12px;">Sucesso do Cliente</p>
  142.                       <a href="mailto:marissol@doity.com.br?subject=Re:App%20de%20eventos%20da%20Doity" class="rodape__btn" style="margin:0;padding:0;box-sizing:border-box;background-color:#77d86a;color:white;padding:10px 20px;border-radius:30px;display:inline-block;margin-top:20px;font-size:10px;text-decoration:none;">RESPONDER E-MAIL AGORA</a>
  143.                     </td>
  144.                   </tr>
  145.                 </table>
  146.                 <table class="rodape_end" style="margin:0;padding:0;box-sizing:border-box;width:100%;background-color:#ff2b34;">
  147.                   <tr style="margin:0;padding:0;box-sizing:border-box;">
  148.                     <td class="body__padding" style="margin:0;padding:0;box-sizing:border-box;padding:30px 50px;">
  149.                       <a class="rodape_end__doity_link" href="https://doity.com.br" style="margin:0;padding:0;box-sizing:border-box;color:white;text-decoration:none;">DOITY.COM.BR</a>
  150.                     </td>
  151.                     <td class="body__padding rodape__end__social" style="margin:0;padding:0;box-sizing:border-box;padding:30px 50px;text-align:right;">
  152.                       <a class="rodape__end__social__link" href="https://fb.com/doitybrasil" style="margin:0;padding:0;box-sizing:border-box;height:30px;width:30px;line-height:30px;display:inline-block;border-radius:50%;text-decoration:none;background: url('https://doity.com.br/media/doity/social-icons/facebook.png') center center no-repeat rgb(255, 255, 255);"></a>
  153.                       <a class="rodape__end__social__link" href="https://instagram.com/doitybrasil" style="margin:0;padding:0;box-sizing:border-box;height:30px;width:30px;line-height:30px;display:inline-block;border-radius:50%;text-decoration:none;background: url('https://doity.com.br/media/doity/social-icons/instagram.png') center center no-repeat rgb(255, 255, 255);"></a>
  154.                       <a class="rodape__end__social__link" href="https://linkedin.com/company/doity" style="margin:0;padding:0;box-sizing:border-box;height:30px;width:30px;line-height:30px;display:inline-block;border-radius:50%;text-decoration:none;background: url('https://doity.com.br/media/doity/social-icons/linkedin.png') center center no-repeat rgb(255, 255, 255);"></a>
  155.                       <a class="rodape__end__social__link" href="https://twitter.com/doitybrasil" style="margin:0;padding:0;box-sizing:border-box;height:30px;width:30px;line-height:30px;display:inline-block;border-radius:50%;text-decoration:none;background: url('https://doity.com.br/media/doity/social-icons/twitter.png') center center no-repeat rgb(255, 255, 255);"></a>
  156.                     </td>
  157.                   </tr>
  158.                 </table>
  159.               </td>
  160.             </tr>
  161.           </table>
  162.         </td>
  163.       </tr>
  164.     </table>
  165.   </body>
  166. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!