|
@@ -0,0 +1,124 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
+<body>
|
|
|
+<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;">
|
|
|
+ <div>
|
|
|
+ <a href="https://line.me/R/ti/p/@choozmo?from=page">
|
|
|
+ <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%">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div style="background-color: white; border-radius: 2rem; padding-bottom: .5rem; margin-left: 3%; margin-right: 3%;">
|
|
|
+ <div style="display: flex; justify-content: stretch; align-items: center;">
|
|
|
+ <div style="padding: 1rem 1rem; width: 50%;">
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="21">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第19名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;" data-no="19">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第17名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第15名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第13名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第11名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第09名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第07名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第21名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 1rem 1rem; width: 50%;">
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第20名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第18名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第16名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第14名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第12名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第10名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第08名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第06名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第04名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; border-bottom: 1px dotted grey; margin-bottom: 7px;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 2;">第02名.</span>
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; flex: 3;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <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;">
|
|
|
+ <div style="display: flex; position: absolute; left: 20%; top: 25%; align-items: center;">
|
|
|
+ <span style="color: #aa6dbc; display: inline-block; font-size: 1.1rem; margin-right: 1.5rem;">第01名.</span>
|
|
|
+ <span style="display: inline-block; font-size: 1.2rem;">雲林確診</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: .5rem; margin-bottom: .7rem;">
|
|
|
+ <a href="https://line.me/R/ti/p/@choozmo?from=page">
|
|
|
+ <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%;">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex; align-items: center; justify-content: space-evenly; padding-bottom: 4.5rem;">
|
|
|
+ <a href="https://www.linkedin.com/company/choozmo/">
|
|
|
+ <img src="http://edm.cmm.ai/images/linkedin.png" alt="">
|
|
|
+ </a>
|
|
|
+ <a>
|
|
|
+ <img src="http://edm.cmm.ai/images/facebook.png" alt="">
|
|
|
+ </a>
|
|
|
+ <a href="https://line.me/R/ti/p/@choozmo?from=page">
|
|
|
+ <img src="http://edm.cmm.ai/images/line.png" alt="">
|
|
|
+ </a>
|
|
|
+ <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg">
|
|
|
+ <img src="http://edm.cmm.ai/images/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </main>
|
|
|
+</body>
|