Advertisement
caps_lock

Email

Apr 5th, 2018
435
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.36 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.   <head>
  4.     <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5.       <title>Welcome !</title>
  6.       <css>
  7.        
  8.         body {
  9.           padding-top: 0 !important;
  10.           padding-bottom: 0 !important;
  11.           padding-top: 0 !important;
  12.           padding-bottom: 0 !important;
  13.           margin:0 !important;
  14.           width: 100% !important;
  15.           -webkit-text-size-adjust: 100% !important;
  16.           -ms-text-size-adjust: 100% !important;
  17.           -webkit-font-smoothing: antialiased !important;
  18.         }
  19.         .tableContent img {
  20.           border: 0 !important;
  21.           display: block !important;
  22.           outline: none !important;
  23.         }
  24.         a{
  25.           color: #008c2c;
  26.         }
  27.  
  28.         p, h1,h2,ol,div{
  29.           margin:0;
  30.           padding:0;
  31.         }
  32.  
  33.         h1,h2{
  34.           font-weight: normal;
  35.           background:transparent !important;
  36.           border:none !important;
  37.         }
  38.  
  39.         .contentEditable h2.big,.contentEditable h1.big{
  40.           font-size: 26px !important;
  41.         }
  42.  
  43.         .contentEditable h2.bigger,.contentEditable h1.bigger{
  44.           font-size: 37px !important;
  45.         }
  46.  
  47.         td,table{
  48.           vertical-align: top;
  49.         }
  50.         td.middle{
  51.           vertical-align: middle;
  52.         }
  53.  
  54.         a.link1{
  55.           font-size:13px;
  56.           color:#27A1E5;
  57.           line-height: 24px;
  58.           text-decoration:none;
  59.         }
  60.         a{
  61.           text-decoration: none;
  62.         }
  63.  
  64.         .link2{
  65.           color:#ffffff;
  66.           border-top:10px solid #27A1E5;
  67.           border-bottom:10px solid #27A1E5;
  68.           border-left:18px solid #27A1E5;
  69.           border-right:18px solid #27A1E5;
  70.           border-radius:3px;
  71.           -moz-border-radius:3px;
  72.           -webkit-border-radius:3px;
  73.           background:#27A1E5;
  74.         }
  75.  
  76.         .link3{
  77.           color:#555555;
  78.           border:1px solid #cccccc;
  79.           padding:10px 18px;
  80.           border-radius:3px;
  81.           -moz-border-radius:3px;
  82.           -webkit-border-radius:3px;
  83.           background:#ffffff;
  84.         }
  85.  
  86.         .link4{
  87.           color:#27A1E5;
  88.           line-height: 24px;
  89.         }
  90.  
  91.         h2,h1{
  92.           line-height: 20px;
  93.         }
  94.         p{
  95.           font-size: 14px;
  96.           line-height: 21px;
  97.           color: #898989;
  98.         }
  99.  
  100.         .contentEditable li{
  101.  
  102.         }
  103.  
  104.         .appart p{
  105.  
  106.         }
  107.         .bgItem{
  108.           background: #ffffff;
  109.         }
  110.         .bgBody{
  111.           background: #ffffff;
  112.         }
  113.  
  114.         img {
  115.           outline:none;
  116.           text-decoration:none;
  117.           -ms-interpolation-mode: bicubic;
  118.           width: auto;
  119.           max-width: 100%;
  120.           clear: both;
  121.           display: block;
  122.           float: none;
  123.         }
  124.         %script.swatch.active{:type => "colorScheme"}
  125.         :cdata
  126.           {
  127.           "name":"Default",
  128.           "bgBody":"ffffff",
  129.           "link":"27A1E5",
  130.           "color":"AAAAAA",
  131.           "bgItem":"ffffff",
  132.           "title":"444444"
  133.           }
  134.  
  135.       </css>
  136.     </meta>
  137.   </head>
  138.   <body bgcolor="#d1d3d4" leftpadding="0" offset="0" paddingheight="0" paddingwidth="0" style="padding-top: 0; padding-bottom: 0; padding-top: 0; padding-bottom: 0; background-repeat: repeat; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;" toppadding="0">
  139.     <table align="center" border="0" cellpadding="0" cellspacing="0" class="tableContent bgBody" style="font-family:Helvetica, sans-serif;" width="100%">
  140.       <!-- =============== START HEADER ===============
  141.      -->
  142.       <tr>
  143.         <td align="center">
  144.           <table align="center" border="0" cellpadding="0" cellspacing="0" width="600">
  145.             <tr>
  146.               <td align="center" class="bgItem">
  147.                 <table align="center" border="0" cellpadding="0" cellspacing="0" width="580">
  148.                   <tr>
  149.                     <td align="center" class="movableContentContainer">
  150.                       <!-- =============== END HEADER ===============
  151.                      -->
  152.                       <!-- =============== START BODY ===============
  153.                      -->
  154.                       <div class="movableContent">
  155.                         <table align="center" border="0" cellpadding="0" cellspacing="0" width="580">
  156.                           <tr>
  157.                             <td height="40"></td>
  158.                           </tr>
  159.                           <tr>
  160.                             <td>
  161.                               <div class="contentEditableContainer contentImageEditable">
  162.                                 <div class="contentEditable" style="text-align: center;">
  163.                                   <img alt="Logo" data-default="placeholder" height="239" src="http://s19.postimg.org/w2rj7vexf/email_logo_bm.png"/>
  164.                                 </div>
  165.                               </div>
  166.                             </td>
  167.                           </tr>
  168.                         </table>
  169.                       </div>
  170.                       <div class="movableContent">
  171.                         <table align="center" border="0" cellpadding="0" cellspacing="0" width="580">
  172.                           <tr>
  173.                             <td height="30"></td>
  174.                           </tr>
  175.                           <tr>
  176.                             <td style="border: 1px solid #EEEEEE; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px">
  177.                               <table align="center" border="0" cellpadding="0" cellspacing="0" width="480">
  178.                                 <tr>
  179.                                   <td height="25"></td>
  180.                                 </tr>
  181.                                 <tr>
  182.                                   <td>
  183.                                     <div class="contentEditableContainer contentTextEditable">
  184.                                       <div class="contentEditable" style="text-align: center;">
  185.                                         <h2 style="font-size: 25px;">It's nice to have you here !</h2>
  186.                                         <br>
  187.                                           <a href="<%= @activation_link %>">
  188.                                             Click here to activate your account.
  189.                                           </a>
  190.                                           <br/>
  191.                                           <br/>
  192.                                           <p>Enjoy using the first professional software that will help you manage your terrarium animals data !</p>
  193.                                         </br>
  194.                                       </div>
  195.                                     </div>
  196.                                   </td>
  197.                                 </tr>
  198.                                 <tr>
  199.                                   <td height="24"></td>
  200.                                 </tr>
  201.                               </table>
  202.                             </td>
  203.                           </tr>
  204.                         </table>
  205.                       </div>
  206.                       <!-- =============== END BODY ===============
  207.                      -->
  208.                       <!-- =============== START FOOTER ===============
  209.                      -->
  210.                       <div class="movableContent">
  211.                         <table align="center" border="0" cellpadding="0" cellspacing="0" width="580">
  212.                           <tr>
  213.                             <td colspan="3" height="30"></td>
  214.                           </tr>
  215.                           <tr>
  216.                             <td width="90"></td>
  217.                             <td align="center" style="text-align: center;" width="400">
  218.                               <table align="center" cellpadding="0" cellspacing="0" width="400">
  219.                                 <tr>
  220.                                   <td>
  221.                                     <div class="contentEditableContainer contentTextEditable">
  222.                                       <div class="contentEditable" style="text-align: center;color:#AAAAAA;">
  223.                                         <p>
  224.                                           <!--
  225.                                            Sent by [SENDER_NAME] <br/>
  226.                                            [CLIENTS.ADDRESS] <br/>
  227.                                            [CLIENTS.PHONE] <br/>
  228.                                          -->
  229.                                           Have suggestions or problems ?
  230.                                         </p>
  231.                                         <p>
  232.                                           Contact support@breedersmanager.com
  233.                                         </p>
  234.                                       </div>
  235.                                     </div>
  236.                                   </td>
  237.                                 </tr>
  238.                               </table>
  239.                             </td>
  240.                             <td width="90"></td>
  241.                           </tr>
  242.                         </table>
  243.                       </div>
  244.                       <div class="movableContent">
  245.                         <table align="center" border="0" cellpadding="0" cellspacing="0" width="580">
  246.                           <tr>
  247.                             <td colspan="3" height="10"></td>
  248.                           </tr>
  249.                         </table>
  250.                       </div>
  251.                       <div class="movableContent">
  252.                         <table align="center" border="0" cellpadding="0" cellspacing="0" width="580">
  253.                           <tr>
  254.                             <td colspan="3" height="10"></td>
  255.                           </tr>
  256.                           <tr>
  257.                             <td width="195"></td>
  258.                             <td align="center" style="text-align: center;" width="85">
  259.                               <table align="center" cellpadding="0" cellspacing="0" width="85">
  260.                                 <tr>
  261.                                   <td width="40">
  262.                                     <div class="contentEditableContainer contentFacebookEditable">
  263.                                       <div class="contentEditable" style="text-align: center;color:#AAAAAA;">
  264.                                         <a href="https://www.facebook.com/breedersmanager/">
  265.                                           <img alt="facebook" data-customicon="true" data-max-width="40" height="40" src="http://s19.postimg.org/ikkmvl2rz/facebook.png" width="40"/>
  266.                                         </a>
  267.                                       </div>
  268.                                     </div>
  269.                                   </td>
  270.                                   <td width="5"></td>
  271.                                   <td width="40">
  272.                                     <div class="contentEditableContainer contentTwitterEditable">
  273.                                       <div class="contentEditable" style="text-align: center;color:#AAAAAA;">
  274.                                         <a href="https://twitter.com/BreedersManager">
  275.                                           <img alt="twitter" data-customicon="true" data-max-width="40" height="40" src="http://s19.postimg.org/93utoyixb/twitter.png" width="40"/>
  276.                                         </a>
  277.                                       </div>
  278.                                     </div>
  279.                                   </td>
  280.                                 </tr>
  281.                               </table>
  282.                             </td>
  283.                             <td width="195"></td>
  284.                           </tr>
  285.                           <tr>
  286.                             <td colspan="3" height="40">
  287.                               <!-- =============== END FOOTER ==============
  288.                              -->
  289.                             </td>
  290.                           </tr>
  291.                         </table>
  292.                       </div>
  293.                     </td>
  294.                   </tr>
  295.                 </table>
  296.               </td>
  297.             </tr>
  298.           </table>
  299.         </td>
  300.       </tr>
  301.     </table>
  302.   </body>
  303. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement