1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
以下看到中文就請直接刪光、填入對應的內容
斷行也請刪掉、全部接起來


<div style="background-color: #ffffff; border-radius: 20px; padding: 10px; display: flex; align-items: flex-start; min-height: 250px; height: 100%; border: 1px solid #d5dce7; box-shadow: 0 0 6px #00000017; margin-bottom: 30px;">

<!--圖片容器: 上下排列-->
<div style="display: flex; flex-direction: column; gap: 10px; padding-right: 20px;">
<img src="第一張圖片網址" style=" width:auto; border-radius: 5px; max-width: 220px;">
<img src="第二張圖片網址，需要更多圖可以再繼續複製" style=" width:auto; border-radius: 5px; max-width: 220px;"></div>

<!--文字: 放右邊-->
<div style="flex-grow: 1; height: 100%; display: flex; flex-direction: column;">
<h5 style="font-size: 25px; font-weight: bold; color: #565656; margin: 0 0 10px 0;">粗體大標題第一行</h5>
<h5 style="font-size: 20px; font-weight: bold; color: #565656; margin: 0 0 5px 0;">粗體大標題第二行</h5>
<ol style="list-style: none; color: #909090; padding: 0; margin: 0; flex-grow: 1;">
<li>小字第一行</li>
<li>小字第二行</li>
<li>小字第三行，需要更多就再複製下去</li>

</ol><!-- 按鍵區塊：用 flex 並排 -->
<div style="display: flex; gap: 10px; margin-top: 20px; justify-content: flex-end;">
<a href="第一個按鍵的網址" target="_blank" style="background-color: 第一個按鍵顏色; padding: 10px 20px; display: inline-block; width: 140px; text-align: center; color: white; border-radius: 10px;">第一個按鍵的顯示文字</a>
<a href="第二個按鍵的網址" target="_blank" style="background-color: 第二個按鍵顏色; padding: 10px 20px; display: inline-block; width: 140px; text-align: center; color: white; border-radius: 10px;">第二個按鍵的顯示文字</a>

</div></div></div></div>