PageRenderTime 47ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/mails/fa/payment.html

https://gitlab.com/elasa/shop2.elasa.ir
HTML | 133 lines | 126 code | 7 blank | 0 comment | 0 complexity | 5882331ec63fe1f87c98393fc05edbfb MD5 | raw file
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  6. <title>پیامی از {shop_name}</title>
  7. <style> @media only screen and (max-width: 300px){
  8. body {
  9. width:218px !important;
  10. margin:auto !important;
  11. }
  12. .table {width:195px !important;margin:auto !important;}
  13. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}
  14. span.title{font-size:20px !important;line-height: 23px !important}
  15. span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}
  16. td.box p{font-size: 12px !important;font-weight: bold !important;}
  17. .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
  18. display: block !important;
  19. }
  20. .table-recap{width: 200px!important;}
  21. .table-recap tr td, .conf_body td{text-align:center !important;}
  22. .address{display: block !important;margin-bottom: 10px !important;}
  23. .space_address{display: none !important;}
  24. }
  25. @media only screen and (min-width: 301px) and (max-width: 500px) {
  26. body {width:308px!important;margin:auto!important;}
  27. .table {width:285px!important;margin:auto!important;}
  28. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
  29. .table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
  30. display: block !important;
  31. }
  32. .table-recap{width: 295px !important;}
  33. .table-recap tr td, .conf_body td{text-align:center !important;}
  34. }
  35. @media only screen and (min-width: 501px) and (max-width: 768px) {
  36. body {width:478px!important;margin:auto!important;}
  37. .table {width:450px!important;margin:auto!important;}
  38. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
  39. }
  40. @media only screen and (max-device-width: 480px) {
  41. body {width:308px!important;margin:auto!important;}
  42. .table {width:285px;margin:auto!important;}
  43. .logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
  44. .table-recap{width: 295px!important;}
  45. .table-recap tr td, .conf_body td{text-align:center!important;}
  46. .address{display: block !important;margin-bottom: 10px !important;}
  47. .space_address{display: none !important;}
  48. }
  49. </style>
  50. </head>
  51. <body style="-webkit-text-size-adjust:none;background-color:#fff;width:650px;color:#555454;font-size:13px;line-height:18px;direction:rtl;font-family:Tahoma, Open-sans, sans-serif;margin:auto">
  52. <table class="table table-mail" style="width:100%;margin-top:10px;-moz-box-shadow:0 0 5px #afafaf;-webkit-box-shadow:0 0 5px #afafaf;-o-box-shadow:0 0 5px #afafaf;box-shadow:0 0 5px #afafaf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5)">
  53. <tr>
  54. <td class="space" style="width:20px;padding:7px 0">&nbsp;</td>
  55. <td align="center" style="padding:7px 0">
  56. <table class="table" bgcolor="#ffffff" style="width:100%">
  57. <tr>
  58. <td align="center" class="logo" style="border-bottom:4px solid #333333;padding:7px 0">
  59. <a title="{shop_name}" href="{shop_url}" style="color:#337ff1">
  60. <img src="{shop_logo}" alt="{shop_name}" />
  61. </a>
  62. </td>
  63. </tr>
  64. <tr>
  65. <td align="center" class="titleblock" style="padding:7px 0">
  66. <font size="2" face="Tahoma,Open-sans, sans-serif" color="#555454">
  67. <span class="title" style="font-weight:500;font-size:28px;text-transform:uppercase;line-height:33px">سلام {firstname} {lastname}،</span><br/>
  68. <span class="subtitle" style="font-weight:500;font-size:16px;text-transform:uppercase;line-height:25px">از خرید شما در {shop_name} سپاس گذاریم!</span>
  69. </font>
  70. </td>
  71. </tr>
  72. <tr>
  73. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  74. </tr>
  75. <tr>
  76. <td class="box" style="border:1px solid #D6D4D4;background-color:#f8f8f8;padding:7px 0">
  77. <table class="table" style="width:100%">
  78. <tr>
  79. <td width="10" style="padding:7px 0">&nbsp;</td>
  80. <td style="padding:7px 0">
  81. <font size="2" face="Tahoma,Open-sans, sans-serif" color="#555454">
  82. <p data-html-only="1" style="border-bottom:1px solid #D6D4D4;margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;padding-bottom:10px">
  83. سفارش {order_name}&nbsp;-&nbsp;پرداخت پردازش شد </p>
  84. <span style="color:#777">
  85. پرداخت شما برای سفارش با مرجع <strong><span style="color:#333">{order_name}</span></strong> با موفقیت پردازش شد. </span>
  86. </font>
  87. </td>
  88. <td width="10" style="padding:7px 0">&nbsp;</td>
  89. </tr>
  90. </table>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  95. </tr>
  96. <tr>
  97. <td class="linkbelow" style="padding:7px 0">
  98. <font size="2" face="Tahoma,Open-sans, sans-serif" color="#555454">
  99. <span>
  100. شما می توانید سفارش خود را بازبینی و فکتور آن را از <a href="{history_url}" style="color:#337ff1"><a href="{history_url}" style="color:#337ff1"><a href="{history_url}" style="color:#337ff1"> "تاریخچه سفارش ها" که در بخش <a href="{my_account_url}" style="color:#337ff1"><a href="{my_account_url}" style="color:#337ff1"><a href="{my_account_url}" style="color:#337ff1"> "حساب کاربری" است، دانلود کنید. </span>
  101. </font>
  102. </td>
  103. </tr>
  104. <tr>
  105. <td class="linkbelow" style="padding:7px 0">
  106. <font size="2" face="Tahoma,Open-sans, sans-serif" color="#555454">
  107. <span>
  108. اگر شما یک حساب مهمان دارید، می توانید سفارش خود را از طریق بخش <a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1"><a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1"><a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1"><a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1"><a href="{guest_tracking_url}?id_order={order_name}" style="color:#337ff1"> "پیگیری مهمان"</a> دنبال کنید. </span>
  109. </font>
  110. </td>
  111. </tr>
  112. <tr>
  113. <td class="space_footer" style="padding:0!important">&nbsp;</td>
  114. </tr>
  115. <tr>
  116. <td class="footer" style="border-top:4px solid #333333;padding:7px 0">
  117. <span><a href="{shop_url}" style="color:#337ff1">{shop_name}</a> راهاندازی شده توسط <a href="http://www.prestashop.com/" style="color:#337ff1">پرستاشاپ&trade;</a></span>
  118. </td>
  119. </tr>
  120. </table>
  121. </td>
  122. <td class="space" style="width:20px;padding:7px 0">&nbsp;</td>
  123. </tr>
  124. </table>
  125. </body>
  126. </html>