A Pen by Marina

Thumbnail
This awesome code was written by mrnch, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright mrnch ©
  • HTML
  • CSS
  • JavaScript
    <body style="width: 100%; height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">

    <div id="barraFinal" style="font-family: Arial; color:#444444; background-color: #EEEEEE; width: 100%; padding-bottom:16px">

        <table id='tabelaGeral' style="border-spacing: 0px; margin: auto; padding-bottom: 30px; background: white; max-width: 650px; text-align: center; font-size: 14px;">
            <tr id="linhaCabecalho" style="background: #0084db; height: 70px; width: 100%;">
                <td style="padding:2px;font-size:11px;font-weight:300;width:14%;">
                    <a id="linkCabecalho" href="https://www.teleport.com.br/">
                        <img style="padding-top: 8px; margin-left: auto; margin-right: auto; display: block; max-width: 200px;" src="https://rdstation-static.s3.amazonaws.com/cms%2Ffiles%2F5708%2F1501100569TELEPORT_200.png">
                    </a>
                </td>
            </tr>

            <tr>
                <td>
                    <div style="padding-left: 60px;  padding-right: 60px; text-align: center">
                      
                        <span id="BarraTopo" style="color: #0084db; font-weight: normal; font-size: 18px; line-height: 120%;">
                          <img style="padding-top: 40px; margin-left: auto; margin-right: auto; display: block; max-width: 250px;" src="https://rdstation-static.s3.amazonaws.com/cms%2Ffiles%2F5708%2F1515415155sulamerica.png" alt="SulAmérica" width="280"/><br>
                          </span>
                    </div>
                </td>
            </tr>

            <tr id="linhaBloco2">
                <td>
                    <div style="padding-left: 60px; padding-right: 60px;   text-align: justify; line-height:1.7;">
                        <span id="textoBloco2">

  <br>*|PRIMEIRO_NOME|*,<br>

              <br><br>A TEx e SulAmérica trazem <b>mais uma opção de produto no TELEPORT</b> para você oferecer aos seus Segurados.
              <br><br>
              <b>SulAmérica Auto Compacto</b>, um produto diferenciado que vai facilitar ainda mais as suas vendas!

  <br><br>
Mediante o perfil do segurado, o corretor terá a opção de oferecer:<br><br>

           <a id="Imagem" href="https://atendimento.teleport.com.br/hc/pt-br/articles/115015836588"> <img style="padding: auto; margin-left: auto; margin-right: auto; display: block;" src="https://rdstation-static.s3.amazonaws.com/cms%2Ffiles%2F5708%2F1515432709SAS_Auto_Compacto1.png" alt="SulAmérica Auto Compacto" width="430">   
             </a> 

              <br><br>
                          <b>Como funciona?</b>
              <br><br>
              O Auto Compacto aparece como uma nova seguradora na hora do cálculo, mas fique tranquilo, ele não é considerado na contagem da regra da SulAmérica.
                          <br><br>
                          Para saber todos detalhes sobre o SulAmérica Auto Compacto e como habilitá-lo em seu TELEPORT, <b><a href="https://atendimento.teleport.com.br/hc/pt-br/articles/115015836588">clique aqui</a></b> e comece a usar desde já.
  <br><br>  
Ótimas vendas!

<br><br>

             </span>
                    </div>
                </td>
            </tr>

            <tr id="linhaBloco3">
                <td>
                    <div style="padding-left: 30px; padding-right: 20px;  text-align: center; line-height: 200%;">
                        <span id="textoBloco3">
                              <br><br>Dúvidas? Fale com os nossos Especialistas.<br>

Atendimento TELEPORT<br>
 <span id="tituloBloco2" style="color: #0084db;"> <a href="mailto:atendimento@teleport.com.br">atendimento@teleport.com.br</a> - (11) 2197-3626</span>

                        <br>
                        <br>

                        </span>
                    </div>
                </td>
            </tr>

        </table>
    </div>
</body>

/*Downloaded from https://www.codeseek.co/mrnch/a-pen-by-marina-qppPEM */
    


/*Downloaded from https://www.codeseek.co/mrnch/a-pen-by-marina-qppPEM */
    

Comments