20180228_TaubatéCase_WorkinSecretaries

HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html data-editor-version="2" class="sg-campaigns" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /><!--[if !mso]><!--> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /><!--<![endif]--> <!--[if (gte mso 9)|(IE)]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <!--[if (gte mso 9)|(IE)]> <style type="text/css"> body {width: 600px;margin: 0 auto;} table {border-collapse: collapse;} table, td {mso-table-lspace: 0pt;mso-table-rspace: 0pt;} img {-ms-interpolation-mode: bicubic;} </style> <![endif]--> <style type="text/css"> body, p, div { font-family: arial; font-size: 14px; } body { color: #626262; } body a { color: #00943e; text-decoration: none; } p { margin: 0; padding: 0; } table.wrapper { width:100% !important; table-layout: fixed; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img.max-width { max-width: 100% !important; } .column.of-2 { width: 50%; } .column.of-3 { width: 33.333%; } .column.of-4 { width: 25%; } @media screen and (max-width:480px) { .preheader .rightColumnContent, .footer .rightColumnContent { text-align: left !important; } .preheader .rightColumnContent div, .preheader .rightColumnContent span, .footer .rightColumnContent div, .footer .rightColumnContent span { text-align: left !important; } .preheader .rightColumnContent, .preheader .leftColumnContent { font-size: 80% !important; padding: 5px 0; } table.wrapper-mobile { width: 100% !important; table-layout: fixed; } img.max-width { height: auto !important; max-width: 480px !important; } a.bulletproof-button { display: block !important; width: auto !important; font-size: 80%; padding-left: 0 !important; padding-right: 0 !important; } .columns { width: 100% !important; } .column { display: block !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } } </style> <!--user entered Head Start--> <!--End Head user entered--> </head> <body> <center class="wrapper" data-link-color="#00943e" data-body-style="font-size: 14px; font-family: arial; color: #626262; background-color: #F4F4F4;"> <div class="webkit"> <table cellpadding="0" cellspacing="0" border="0" width="100%" class="wrapper" bgcolor="#F4F4F4"> <tr> <td valign="top" bgcolor="#F4F4F4" width="100%"> <table width="100%" role="content-container" class="outer" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="100%"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <!--[if mso]> <center> <table><tr><td width="600"> <![endif]--> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="width: 100%; max-width:600px;" align="center"> <tr> <td role="modules-container" style="padding: 0px 0px 0px 0px; color: #626262; text-align: left;" bgcolor="#F4F4F4" width="100%" align="left"> <table class="module preheader preheader-hide" role="module" data-type="preheader" border="0" cellpadding="0" cellspacing="0" width="100%" style="display: none !important; mso-hide: all; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;"> <tr> <td role="module-content"> <p>A tecnologia está aí para te ajudar!</p> </td> </tr> </table> <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="padding:0px 0px 0px 0px;" height="100%" valign="top" bgcolor=""> <div style="text-align: right;"><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:10px;">O e-mail não aparece corretamente? <a href="[weblink]">Veja</a> no seu navegador.</span></span></div> </td> </tr> </table> <table class="wrapper" role="module" data-type="image" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="font-size:6px;line-height:10px;background-color:#FFFFFF;padding:0px 0px 0px 0px;" valign="top" align="center"> <img class="max-width" width="600" src="https://marketing-image-production.s3.amazonaws.com/uploads/9ded5404a216aa2b88837c5d2fb7268a0423cf7289f8738ed30905ad264b071f5e5798e44183638751c137d03e2c8cfb1405aabf4e9b89248ff69190755921d0.png" alt="Dados disponíveis para você!" border="0" style="display:block;color:#000;text-decoration:none;font-family:Helvetica, arial, sans-serif;font-size:16px;max-width:100% !important;width:100%;height:auto !important;"> </td> </tr> </table> <table class="wrapper" role="module" data-type="image" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="font-size:6px;line-height:10px;padding:0px 0px 0px 0px;" valign="top" align="center"> <img class="max-width" border="0" style="display:block;color:#000000;text-decoration:none;font-family:Helvetica, arial, sans-serif;font-size:16px;max-width:100% !important;width:100%;height:auto !important;" src="https://marketing-image-production.s3.amazonaws.com/uploads/b8ba21ca7f1e652ebaeb934295a524d7ac77167eb00808f4620fef2e8eaf6ea5f0f68a830f66f5221aa1c1d0c7d1343366022e18ec2034f4b910a9ec3c0eab47.jpg" alt="" width="600"> </td> </tr> </table> <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="padding:0px 0px 18px 0px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor=""> <div style="text-align: center;">Estudante realizando avaliação durante aplicação do QEdu Provas em Taubaté</div> </td> </tr> </table> <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="background-color:#ffffff;padding:18px 18px 18px 18px;line-height:22px;text-align:inherit;" height="100%" valign="top" bgcolor="#ffffff"> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);">Quantas vezes sua rede deixou de aplicar avaliações, ou aplicou menos do que gostaria, por conta dos imensos custos com impressão de papel e da complexidade logística para a realização e correção das provas?</p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);"> </p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);">Sabendo dessa dificuldade que as redes de educação enfrentam, criamos o <strong>QEdu Provas</strong>. Nossa ferramenta serve como um suporte digital para a aplicação de avaliações. O uso de tecnologia nessas aplicações ajuda a reduzir os custos e complexidades envolvidos no processo.</p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);"> </p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);">Uma das redes que têm se beneficiado dessa solução é Taubaté, e de uma forma muito inspiradora. Eles possuíam imensos desafios e, com muita criatividade e engajamento da rede, os problemas foram sendo contornados.</p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);"> </p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);">Quer saber quais problemas foram esses e o que a rede fez para superá-los? Contamos a história completa me nosso blog, veja!</p> <p style="font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 300; color: rgb(98, 98, 98); background-color: rgb(255, 255, 255);"> </p> </td> </tr> </table> <table border="0" cellPadding="0" cellSpacing="0" class="module" data-role="module-button" data-type="button" role="module" style="table-layout:fixed" width="100%"><tbody><tr><td align="center" bgcolor="#ffffff" class="outer-td" style="padding:0px 0px 30px 0px;background-color:#ffffff"><table border="0" cellPadding="0" cellSpacing="0" class="button-css__deep-table___2OZyb wrapper-mobile" style="text-align:center"><tbody><tr><td align="center" bgcolor="#00943E" class="inner-td" style="border-radius:6px;font-size:16px;text-align:center;background-color:inherit"><a style="background-color:#00943E;border:1px solid #333333;border-color:#00943E;border-radius:6px;border-width:1px;color:#ffffff;display:inline-block;font-family:arial,helvetica,sans-serif;font-size:16px;font-weight:normal;letter-spacing:0px;line-height:16px;padding:12px 18px 12px 18px;text-align:center;text-decoration:none" href="http://blog.qedu.org.br/blog/2018/02/07/qedu-provas-em-taubate-engajamento-que-faz-a-diferenca/" target="_blank">Quero saber como Taubaté superou seus desafios</a></td></tr></tbody></table></td></tr></tbody></table> <table class="module" role="module" data-type="spacer" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="padding:0px 0px 3px 0px;" role="module-content" bgcolor="#00943e"> </td> </tr> </table> <table class="module" role="module" data-type="spacer" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="padding:0px 0px 30px 0px;" role="module-content" bgcolor=""> </td> </tr> </table> <table class="module" role="module" data-type="social" align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tbody> <tr> <td valign="top" style="padding:0px 0px 0px 0px;font-size:6px;line-height:10px;"> <table align="right"> <tbody> <tr> <td style="padding: 0px 5px;"> <a role="social-icon-link" href="https://www.facebook.com/PortalQEdu/" target="_blank" alt="Facebook" data-nolink="false" title="Facebook " style="-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;background-color:#3B579D;"> <img role="social-icon" alt="Facebook" title="Facebook " height="30" width="30" style="height: 30px, width: 30px" src="https://marketing-image-production.s3.amazonaws.com/social/white/facebook.png" /> </a> </td> <td style="padding: 0px 5px;"> <a role="social-icon-link" href="https://www.instagram.com/portalqedu/" target="_blank" alt="Instagram" data-nolink="false" title="Instagram " style="-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;background-color:#7F4B30;"> <img role="social-icon" alt="Instagram" title="Instagram " height="30" width="30" style="height: 30px, width: 30px" src="https://marketing-image-production.s3.amazonaws.com/social/white/instagram.png" /> </a> </td> <td style="padding: 0px 5px;"> <a role="social-icon-link" href="https://www.linkedin.com/company/10601541/" target="_blank" alt="LinkedIn" data-nolink="false" title="LinkedIn " style="-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:inline-block;background-color:#0077B5;"> <img role="social-icon" alt="LinkedIn" title="LinkedIn " height="30" width="30" style="height: 30px, width: 30px" src="https://marketing-image-production.s3.amazonaws.com/social/white/linkedin.png" /> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="module" role="module" data-type="spacer" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="padding:0px 0px 30px 0px;" role="module-content" bgcolor=""> </td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" role="module" data-type="columns" data-version="2" style="padding:48px 34px 17px 34px;background-color:#00943e;box-sizing:border-box;" bgcolor="#00943e"> <tr role='module-content'> <td height="100%" valign="top"> <!--[if (gte mso 9)|(IE)]> <center> <table cellpadding="0" cellspacing="0" border="0" width="100%" style="border-spacing:0;border-collapse:collapse;table-layout: fixed;" > <tr> <![endif]--> <!--[if (gte mso 9)|(IE)]> <td width="266.000px" valign="top" style="padding: 0px 0px 0px 0px;border-collapse: collapse;" > <![endif]--> <table width="266.000" style="width:266.000px;border-spacing:0;border-collapse:collapse;margin:0px 0px 0px 0px;" cellpadding="0" cellspacing="0" align="left" border="0" bgcolor="#00943e" class="column column-0 of-2 empty" > <tr> <td style="padding:0px;margin:0px;border-spacing:0;"> <table class="module" role="module" data-type="text" border="0" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed;"> <tr> <td style="padding:0px 0px 0px 0px;background-color:#00943e;" height="100%" valign="top" bgcolor="#00943e"> <div style="font-size: 10px; line-height: 150%; margin: 0px;"> </div> <div style="font-size: 10px; line-height: 150%; margin: 0px;"> </div> <div style="font-size: 10px; line-height: 150%; margin: 0px;"><a href="[unsubscribe]"><span style="color:#FFFFFF;">Não quer mais receber e-mails?</span></a></div> </td> </tr> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> <![endif]--> <!--[if (gte mso 9)|(IE)]> <td width="266.000px" valign="top" style="padding: 0px 0px 0px 0px;border-collapse: collapse;" > <![endif]--> <table width="266.000" style="width:266.000px;border-spacing:0;border-collapse:collapse;margin:0px 0px 0px 0px;" cellpadding="0" cellspacing="0" align="left" border="0" bgcolor="#00943e" class="column column-1 of-2 empty" > <tr> <td style="padding:0px;margin:0px;border-spacing:0;"> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> <![endif]--> <!--[if (gte mso 9)|(IE)]> <tr> </table> </center> <![endif]--> </td> </tr> </table> </td> </tr> </table> <!--[if mso]> </td></tr></table> </center> <![endif]--> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </div> </center> </body> </html>
CSS
JAVASCRIPT
Expand for more options Login