send-order-notification.blade.php 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8. <style type="text/css">
  9. body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  10. table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
  11. img { -ms-interpolation-mode: bicubic; }
  12. img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
  13. table { border-collapse: collapse !important; }
  14. body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
  15. a[x-apple-data-detectors] {
  16. color: inherit !important;
  17. text-decoration: none !important;
  18. font-size: inherit !important;
  19. font-family: inherit !important;
  20. font-weight: inherit !important;
  21. line-height: inherit !important;
  22. }
  23. @media screen and (max-width: 480px) {
  24. .mobile-hide {
  25. display: none !important;
  26. }
  27. .mobile-center {
  28. text-align: center !important;
  29. }
  30. }
  31. div[style*="margin: 16px 0;"] { margin: 0 !important; }
  32. </style>
  33. <body style="margin: 0 !important; padding: 0 !important; background-color: #eeeeee;" bgcolor="#eeeeee">
  34. <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
  35. For what reason would it be advisable for me to think about business content? That might be little bit risky to have crew member like them.
  36. </div>
  37. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  38. <tr>
  39. <td align="center" style="background-color: #eeeeee;" bgcolor="#eeeeee">
  40. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
  41. <tr>
  42. <td align="center" valign="top" style="font-size:0; padding: 35px;" bgcolor="#F44336">
  43. <div style="display:inline-block; max-width:100%; min-width:100px; vertical-align:top; width:100%;">
  44. <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;">
  45. <tr>
  46. <td align="left" valign="top" style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 800; line-height: 48px;" class="mobile-center">
  47. <h1 style="font-size: 25px; font-weight: 800; margin: 0; color: #ffffff;">{!! $shop_name !!}</h1>
  48. </td>
  49. </tr>
  50. </table>
  51. </div>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td align="center" style="padding: 35px 35px 20px 35px; background-color: #ffffff;" bgcolor="#ffffff">
  56. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
  57. <tr>
  58. <td align="center" style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 25px;">
  59. <h2 style="font-size: 30px; font-weight: 800; line-height: 36px; color: #333333; margin: 0;">
  60. New Order is placed!
  61. </h2>
  62. </td>
  63. </tr>
  64. <tr>
  65. <td align="left" style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 10px;">
  66. <p style="font-size: 16px; font-weight: 400; line-height: 24px; color: #777777;">
  67. {!! $order_message !!}
  68. </p>
  69. </td>
  70. </tr>
  71. </table>
  72. </td>
  73. </tr>
  74. </table>
  75. </td>
  76. </tr>
  77. </table>
  78. </body>
  79. </html>