index.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head>
  4. <!--[if gte mso 9]>
  5. <xml>
  6. <o:OfficeDocumentSettings>
  7. <o:AllowPNG/>
  8. <o:PixelsPerInch>96</o:PixelsPerInch>
  9. </o:OfficeDocumentSettings>
  10. </xml>
  11. <![endif]-->
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  14. <meta name="x-apple-disable-message-reformatting">
  15. <!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<![endif]-->
  16. <title></title>
  17. </head>
  18. <body>
  19. <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;">
  20. <div>
  21. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  22. <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%">
  23. </a>
  24. </div>
  25. <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
  26. <div style="display: flex; justify-content: stretch; align-items: center;">
  27. <div style="padding: 1rem 1rem; width: 50%;">
  28. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  29. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  30. <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="21">雲林確診</span>
  31. </div>
  32. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  33. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第19名.</span>
  34. <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="19">雲林確診</span>
  35. </div>
  36. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  37. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第17名.</span>
  38. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  39. </div>
  40. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  41. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第15名.</span>
  42. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  43. </div>
  44. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  45. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第13名.</span>
  46. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  47. </div>
  48. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  49. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第11名.</span>
  50. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  51. </div>
  52. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  53. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第09名.</span>
  54. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  55. </div>
  56. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  57. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第07名.</span>
  58. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  59. </div>
  60. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  61. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  62. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  63. </div>
  64. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  65. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
  66. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  67. </div>
  68. </div>
  69. <div style="padding: 1rem 1rem; width: 50%;">
  70. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  71. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第20名.</span>
  72. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  73. </div>
  74. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  75. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第18名.</span>
  76. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  77. </div>
  78. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  79. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第16名.</span>
  80. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  81. </div>
  82. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  83. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第14名.</span>
  84. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  85. </div>
  86. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  87. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第12名.</span>
  88. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  89. </div>
  90. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  91. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第10名.</span>
  92. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  93. </div>
  94. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  95. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第08名.</span>
  96. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  97. </div>
  98. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  99. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第06名.</span>
  100. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  101. </div>
  102. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  103. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第04名.</span>
  104. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  105. </div>
  106. <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
  107. <span style="color: #aa6dbc; display: inline-block; flex: 2;">第02名.</span>
  108. <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
  109. </div>
  110. </div>
  111. </div>
  112. <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;">
  113. <div style="display: flex; position: absolute; left: 20%; top: 25%; align-items: center;">
  114. <span style="color: #aa6dbc; display: inline-block; font-size: 1.1rem; margin-right: 1.5rem;">第01名.</span>
  115. <span style="display: inline-block; font-size: 1.2rem;">雲林確診</span>
  116. </div>
  117. </div>
  118. </div>
  119. <div style="margin-top: .5rem; margin-bottom: .7rem;">
  120. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  121. <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%;">
  122. </a>
  123. </div>
  124. <div style="display: flex; align-items: center; justify-content: space-evenly; padding-bottom: 4.5rem;">
  125. <a href="https://www.linkedin.com/company/choozmo/">
  126. <img src="http://edm.cmm.ai/images/linkedin.png" alt="">
  127. </a>
  128. <a>
  129. <img src="http://edm.cmm.ai/images/facebook.png" alt="">
  130. </a>
  131. <a href="https://line.me/R/ti/p/@choozmo?from=page">
  132. <img src="http://edm.cmm.ai/images/line.png" alt="">
  133. </a>
  134. <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg">
  135. <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px">
  136. </a>
  137. </div>
  138. </main>
  139. </body>