Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
4.7 kB
2
Indexable
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml" lang="en">
  
  <head><link rel="stylesheet" type="text/css" hs-webfonts="true" href="https://fonts.googleapis.com/css?family=Lato|Lato:i,b,bi">
    <title>Email template</title>
    <meta property="og:title" content="Email template">
    
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <style type="text/css">
   
      a{ 
        text-decoration: underline;
        color: inherit;
        font-weight: bold;
        color: #253342;
      }
      
      h1 {
        font-size: 36px;
        color: #33475B;
      }
      
        h2{
        font-size: 28px;
        font-weight: 900; 
      }

      h3{
        font-size: 18px;
        font-weight: 500; 
        color: #33475B;
      }

      
      p {
        font-weight: 300;
        color: #33475B;
      }
      
      td {
    vertical-align: top;
    text-align: center;
      }
      
      #email {
        margin: auto;
        width: 600px;
        background-color: white;
      }
      
      #email2 {
        margin: auto;
        width: 600px;
        background-color: #f2fffe;
      }
      
      #email3 {
        margin: auto;
        width: 500px;
        background-color: white;
      }

      button{
        font: inherit;
        background-color: #0d2b71;
        border: none;
        padding: 12px 36px 12px 36px;
        text-transform: initial;
        letter-spacing: 0px;
        font-weight: 500; 
        color: white;
        border-radius: 5px; 
        //box-shadow: 3px 3px #d94c53;
        float: center;
      }
      
      .subtle-link {
        font-size: 9px; 
        text-transform:uppercase; 
        letter-spacing: 1px;
        color: #CBD6E2;
      }
      
    </style>
    
  </head>
    
    <body bgcolor="#E5E5E5" style="width: 100%; margin: auto 0; padding: ; font-family:Roboto, sans-serif; font-size:18px; color:#33475B; word-break:break-word">
  
 <! View in Browser Link --> 
      
<div id="email">
      <table align="right" role="presentation">
        <tr>
          <td>
          <a class="subtle-link" href="#">Ver en navegador</a>
          </td>
          <tr>
      </table>
  
  
  <! Banner --> 
         <table role="presentation" width="100%">
            <tr>
         
              <td bgcolor="#f2fffe" align="center" style="color: white;">
            
             <img alt="Flower" src="https://www.aligare.cl/wp-content/uploads/2020/11/logo.png" width="400px" align="middle">
                
                <h1> ¡Bienvenido! </h1>
                <h3>Estamos complacidos que se haya unido a nosotros</h3>
                
              </td>
        </table>
  
  
  
  
    <! First Row --> 
  <div id="email2"><div id="email3">
  <table role="presentation" background= "#ffffff" width= "100%" border="0" cellpadding="0" cellspacing="10px" style="padding: 30px 30px 30px 60px;">
     <tr>
       <td>
        <p align="center"> Para comenzar le dejamos las credenciales de ingreso a nuestra plataforma</p>
            <p align="center">
              <strong>Correo:</strong> Username<br>
              <strong>Contraseña:</strong> Password
            </p>
             <p align="center"> Haga clic en el Botón para iniciar sesión</p>
                <button type="submit"> 
                  Ingresar
                </button>
                <p align="center"> <b>¡Atención!:</b> La contraseña es temporal, no pierda o comparta su contraseña ya que no se podra recuperar.</p>
          </td> 
          </tr>
                 </table>
                 </div></div>
  
       
  
        <! Unsubscribe Footer --> 
      
  <table role="presentation" bgcolor="#f2fffe" width="100%" >
      <tr>
          <td align="left" style="padding: 30px 30px;">
            <p style="color:#99ACC2">  2022 – Aligare Todos los derechos reservados  </p>    
          </td>

          <td align="left" style="padding: 30px 30px;">
            <p style="color:#99ACC2">  2022 – Aligare Todos los derechos reservados  </p>
              <a class="subtle-link" href="#"> Unsubscribe </a>      
          </td>

          <td align="left" style="padding: 30px 30px;">
            <p style="color:#99ACC2">  2022 – Aligare Todos los derechos reservados  </p>    
          </td>
          </tr>
      </table> 
      </div>
    </body>
      </html>