email.blade.php 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. ** 본 메일 폼은 원본이며 실제 사용은 form 안에 있는 email.blade.php 를 사용합니다.
  6. ** 아래 주소에서 변환이 가능합니다. link, script 주소는 삭제해주세요.
  7. https://templates.mailchimp.com/resources/inline-css/
  8. -->
  9. <meta charset="utf-8"/>
  10. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  11. <title>{{ config('site_title', config('app.name')) }}</title>
  12. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"/>
  13. <link rel="preconnect" href="https://fonts.googleapis.com"/>
  14. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  15. <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap" rel="stylesheet">
  16. <style>
  17. #app {
  18. width: 100%;
  19. background-color: #eee;
  20. padding: 50px;
  21. }
  22. #app .container {
  23. max-width: 800px;
  24. margin: 0 auto;
  25. }
  26. #hd {
  27. background-color: #1d618c;
  28. height: 50px;
  29. line-height: 50px;
  30. text-align: center;
  31. }
  32. #hd a {
  33. color: #fff;
  34. font-family: "Open-Sans-Extrabold";
  35. font-size: 21px;
  36. font-weight: bold;
  37. text-decoration: none;
  38. }
  39. #hd a:hover,
  40. #hd a:focus,
  41. #hd a:active {
  42. text-decoration: underline;
  43. }
  44. #mn {
  45. display: block;
  46. background-color: #fff;
  47. border: 1px solid #aaa;
  48. padding: 13px;
  49. color: #000;
  50. font-size: 14px;
  51. }
  52. #mn a {
  53. color: #0A0A0A;
  54. font-weight: bold;
  55. }
  56. #mn table {
  57. width: 100%;
  58. border: 1px solid #ddd;
  59. margin-bottom: 10px;
  60. }
  61. #mn table tr {
  62. border-bottom: 1px solid #ddd;
  63. }
  64. #mn table tr th {
  65. background-color: #eee;
  66. color: #202326;
  67. font-weight: normal;
  68. padding: 10px;
  69. border-right: 1px solid #ddd;
  70. }
  71. #mn table tr td {
  72. background-color: #fff;
  73. color: #333;
  74. padding: 10px;
  75. }
  76. #ft {
  77. padding: 13px;
  78. background-color: #2f2f2f;
  79. color: #adadad;
  80. font-size: 12px;
  81. }
  82. #ft ul li {
  83. margin-left: 0;
  84. }
  85. #ft ul li a {
  86. color: #adadad;
  87. }
  88. #ft cite {
  89. display: inline-block;
  90. width: 100%;
  91. text-align: center;
  92. }
  93. </style>
  94. </head>
  95. <body>
  96. <div id="app">
  97. <div class="container">
  98. <div id="hd">
  99. <a href="{{ url('/') }}">
  100. {{ strtoupper(config('site_title', config('app.name'))) }}
  101. </a>
  102. </div>
  103. <div id="mn">
  104. @isset($content)
  105. {!! $content !!}
  106. @endisset
  107. </div>
  108. <div id="ft">
  109. ※ 본 메일은 발신전용으로 회신되지 않습니다. 문의사항은 고객지원을 이용해 주시기 바랍니다.
  110. <ul class="list-unstyled mt-1">
  111. <li>{{ config('company_name') }} | 대표자 : {{ config('company_owner') }} | 정보관리책임자 : {{ config('company_admin_name') }}</li>
  112. <li>사업자등록번호 : {{ config('company_reg_no') }} | 통신판매신고번호 : {{ config('company_retail_sale_no') }}</li>
  113. <li>대표전화 : {{ config('company_phone') }} | 문의사항 : {{ config('company_admin_email') }}</li>
  114. <li>주소 : {{ config('company_address') }} | 우편번호 : {{ config('company_zip_code') }}</li>
  115. </ul>
  116. <cite>&copy; 2022~{{ date('Y') }} {{ config('company_name') }}. All rights reserved.</cite>
  117. </div>
  118. </div>
  119. </div>
  120. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
  121. </body>
  122. </html>