indexemail.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <body>
  4. <main style="width: 100%; margin-left: auto; margin-right: auto; background-image: url('http://edm.cmm.ai/images/%E8%83%8C%E6%99%AF.jpg'); height: auto;max-width: 600px;">
  5. <div>
  6. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  7. <img src="http://edm.cmm.ai/images/%E8%B6%A8%E5%8B%A2%E6%97%A5%E5%A0%B1BANNER.jpg" alt="Choozmo趨勢日報" style="width: 100%">
  8. </a>
  9. </div>
  10. <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
  11. <div style="display: flex; justify-content: stretch; align-items: center;">
  12. <div style="padding: 1rem 1rem; width: 50%;">
  13. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  14. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  15. <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="21">雲林確診</span>
  16. </div>
  17. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  18. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第19名.</span>
  19. <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="19">雲林確診</span>
  20. </div>
  21. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  22. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第17名.</span>
  23. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  24. </div>
  25. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  26. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第15名.</span>
  27. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  28. </div>
  29. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  30. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第13名.</span>
  31. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  32. </div>
  33. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  34. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第11名.</span>
  35. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  36. </div>
  37. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  38. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第09名.</span>
  39. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  40. </div>
  41. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  42. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第07名.</span>
  43. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  44. </div>
  45. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  46. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  47. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  48. </div>
  49. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  50. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  51. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  52. </div>
  53. </div>
  54. <div style="padding: 1rem 1rem; width: 50%;">
  55. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  56. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第20名.</span>
  57. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  58. </div>
  59. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  60. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第18名.</span>
  61. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  62. </div>
  63. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  64. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第16名.</span>
  65. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  66. </div>
  67. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  68. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第14名.</span>
  69. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  70. </div>
  71. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  72. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第12名.</span>
  73. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  74. </div>
  75. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  76. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第10名.</span>
  77. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  78. </div>
  79. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  80. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第08名.</span>
  81. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  82. </div>
  83. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  84. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第06名.</span>
  85. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  86. </div>
  87. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  88. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第04名.</span>
  89. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  90. </div>
  91. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  92. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第02名.</span>
  93. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  94. </div>
  95. </div>
  96. </div>
  97. <div style="width: 90%;height: 80px; background-image: url('http://edm.cmm.ai/images/NO1.png'); background-repeat: no-repeat; background-size:100%; margin-right: auto; margin-left: auto; position: relative;">
  98. <div style="display: flex; position: absolute; left: 20%; top: 25%; align-items: center;">
  99. <span style="color: #aa6dbc; display: inline-block; font-size: 1.1rem; margin-right: 1.5rem;">第01名.</span>
  100. <span style="display: inline-block; font-size: 1.2rem;">雲林確診</span>
  101. </div>
  102. </div>
  103. </div>
  104. <div style="margin-top: .5rem; margin-bottom: .7rem;">
  105. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  106. <img src="http://edm.cmm.ai/images/%E7%AB%8B%E5%8D%B3%E9%80%A3%E7%B9%AB.png" alt="Contact AIVideo" style="width: 100%;">
  107. </a>
  108. </div>
  109. <div style="display: flex; align-items: center; justify-content: space-evenly; padding-bottom: 4.5rem;">
  110. <a href="https://www.linkedin.com/company/choozmo/">
  111. <img src="http://edm.cmm.ai/images/linkedin.png" alt="">
  112. </a>
  113. <a>
  114. <img src="http://edm.cmm.ai/images/facebook.png" alt="">
  115. </a>
  116. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  117. <img src="http://edm.cmm.ai/images/line.png" alt="">
  118. </a>
  119. <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg">
  120. <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px">
  121. </a>
  122. </div>
  123. </main>
  124. </body>