Project

General

Profile

History

Admin » Confirmation and Notification Email » Templates »

Thai Template » History » Revision 2

Revision 1 (karnake ruengchaicharnkij, 04/09/2026 02:23 AM) → Revision 2/3 (karnake ruengchaicharnkij, 04/09/2026 02:25 AM) 

# Thai Template 

 ``` html 
 <!DOCTYPE html> 
 <html lang="{{.Lang}}"> 

 <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <title>{{.Subject}}</title> 
     <style> 
         body { 
             font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Tahoma'; 
             line-height: 1.6; 
             color: #333333; 
             margin: 0; 
             padding: 0; 
             background-color: #f4f4f4; 
         } 

         .container { 
             width: 60%; 
             max-width: calc(100vw - 40px); 
             margin: 20px auto; 
             background: #ffffff; 
             border-radius: 8px; 
             overflow: hidden; 
             border: 1px solid #e0e0e0; 
         } 

         .header { 
             background-color: #0c2340; 
             color: #ffffff; 
             padding: 25px; 
             text-align: center; 
             border-bottom: 4px solid #c5a059; 
         } 

         .header h1 { 
             margin: 0; 
             font-size: 20px; 
             letter-spacing: 1px; 
         } 

         .content { 
             padding: 35px; 
         } 

         .details-table { 
             width: 100%; 
             margin: 20px 0; 
             border-collapse: collapse; 
         } 

         .details-table td { 
             padding: 12px 10px; 
             border-bottom: 1px solid #f0f0f0; 
         } 

         .label { 
             color: #666666; 
             width: 40%; 
         } 

         .value { 
             font-weight: bold; 
             text-align: right; 
             color: #0c2340; 
         } 

         .expiry-box { 
             background-color: #fff8e1; 
             border: 1px solid #ffe082; 
             color: #856404; 
             padding: 15px; 
             border-radius: 4px; 
             text-align: center; 
             margin: 25px 0; 
             font-size: 14px; 
         } 

         .button-container { 
             text-align: center; 
             margin: 30px 0; 
         } 

         .button { 
             background-color: #c5a059; 
             color: #ffffff !important; 
             padding: 15px 45px; 
             text-decoration: none; 
             border-radius: 4px; 
             font-weight: bold; 
             display: inline-block; 
             font-size: 16px; 
         } 

         .footer { 
             background-color: #f8f9fa; 
             padding: 20px; 
             text-align: center; 
             font-size: 11px; 
             color: #777777; 
             border-top: 1px solid #eeeeee; 
         } 
     </style> 
 </head> 

 <body> 
     <div class="container"> 
         <div class="header"> 
             <h1>{{.HeaderTitle}}</h1> 
         </div> 
         <div class="content"> 
             <p><strong>{{.GreetingPrefix}} <p><strong>เรียน {{.CustomerName}}</strong></p> 
             {{range .Contents}} 
             <p>{{.}}</p> 
             {{end}} 

             <table class="details-table"> 
                 {{range .TableRows}} 
                 <tr> 
                     <td class="label">{{.Label}}</td> 
                     <td class="value">{{.Value}}</td> 
                 </tr> 
                 {{end}} 
             </table> 

             <div class="expiry-box"> 
                 <strong>{{.WarningTitle}}</strong> {{.WarningMessage}} 
             </div> 

             <div class="button-container"> 
                 <a href="{{.ActionURL}}" class="button">{{.ButtonText}}</a> 
             </div> 

             <p style="font-size: 13px; color: #888;">{{.Note}}</p> 
         </div> 
         <div class="footer"> 
             <p>{{.FooterCompany}}</p> 
             <p>{{.FooterAddress}}</p> 
             <p>{{.FooterContact}}</p> 
         </div> 
     </div> 
 </body> 

 </html> 
 ```