API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 19th, 2018
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!doctype html>
  3. <html>
  4.     <head>
  5.     <meta charset="UTF-8">
  6.     <!-- utf-8 works for most cases -->
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <!-- Forcing initial-scale shouldn't be necessary -->
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.     <!-- Use the latest (edge) version of IE rendering engine -->
  11.     <title>Your Exam Vouchers</title>
  12.     <!-- The title tag shows in email notifications, like Android 4.4. -->
  13.     <!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients -->
  14.     <!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered -->
  15.  
  16.     <!-- CSS Reset -->
  17.    
  18.  
  19.     <!-- Progressive Enhancements -->
  20.    
  21.     <style type="text/css">
  22.         html,body{
  23.             margin:0 !important;
  24.             padding:0 !important;
  25.             height:100% !important;
  26.             width:100% !important;
  27.         }
  28.         *{
  29.             -ms-text-size-adjust:100%;
  30.             -webkit-text-size-adjust:100%;
  31.         }
  32.         .ExternalClass{
  33.             width:100%;
  34.         }
  35.         div[style*=margin: 16px 0]{
  36.             margin:0 !important;
  37.         }
  38.         table,td{
  39.             mso-table-lspace:0pt !important;
  40.             mso-table-rspace:0pt !important;
  41.         }
  42.         table{
  43.             border-spacing:0 !important;
  44.             border-collapse:collapse !important;
  45.             table-layout:fixed !important;
  46.             margin:0 auto !important;
  47.         }
  48.         table table table{
  49.             table-layout:auto;
  50.         }
  51.         img{
  52.             -ms-interpolation-mode:bicubic;
  53.         }
  54.         .yshortcuts a{
  55.             border-bottom:none !important;
  56.         }
  57.         a[x-apple-data-detectors]{
  58.             color:inherit !important;
  59.         }
  60.         .button-td,.button-a{
  61.             transition:all 100ms ease-in;
  62.         }
  63.         .button-td:hover,.button-a:hover{
  64.             background:#555555 !important;
  65.             border-color:#555555 !important;
  66.         }
  67.     @media screen and (max-width: 600px){
  68.         .email-container{
  69.             width:100% !important;
  70.         }
  71.  
  72. }   @media screen and (max-width: 600px){
  73.         .fluid,.fluid-centered{
  74.             max-width:100% !important;
  75.             height:auto !important;
  76.             margin-left:auto !important;
  77.             margin-right:auto !important;
  78.         }
  79.  
  80. }   @media screen and (max-width: 600px){
  81.         .fluid-centered{
  82.             margin-left:auto !important;
  83.             margin-right:auto !important;
  84.         }
  85.  
  86. }   @media screen and (max-width: 600px){
  87.         .stack-column,.stack-column-center{
  88.             display:block !important;
  89.             width:100% !important;
  90.             max-width:100% !important;
  91.             direction:ltr !important;
  92.         }
  93.  
  94. }   @media screen and (max-width: 600px){
  95.         .stack-column-center{
  96.             text-align:center !important;
  97.         }
  98.  
  99. }   @media screen and (max-width: 600px){
  100.         .center-on-narrow{
  101.             text-align:center !important;
  102.             display:block !important;
  103.             margin-left:auto !important;
  104.             margin-right:auto !important;
  105.             float:none !important;
  106.         }
  107.  
  108. }   @media screen and (max-width: 600px){
  109.         table.center-on-narrow{
  110.             display:inline-block !important;
  111.         }
  112.  
  113. }</style></head>
  114.     <body bgcolor="#ffffff" width="100%" style="margin: 0;" yahoo="yahoo">
  115.     <table bgcolor="#f2f2f2" cellpadding="0" cellspacing="0" border="0" height="100%" width="100%" style="border-collapse:collapse;">
  116.       <tr>
  117.         <td><center style="width: 100%;">
  118.            
  119.             <!-- Visually Hidden Preheader Text : BEGIN -->
  120.             <div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">Your Exam Vouchers</div>
  121.             <!-- Visually Hidden Preheader Text : END -->
  122.            
  123.            
  124.            
  125.               <!-- Logo  Leapest : BEGIN -->
  126.              
  127.             <table align="center" width="600" class="email-container">
  128.             <tr>
  129.                 <td style="padding: 20px 0; background: #f2f2f2; text-align: center"><a href="www.leapest.com"><img src="https://s3-eu-west-1.amazonaws.com/itpx-cdn/solar/images/Leapest+Classes/leapest-logo-default-rgb-250.png" width="150" height="120" alt="logo" border="0"></a></td>
  130.               </tr>
  131.           </table>
  132.             <!-- Logo : END -->
  133.            
  134.            
  135.            
  136.               <!-- Email Body : BEGIN -->
  137.             <table cellspacing="0" cellpadding="0" border="0" align="center" bgcolor="#ffffff" width="600" class="email-container">
  138.            
  139.            
  140.            
  141.             <!-- 1 Column Text : BEGIN -->
  142.            
  143.             <!-- Title : BEGIN -->
  144.              <tr><td style="padding: 0px; text-align: center; font-family: sans-serif; font-size: 30px; mso-height-rule: exactly; color: #3e4548;"><br />
  145.               Voucher Access</td></tr>
  146.                
  147.             <!-- Title : END -->
  148.  
  149.            
  150.            <!-- Message : BEGIN -->
  151.  
  152.                <tr>
  153.                 <td style="padding: 40px; text-align: left; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555;">
  154.                    
  155.  
  156.  
  157.            
  158.            
  159.            
  160.            
  161.            
  162.            
  163.            
  164.            <!-- Objects -->
  165.            
  166.                       <!-- Introduction -->
  167.                       <p data_temp_dwid="1">Thank you for placing your order.
  168.                        You have provided the following order reference: <br><br>
  169.  
  170. @P1 <br><br>
  171.                                            
  172.                      
  173.                      
  174.                       We have successfully generated the following Vouchers: <br> <ul> @P2 </ul>
  175.                      
  176.                      
  177.                       <p><strong>Assign eBook, eLearning Vouchers on myLeapest</strong><br>
  178.  
  179. These vouchers are available to you on @P3/login. You can distribute these training materials by following the instructions below:
  180. </p>
  181.                      
  182.                      <ol><li>Login with your registered credentials and go to Class Management Module
  183. <li>Create a New Class, assign a product, an instructor and specify the details of the learners. </li>
  184. <li>You can schedule the date and time when email notifications will be sent out to learners to access the training materials. </li>
  185. <li>Get a preview of the emails under the Email Tab. Add additional information you would like to provide to learners and instructors.
  186. </li></ol>
  187.                      
  188.            
  189.                       <!-- Greetings -->
  190.  
  191.            
  192.            <p>Note: eBook and eLearning vouchers can also be distributed individually to learners through ‘Voucher Management Module on @P3
  193. <br></p>
  194.          
  195.           <p><strong>View our Tutorial on how to use Classes to Assign Training Materials →</strong></p> @P4
  196.            <p>NB: This email was sent from a notification-only system that cannot accept incoming email. Please do not respond to this message.
  197. </p>
  198.  
  199.            
  200.                      </table>
  201.  
  202.            
  203.             <!-- Email Body : END -->
  204.            
  205.             <!-- Email Footer : BEGIN -->
  206.             <table align="center" width="100%" class="email-container">
  207.            
  208.             <tr>
  209.                 <td bgcolor="#f2f2f2" style="padding: 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; mso-height-rule: exactly; line-height:18px; text-align: center; color: #888888;">
  210.                
  211.                 Delivered by Leapest on behalf of ITpreneurs. <br>
  212.                 If you believe that this email was not intended to you, please delete it. <br>
  213.                
  214.                            
  215.  
  216.                 </td>
  217.               </tr>
  218.           </table>
  219.             <!-- Email Footer : END -->
  220.            
  221.           </center></td>
  222.       </tr>
  223.      
  224.     </table>
  225. </body>
  226. </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!